上节我们说到了一个问题:就是如何让菜单出现在每个页面的左侧。
比如我们刚研发好的home.html,配上菜单看才会更好看。
这里有三个方法:
-
把菜单的html代码复制粘贴到 其他各个页面
特点:完全不推荐这个方式。一百个页面难道要粘一百段菜单代码么。然后我新改动了菜单,就要手动去改动一百个页面,这简直在开玩笑。
-
把菜单的html代码做成组件,然后其他各个页面去调用,在页面上生成菜单
特点:比较不错。
3. 把菜单作为后台唯一能返回的html,也就是唯一的render函数内的那个html参数。然后在菜单welcome.html 中 把其他各个页面都当作一个子页面 一个来引入。
特点:和方法2逻辑相反,而且在很多js等静态资源导入上更简洁。比如100个页面都需要引入jquery.min.js文件,那么你只需要在welcome.html中引入一次,即可在所有页面中生效。
综上所述,各有利弊。我这里选用第三种方式了。
进行思考:后台以后所有的函数,返回的renede函数中的html 都是welcome.html菜单了,那么自己本身的页面要怎么传入呢?这里就需要我们再加一个参数,来作为真正要访问的页面html了。
所以本节先引入一个知识点:render函数都能往里面加什么东西。
render 我们之前的用法是: