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

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

比如我们刚研发好的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 我们之前的用法是: 

上一篇:汇编语言---输出“welcome to you!”


下一篇:Elasticsearch简介与实战