litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
对开源项目的整理
介绍文档 :
https://linlinjava.gitbook.io/litemall/
手机模式:
http://122.51.199.160:8080/vue/index.html#/login
管理后端 :
http://122.51.199.160:8080/#/login
小商城功能
源码:
GitHub
首页
专题列表、专题详情
分类列表、分类详情
品牌列表、品牌详情
新品首发、人气推荐
优惠券列表、优惠券选择
团购
搜索
商品详情、商品评价、商品分享
购物车
下单
订单列表、订单详情、订单售后
地址、收藏、足迹、意见反馈
客服
**
技术栈
Spring Boot
Vue
微信小程序
管理平台功能
**
- 会员管理
- 商城管理
- 商品管理
- 推广管理
- 系统管理
- 配置管理
- 统计报表
开发配置与部署
1配置最小开发环境:
MySQL
JDK1.8或以上
Maven
Nodejs
微信开发者工具
2数据库依次导入litemall-db/sql下的数据库文件
litemall_schema.sql
litemall_table.sql
litemall_data.sql
3启动小商场和管理后台的后端服务
打开命令行,输入以下命令
cd litemall
mvn install
mvn clean package
java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar
4启动管理后台前端
打开命令行,输入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
cd litemall/litemall-admin
cnpm install
cnpm run dev
此时,浏览器打开,输入网址http://localhost:9527, 此时进入管理后台登录页面。
5.启动小商城前端
这里存在两套小商场前端litemall-wx和renard-wx,开发者可以分别导入和测试:
微信开发工具导入litemall-wx项目;
项目配置,启用“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”
点击“编译”,即可在微信开发工具预览效果;
也可以点击“预览”,然后手机扫描登录(但是手机需开启调试功能)。
注意:
这里只是最简启动方式,
而小商场的微信登录、微信支付等功能需开发者设置才能运行, 更详细方案
请参考文档https://linlinjava.gitbook.io/litemall/project
**
6.启动轻商城前端
打开命令行,输入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
cd litemall/litemall-vue
cnpm install
cnpm run dev
此时,浏览器(建议采用chrome 手机模式)打开,输入网址http://localhost:6255, 此时进入轻商场。
本项目基于或参考以下项目:
- nideshop-mini-program
项目介绍:
基于Node.js+MySQL开发的开源微信小程序商城(微信小程序) 项目参考:
litemall项目数据库基于nideshop-mini-program项目数据库;
litemall项目的litemall-wx模块基于nideshop-mini-program开发。 - vue-element-admin
项目介绍: 一个基于Vue和Element的后台集成方案
项目参考:litemall项目的litemall-admin模块的前端框架基于vue-element-admin项目修改扩展。 - mall-admin-web 项目介绍:mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。
项目参考:litemall项目的litemall-admin模块的一些页面布局样式参考了mall-admin-web项目。 - biu 项目介绍:管理后台项目开发脚手架,基于vue-element-admin和springboot搭建,前后端分离方式开发和部署。
项目参考:litemall项目的权限管理功能参考了biu项目。 - vant–mobile-mall 项目介绍:基于有赞 vant 组件库的移动商城。
项目参考:litemall项目的litemall-vue模块基于vant–mobile-mall项目开发。