ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

接口测试平台代码实现9:菜单常显

2021-07-10 09:56:21  阅读:105  来源: 互联网

标签:菜单 render 代码 welcome 接口 html 常显 页面


上节我们说到了一个问题:就是如何让菜单出现在每个页面的左侧。

比如我们刚研发好的home.html,配上菜单看才会更好看。

 

    这里有三个方法:

  1. 把菜单的html代码复制粘贴到 其他各个页面

    特点:完全不推荐这个方式。一百个页面难道要粘一百段菜单代码么。然后我新改动了菜单,就要手动去改动一百个页面,这简直在开玩笑。

  2. 把菜单的html代码做成组件,然后其他各个页面去调用,在页面上生成菜单

        特点:比较不错。

    3. 把菜单作为后台唯一能返回的html,也就是唯一的render函数内的那个html参数。然后在菜单welcome.html 中 把其他各个页面都当作一个子页面 一个来引入。

        特点:和方法2逻辑相反,而且在很多js等静态资源导入上更简洁。比如100个页面都需要引入jquery.min.js文件,那么你只需要在welcome.html中引入一次,即可在所有页面中生效。

 

综上所述,各有利弊。我这里选用第三种方式了。

 

进行思考:后台以后所有的函数,返回的renede函数中的html 都是welcome.html菜单了,那么自己本身的页面要怎么传入呢?这里就需要我们再加一个参数,来作为真正要访问的页面html了。

 

所以本节先引入一个知识点:render函数都能往里面加什么东西。

 

render 我们之前的用法是: 

标签:菜单,render,代码,welcome,接口,html,常显,页面
来源: https://blog.51cto.com/u_15282986/3033937

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有