small shopping mall
A full-stack developed shopping platform uses a responsive layout.
technology stack
The main technology stack used is
- express
- vue
- element-ui
- mysql
- sass
Operating conditions
node environment:
- Used for vue-cli3 development and back-end node framework express development
ruby environment:
- Used to run css preprocessor sass
Operation mode
- Start vue scaffolding vue-cli3
- First cd the vue folder in cmd, then npm run serve
- Start node
- First cd the server folder in cmd, then node index.js
- It is recommended to use nodemon index.js (hot update of node, you can use it after installing nodemon)
- mysql database
- There is a shop.sql file in the root directory, which is the database file of this mall.
some small features
- Verification code written in canvas in Html5
- The products on the homepage of the mall adopt lazy loading technology
- After the login status is passed in through the backend, it cooperates with Html5's sessionStorage to store the status, and then cooperates with vuex to store and change the login status.
- You cannot enter the shopping cart and other interfaces when you are not logged in. The routing guard of vue-router is used.
Amway a bowl of chicken soup
Love life Wang Guozhen
I don’t think about whether I can succeed or not. Since I have chosen a far-away place, I only care about the ups and downs.
I don't think about whether I can win love. Since I love roses, I bravely reveal my sincerity.
I don't think about whether there will be cold wind and cold rain behind me. Since the target is the horizon, all I can leave to the world is my back.
I don’t think about whether the future will be smooth or muddy. As long as I love life, everything is expected.
