Project Overview
Development model
Front-end separation : front-end adjustment interface, back-end write interface
Technical selection
Frontend
1.vue
2.vue-router
3.element-ui
4.axios
5.echarts
Backend
1.node.js
2.express
3.jwt
4.mysql
5.sequelize
Project initialization
1
1 Install vue scaffolding
2 vue scaffolding to create a project
3 configure vue routing
4 configure element-ui component library
5 configure axios library
6 initialize git remote warehouse
7 host local projects to github or code cloud
2
background project environment installation configuration
1 install MySQL Database
2 Install Node.js environment
3 Configure project related information
4 Start the project
5 Use postman to test whether the background project interface is normal.
Interface address (interface maintenance until March 2023)
http://timemeetyou.com:8889/api/private/v1 /
Account admin password 123456
Login overview
Login business process
1 Login process input password
2 Background verification
3 Pass the verification and then jump to the project-related page to
log in business technical points
1 http stateless
2 cookie record state on the client side
3 session server side record state
4 token method to maintain state
token principle
Login function realization
1 landing page layout element
- el-form
- el-form-item
- el-input
- el-button
- Font icon