Web项目开发常用工具

项目开发流程：

• 前端（后台模板）
• 数据库设计
• 前端独立化运行
• 数据接口对接
• 前后端测试

前端界面：登录页
后台模板：X-admin模板

第一部分：前端

1 代码运行工具

HTML/CSS/Javascript在线代码运行工具：https://www.runoob.com/runcode

2 模板

拿到模板直接来改：

模板之家：http://www.cssmoban.com/tags.asp?n=%E5%90%8E%E5%8F%B0

后台模板：X-admin模板

3 框架

通过一些组件，自己来搭建前端框架。

Bootstrap前端框架：https://getbootstrap.com/docs/5.0/getting-started/introduction/

Bootstrap菜鸟教程：https://www.runoob.com/bootstrap/bootstrap-tutorial.html

semantic-ui: https://1.semantic-ui.com/

Layui：https://www.layui.com/

CSS可视化布局Bootstrap：https://www.bootcss.com/p/layoutit/