springboot vue项目

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. 会员管理
  2. 商城管理
  3. 商品管理
  4. 推广管理
  5. 系统管理
  6. 配置管理
  7. 统计报表

开发配置与部署

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, 此时进入轻商场。

本项目基于或参考以下项目:

  1. nideshop-mini-program
    项目介绍:
    基于Node.js+MySQL开发的开源微信小程序商城(微信小程序) 项目参考:
    litemall项目数据库基于nideshop-mini-program项目数据库;
    litemall项目的litemall-wx模块基于nideshop-mini-program开发。
  2. vue-element-admin
    项目介绍: 一个基于Vue和Element的后台集成方案
    项目参考:litemall项目的litemall-admin模块的前端框架基于vue-element-admin项目修改扩展。
  3. mall-admin-web 项目介绍:mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。
    项目参考:litemall项目的litemall-admin模块的一些页面布局样式参考了mall-admin-web项目。
  4. biu 项目介绍:管理后台项目开发脚手架,基于vue-element-admin和springboot搭建,前后端分离方式开发和部署。
    项目参考:litemall项目的权限管理功能参考了biu项目。
  5. vant–mobile-mall 项目介绍:基于有赞 vant 组件库的移动商城。
    项目参考:litemall项目的litemall-vue模块基于vant–mobile-mall项目开发。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值