对Bootstrap Metro Dashboard进行改造

博主分享了如何改造Bootstrap Metro Dashboard,避免重复引用JS,通过将header、left和footer独立并使用jsp include动态加载。改造过程中遇到样式问题,特别是custom.js的影响,最终解决了下拉菜单的问题,并新增了echarts界面。源码已上传至CSDN,未来计划在GitHub进行维护。
摘要由CSDN通过智能技术生成

最近从网上发现了一个比较好的bootstrap框架,原作者的网址为https://linghucong.js.org/Bootstrap_Metro_Dashboard/,效果还是很炫的,但是唯一的缺点是每个页面都引用了一堆重复的js,上侧和左侧导航在每个html页面都存在,对于一个有强迫症Coder的来说,怎么能忍。。。。。
所以下一步就是改代码了,想法是将所有的js引用一次,header,left,foot页面都单独列出来,采用jsp include动态加载进去。
先放几张效果图片:
主页效果图

task图

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值