Project development process:
- Front end (Background template)
- Database Design
- Independent front-end operation
- Data interface docking
- Front-end and back-end testing
Front-end interface: Login page
Background template: X-admin template
Part 1: Front End
1 Code running tool
HTML/CSS/Javascript online code running tool: https://www.runoob.com/runcode
2 Template
Get the template and change it directly:
Template House: http://www.cssmoban.com/tags.asp?n=%E5%90%8E%E5%8F%B0
Background template: X-admin template
3 frame
Build the front-end framework by yourself through some components.
Bootstrap front-end framework: https://getbootstrap.com/docs/5.0/getting-started/introduction/
Bootstrap rookie tutorial: https://www.runoob.com/bootstrap/bootstrap-tutorial.html
semantic-ui: https://1.semantic-ui.com/
Layui:https://www.layui.com/
CSS visual layout Bootstrap: https://www.bootcss.com/p/layoutit/