1: The basic structure of the project
The project has a total of 16 pages. It is an e-commerce online sales project. I found a design drawing of a website to be done on a certain website on the Internet;
The main pages include: Login Page--Registration Page--Home Page--Product List Page--Product Details Page--Member Center Page--My Shopping Cart Page--Payment Page--Payment Success Page--Payment Failure Page- - Evaluation page -- Evaluation details page -- My order page -- Order details page -- Confirm order page -- Shipping address list page;
Back-end technology: node express mongo;
Front-end technology: vue-cli elementui axios;
Editor: vscode;
Temporary github address of the project: https://github.com/13476075014/node-vue/tree/master/mynodeproject/10.moon
Two: Generate front-end projects with Vue's scaffolding
In the newly created project folder 10.moon, enter the console CMD and enter 'vue init webpack client' (provided that the vue-cli scaffolding has been installed globally, if not, install npm i vue-cli -g first)
Three: Install the project of the express background generator
Or enter CMD in the 10.moon folder directory, and enter 'express service' (the premise of installation is that the express generator has been installed globally. If it is not installed, enter npm i express-generator -g )
Four: The basic front-end project client folder and the back-end project service folder are created above; as shown below
Go to the respective folder, enter cmd, enter npm install to install the dependent package;