Bootstrap做前端模板:
- 利用Bootstrap的CSS内置样式快速绘制相对没那么丑的界面。
- 利用Bootstrap的栅格系统快速实现响应式布局。(PC端是横屏,大屏,移动端是竖屏,小屏)。
- 利用Bootstrap的内置组件库,来解决界面快速开发的问题。(基于JQuery进行开发)
参考:
https://v4.bootcss.com/
http://ueditor.baidu.com/website/
https://www.bootboxjs.cn
二、BootStrap布局基础代码:
三、前端页面开发步骤:
- UI设计
- 绘制线框图
- 使用HTML实现线框图
- 填充页面内容
- 对内容进行微调
四、核心目的是为了动态交互,动态响应,所以前端页面设计完成后,与后台对接。
- 实现前端页面:先进行内容的静态填充。
- 基于后台进行页面数据填充:循环+分页,填充对应字段值,实现前后交互。
- 解决各种小的问题:检验,接口权限,关系…………
Flask基础教程:
https://www.w3cschool.cn/flask/
Jinja2基础教程:
http://www.manongjc.com/article/118150.html
SQLAlchemy基础教程:
https://blog.csdn.net/u010339879/article/details/84038975
登录注册(选项卡代码):
https://blog.csdn.net/laoyaotask/article/details/83181227