A complete mall system

Good evening , I am Lao Bei , official account 「GitHub Point north 」 Will recommend GitHub There are interesting projects on , Tap the value of open source , Welcome to your attention .

This is a complete mall system , contain Spring Boot Back end + Vue Administrator front end + Wechat applet user front end + Vue User mobile terminal .

Manage background instances

1. Browser open , Enter the following URL : http://122.51.199.160:8080/#/login
2. Administrator user name admin123, Administrator password admin123

Be careful ： This instance is just a test management background , It's not the management background of the first two small shopping malls .

Project framework

Technology stack

1. Spring Boot
2. Vue
3. Wechat applet

function

The function of small Mall

• home page
• List of topics 、 Project details
• List of categories 、 Classification details
• Brand list 、 Brand details
• New product launch 、 Popular recommendation
• List of coupons 、 Coupon options
• Group purchase
• Search for
• Goods details 、 Product evaluation 、 Commodity sharing
• The shopping cart
• Place an order
• Order list 、 Order details 、 Order after sales
• Address 、 Collection 、 footprint 、 Feedback
• Customer service

Manage platform functions

• Member management
• Mall Management
• Commodity management
• Promotion management
• System management
• Configuration Management
• Statistical report

Quick start

1. Configure minimal development environment ：

   • MySQL
   • JDK1.8 Or more
   • Maven
   • Nodejs
   • WeChat developer tools

2. The databases are imported in turn litemall-db/sql Database file under

   • litemall_schema.sql
   • litemall_table.sql
   • litemall_data.sql

3. Start the back-end service of small shopping mall and management background

   Open the command line , Enter the following command

   `cd litemall`
   `mvn install`
   `mvn clean package`
   `java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar`
   
   

4. Start the management backend front end

   Open the command line , Enter the following command

   `npm install -g cnpm --registry=https://registry.npm.taobao.org`
   `cd litemall/litemall-admin`
   `cnpm install`
   `cnpm run dev`
   
   

   here , Browser open , Enter url http://localhost:9527, At this point, enter the management background login page .

5. Start the front end of the small mall

   There are two sets of small shopping malls litemall-wx and renard-wx, Developers can import and test respectively ：

   1. Wechat development tool import litemall-wx project ;
   2. Project configuration , Enable “ Do not verify legal domain name 、web-view（ Business domain name ）、TLS Version, and HTTPS certificate ”
   3. Click on “ compile ”, You can preview the effect on wechat development tools ;
   4. You can also click “ preview ”, Then scan your mobile phone and log in （ But the mobile phone needs to turn on the debugging function ）.

   Be careful ：

   Here is just the simplest way to start , And wechat login in small shopping malls 、 Wechat payment and other functions need to be set by developers to run , Please refer to file .

6. Start the front end of the light mall

   Open the command line , Enter the following command

   `npm install -g cnpm --registry=https://registry.npm.taobao.org`
   `cd litemall/litemall-vue`
   `cnpm install`
   `cnpm run dev`
   
   

   here , browser （ The proposal USES chrome Mobile phone mode ） open , Enter url http://localhost:6255, Now enter the light shopping mall .

   Be careful ：

   Now the function is very unstable , In the development stage .

Source code address

And no. GitHub Point north The background to reply Mall system Get the source address .