0
点赞
收藏
分享

微信扫一扫

Python 全栈系列156 使用bootstrap4 theme快速搭建网站

爱奔跑的读书者 2022-04-22 阅读 57
前端

说明

不知道为啥,突然想起这句话。大概是我喜欢自己造轮子,但是确实是时间余额不足,然后我又希望最短时间开发完成(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之类的后缀增套件。

首先,还是分配一个端口号

序号容器名内部端口说明备注
17portal_2401624016portal, 提供交互

蓝图模式的几个小修改:

  • 1 每个模块的授权统一用before_require来限制。

2.2 基本页

先做一个基本页面。当前页面的结构

  • head
  • body
    • page wrapper
举报

相关推荐

0 条评论