一个完整小商场系统

吴小龙同学

共 1585字,需浏览 4分钟

 · 2021-04-03

晚上好,我是老北,公众号「GitHub 指北」会推荐 GitHub 上有用有趣的项目,挖掘开源的价值,欢迎关注。

这是一个完整小商场系统,包含 Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端。

管理后台实例

  1. 浏览器打开,输入以下网址: http://122.51.199.160:8080/#/login
  2. 管理员用户名admin123,管理员密码admin123

注意:此实例只是测试管理后台,不是前两个小商城的管理后台。

项目架构

技术栈

  1. Spring Boot
  2. Vue
  3. 微信小程序

功能

小商城功能

  • 首页
  • 专题列表、专题详情
  • 分类列表、分类详情
  • 品牌列表、品牌详情
  • 新品首发、人气推荐
  • 优惠券列表、优惠券选择
  • 团购
  • 搜索
  • 商品详情、商品评价、商品分享
  • 购物车
  • 下单
  • 订单列表、订单详情、订单售后
  • 地址、收藏、足迹、意见反馈
  • 客服

管理平台功能

  • 会员管理
  • 商城管理
  • 商品管理
  • 推广管理
  • 系统管理
  • 配置管理
  • 统计报表

快速启动

  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,开发者可以分别导入和测试:

    注意:

    这里只是最简启动方式,而小商场的微信登录、微信支付等功能需开发者设置才能运行, 更详细方案请参考文档。

    1. 微信开发工具导入 litemall-wx 项目;
    2. 项目配置,启用“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”
    3. 点击“编译”,即可在微信开发工具预览效果;
    4. 也可以点击“预览”,然后手机扫描登录(但是手机需开启调试功能)。
  6. 启动轻商城前端

    打开命令行,输入以下命令

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

    此时,浏览器(建议采用 chrome 手机模式)打开,输入网址http://localhost:6255, 此时进入轻商场。

    注意:

    现在功能很不稳定,处在开发阶段。

源码地址

公号 GitHub 指北 后台回复 小商场系统 获取源码地址。

浏览 20
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报