前言

• linjiashop 是一个基于Spring Boot和Vue.js的web商城系统
• linjiashop 包含了商城的后台管理系统,手机h5，小程序版本
• linjiashop 包含了app版本（基于flutter) 仓库地址gitee,github
• linjiashop 包含了uniapp版本（基于uniapp通过一套代码实现H5,Android，IOS，小程序等多平台 项目地址
• linjiashop 采用web-flash作为底层基础框架搭建，开发过程遇到问题请多阅读该项目文档。

演示

演示环境

• 用户端H5：http://linjiashop.microapp.store 演示账号/密码：15011112222/admin
• 用户端H5(基于uniapp)http://linjiashop-uni.microapp.store/
• App(基于uniapp)http://fir.microapp.store/linjiashop
• 后台管理：http://linjiashop-admin.microapp.store 管理员账号/密码：admin/admin

真实环境，支持下单支付

• 公众号演示：关注公众号“外滩一号店"进行体验，或者扫描下面二维码关注

  

功能模块

linjiashop包含了后台管理功能和手机端商城业务功能

• 基础模块
  • 部门管理
  • 用户管理
  • 角色管理
  • 菜单管理
  • 权限分配
  • 参数管理
  • 数据字典管理
  • 定时任务管理
  • 操作日志
  • 登录日志
  • cms内容管理
  • 消息管理：配置消息模板，发送短信，邮件消息
  • 基于idea插件的代码生成
• 商城功能
  • 会员管理
  • 商品类别
  • 商品管理
  • 订单管理
  • 购物车
  • banner管理
  • 收藏列表
• 手机端 -完整的商城购物功能

运行效果图

商品素材取自小米商城

手机端H5

IOS

Android

后台管理

技术选型

• 核心框架：Spring Boot
• 数据库层：Spring data jpa
• 数据库连接池：Druid
• 缓存：Ehcache
• 前端：后台管理基于element，手机端界面基于vant

目录说明

• linjiashop-admin PC端后台管理的前端网页
• linjiashop-admin-api PC端后台管理的api服务
• linjiashop-mobile 手机商城的前端网页
• linjiashop-mobile-api 移动端商城的api服务（h5,小程序，app都用改api服务作为后台接口）
• linjiasho-wxapp 微信小程序商城
• linjiashop-core 基础模块，包括工具类，dao，service，bean等内容
• linjiashop-generator 代码生成模块,根据实体生成dao,service,后台管理的controller和页面,配合IDEA 代码生成插件webflash-generator使用效果更好，使用前请仔细阅读该文档

快速开始

• 克隆本项目
• 导入idea或者eclipse
• 确保开发工具下载并安装了lombok插件，另外由于lombok有版本差异，如果出现问题，可以更新maven以来中lombok的版本来解决
• 创建数据库：linjiashop

  CREATE DATABASE IF NOT EXISTS linjiashop DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 
  CREATE USER 'linjiashop'@'%' IDENTIFIED BY 'linjiashop191028';
  GRANT ALL privileges ON linjiashop.* TO 'linjiashop'@'%';
  flush privileges;

• 下载项目测试数据的图片：链接：https://pan.baidu.com/s/1V1QTSLspuDRuwI7H9TjcOA 提取码：dyj6 ，将图片存放到t_sys_cfg表中system.file.upload.path配置的目录下(注意该目录为绝对路径，该目录可以通过“系统管理”-“参数管理”进行配置)
• 启动后台管理
  • 启动后台管理api服务:linjiashop-admin-api
    • 修改linjiashop-admin-api中数据库连接配置

      ## 首次启动需要设置下列配置项设置为create，以便系统可以自动创建表并导入./import.sql测试数据文件
      ## 如果下面配置无法自动建表并导入测试数据文件；则可以手动初始化数据库，手动使用的初始化文件文件位于：doc/database.sql
      spring.jpa.hibernate.ddl-auto=create

    • 启动linjiashop-admin-api主类：cn.enilu.flash.api.AdminApiApplication，访问http://localhost:8082/swagger-ui.html ， 保证api服务启动成功
  • 启动后台管理的前端界面:linjiashop-admin
    • 运行 npm install --registry=https://registry.npm.taobao.org
    • 运行npm run dev
    • 启动成功后访问 http://localhost:9528 ,登录，用户名密码:admin/admin
• 启动手机端商城
  • 启动手商城的api服务:linjiashop-mobile-api
    • 修改linjiashop-mobile-api中数据库连接欸配置
    • 启动linjiashop-mobile-api主类：cn.enilu.flash.MobileApiApplication,访问http://localhost:8081/swagger-ui.html ， 保证api服务启动成功
  • 启动手机商城的前端:linjiashop-mobile
    • 运行 npm install --registry=https://registry.npm.taobao.org
    • 运行npm run dev
    • 启动成功后访问 http://localhost:8080/#/index
• 微信小程序开发
  • 首先启动后台api服务，和h5公用一个后台服务，即：linjiashop-mobile-api
  • 进入linjiashop-wxapp目录
    • 运行 npm install --registry=https://registry.npm.taobao.org
    • 运行npm run dev
    • 启动微信开发工具导入linjiashop-wxapp/dist/wx 目录即可预览小程序

技术交流

• 关注公众号：嗨客帝国，点击对应的项目菜单进群交流。

• 论坛提问： http://bbs.enilu.cn

在线文档

• 项目文档：http://microapp.gitee.io/linjiashop
• 该项目克隆并扩展自web-flash,所以开发的时候多看看web-flash的在线文档
• 该项目手机端linjiashop-mobile使用有赞Vant组件库，开发过程可以参考Vant的在线文档
• 该项目微信小程序使用mpvue+vant-weapp，开发过程请参考相关文档：mpvue文档,vant-weapp文档
• 该项目的业务功能和部分功能代码参考复用了litemall，感谢linlinjava
• 视频教程