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