vue和小程序哪个好学一点_litemall,Spring Boot后端，微信小程序用户前端 + Vue用户移动端...

litemall

又一个小商场系统。

litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端

注意：

• 由于第一次加载数据量较大，建议wifi网络访问，且耐心等待数秒。
• 此实例是测试轻商场，不支持支付，而且处于开发中还不完善。

管理后台实例

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

项目架构

技术栈

• Spring Boot
• Vue
• 微信小程序

功能

小商城功能

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

管理平台功能

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

快速启动

1. 配置最小开发环境：

• MySQL
• JDK1.8或以上
• Maven
• Nodejs
• 微信开发者工具

1. 数据库依次导入litemall-db/sql下的数据库文件

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

1. 启动小商场和管理后台的后端服务
2. 打开命令行，输入以下命令

cd litemallmvn installmvn clean packagejava -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar

1. 启动管理后台前端
2. 打开命令行，输入以下命令

npm install -g cnpm --registry=https://registry.npm.taobao.orgcd litemall/litemall-admincnpm installcnpm run dev

1. 此时，浏览器打开，输入网址http://localhost:9527, 此时进入管理后台登录页面。
2. 启动小商城前端
3. 这里存在两套小商场前端litemall-wx和renard-wx，开发者可以分别导入和测试：
4. 微信开发工具导入litemall-wx项目;
5. 项目配置，启用“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”
6. 点击“编译”，即可在微信开发工具预览效果；
7. 也可以点击“预览”，然后手机扫描登录(但是手机需开启调试功能)。
8. 注意：

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

1. 启动轻商城前端
2. 打开命令行，输入以下命令

npm install -g cnpm --registry=https://registry.npm.taobao.orgcd litemall/litemall-vuecnpm installcnpm run dev

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

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

开发计划

当前版本v1.4.0

目前项目开发中，存在诸多不足，以下是目前规划的开发计划。

警告

• 本项目仅用于学习练习
• 本项目还不完善，仍处在开发中，不承担任何使用后果
• 本项目代码开源MIT，项目文档采用 署名-禁止演绎 4.0 国际协议许可

获取方式

转发文章 + 关注，私信回复【LITE】，即可免费获得下载地址