preface

I have always wanted to combine VUE with Node to make a full-stack e-commerce website, and finally chose Smaran Mobile Mall. This project took more than a month from zero development to deployment, involving login, commodity display, shopping cart, placing orders and so on, which was a very complete process. The transaction logic is also more complex, so there may be some details (page aesthetics please let me….) And will be repaired over time.

Smartisan uses Angular, a product of Luo Yonghao, which feels simple and beautiful. Page item data is captured by crawlers and then written to the database. Although the hammer page is also dynamically generated, it is still very easy to access. Note: Project data has no relation with smartisan commodity data, and is not the interface of Smartisan Mall requested by proxy

About Interface Data

Node-api uses Node + mongodb

The commodity data is captured and written into the database (EventProxy + SuperAgent) by crawler. Because the data structure of Smaran mobile phone is very complex and the page is dynamic, I simplify the data by forwarding packaging, but it does not affect the normal business logic. If you find that some commodities are missing, It’s possible that smartisan altered the data structure. There is no such problem under normal circumstances, you can rest assured.

If you want to do a personal project but have no data, you can also request the interface of the project (I will make up the documents later when I have time), or clone the project by yourself

Project running

Git clone https://github.com/yucccc/vue-mall.git CD vue - mall CNPM NPM I run dev / / if you run agent mistakes Please make sure that under the config file index. Js ProxyTable proxy agent should be run directly / / http://mall.yucccc.com:3333 / / right by running the node - API request API local agent should be http://127.0.0.1:3333Copy the code

Results demonstrate

Smartisan Mall demo (please use PC to open, not a mobile terminal project ~~~)

Note: In order to better experience, you need to register an account, account password is optional.

For demonstration purposes, two accounts are provided. Of course, it is possible for multiple users to operate the same account simultaneously.

Account: admin Password: admin Account: admin1 Password: 123Copy the code

To continue

More functions will be added later. More details will be fixed later. The code will be optimized over time. With a learning attitude, thank you.