<>Vue Actual project development
1. Overview of e-commerce business
Business services used by customers :PC end , Applet , move web, move app
Business services used by administrators :PC Background management end .
PC Functions of background management end : manage user accounts ( Sign in , sign out , user management , Permission management ), Commodity management ( Commodity classification , Classification parameters , Product information , order ), data statistics
The e-commerce background management system adopts the development mode of front end and back end separation
Front end projects are based on Vue of SPA( Single page application ) project
Front end technology stack :Vue,Vue-Router,Element-UI,Axios,Echarts
Back end technology stack :Node.js,Express,Jwt( simulation session),Mysql,Sequelize( Framework for manipulating databases )
2. Project initialization
A. install Vue Scaffolding
B. Create project from scaffolding
C. Configure routing
D. to configure Element-UI: Install in plug-in , search vue-cli-plugin-element
E. to configure Axios: Install in dependencies , search axios( Run dependency )
F. initialization git Warehouse
G. Host local project to github Or in the code cloud
3. Code cloud related operations
A. Registration login code cloud account
B. install git
stay Windows Use on Git, Available from Git Download the installer directly from the official website for installation . Test command :git --version
C. Click on the top right corner of the website “ Sign in ”, Login code cloud , And set the account number
D. Create public key locally : Run at terminal :ssh-keygen -t rsa -C “[email protected]”
E. Public key address found :
Your identification has been saved in /c/Users/My/.ssh/id_rsa.
Your public key has been saved in /c/Users/My/.ssh/id_rsa.pub.
When we finish creating the public key , Please pay attention to the printed information “Your public key has been saved in”
/c/Users/My/.ssh/id_rsa.pub : c Under the disc Users Below My Below .ssh Below id_rsa.pub That's the public key we created
E. open id_rsa.pub file , Copy all code in file , Click in the code cloud SSH Public key , Copy the generated public key to the public key
G. Test public key : Open terminal , Enter command
ssh -T [email protected]
H. Hosting local code in the code cloud
Click the + number -> New warehouse
I. conduct git to configure :
4. Configure background items
A. install phpStudy And import mysql Database data
B. install nodeJS, Configure background items , Open background project from terminal vue_api_server
Then enter the command in the terminal to install the project dependency package :npm install
C. use postman test api Interface
The follow-up is under development
Technology