加载中…
个人资料
大霞上仙
大霞上仙
  • 博客等级:
  • 博客积分:0
  • 博客访问:9,818
  • 关注人气:6
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

html菜单的常显

(2022-11-17 20:22:50)
标签:

html

分类: Java/js
接口测试平台代码实现9:菜单常显 (qq.com)

   这里有三个方法:

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

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

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

        特点:比较不错。

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

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


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


 在script标签内写上一句代码:


$('#page1').load('/child/'+'{{ whichHTML }}/{{ oid }}/')

大家看到这句话可能问题比较多,这里直接复制就好,先简单跟大家说说是什么意思,这句话的意思是,一旦打开welcome.html, 那么就运行这句代码,这句代码会把id为page1的那个空div,给它的内容加载另一个url返回的页面。


这个url 我定位:'/child/'+'{{ whichHTML }}/{{ oid }}/' 它会返回我们真正的要访问的页面 

html菜单的常显


接下来去urls.py中,写这个/child/  url的映射关系吧~

html菜单的常显
html菜单的常显
html菜单的常显


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有