说明
不知道为啥,突然想起这句话。大概是我喜欢自己造轮子,但是确实是时间余额不足,然后我又希望最短时间开发完成(1个月左右)。所以还是比较矛盾的,习惯或者改变。
以前我都是爬过去,这次打算绕过去。通常完美的想法都是具有欺骗性的,决定绕过去之后突然就觉得很开心。天下武功,唯快不破啊
。
内容
1 主题
可以搜索一下bootstrap4 theme
, 可以找到一些别人做好的主题,例如这个网站
然后下载,陈年的酒(2014),但是够了。
下载后的文件目录如下,结构和我之前的差不多,我看了下包也是类似的。
这个主题还是挺不错的,提供了比较完整的页面,审美肯定也比我自己弄好多了。
-
1 登录
-
2 侧边导航
看起来还不错是不是?
- 3 图表
基本的图表都有了,看着也还不错。以后要么拓展这个包(chart.js
)作出风格一样的图,或者用别的包,有点风格差异也没啥。
- 4 颜色
很友好的给了一组渐变色,这个其实还是使用的。
- 5 其他图标
看起来就是为diy设计的,很贴心。
2 融合
虽然省了很多事,但还有不少事。现在只能确保框架和素材有了。接下来要改装为自己的工具库。
2.1 框架
这次是为新portal做的修改,所以框架沿用之前的。核心的js版本我看了一下,是接近的
- bootstrap: 4.x
- jquery:3.x
- datatable: 1.1x
在增加这些资源包的时候,老的包就不动了,新的包做个小标记(后缀_a001
)。未来如果有新的主题,可以加上_a002
之类的后缀增套件。
首先,还是分配一个端口号
序号 | 容器名 | 内部端口 | 说明 | 备注 |
---|---|---|---|---|
17 | portal_24016 | 24016 | portal, 提供交互 |
蓝图模式的几个小修改:
- 1 每个模块的授权统一用before_require来限制。
2.2 基本页
先做一个基本页面。当前页面的结构
- head
- body
- page wrapper