从零教你实现一个Java微信小程序商城项目

Posted 2021-05-03 Java项目学习

使用须知

✅允许

• 个人学习使用
• 允许用于学习、毕设等
  
  

开发计划

1、 使用uniapp重构小程序端所有页面【100%】

2、 修复所以已知bug，使用遇到bug请给我们提交issues

3、 后台使用SpringBoot重构

4、适配H5、ios、android端

5、接入支付宝支付

6、 出配套视频教程

新手必 看启动教程

https://www.bilibili.com/video/av66149752

使用Hbuilder启动微同商城小程序端教程

https://www.bilibili.com/video/BV1ni4y1M7CC

微同商城开源版体验：

技术选型

• 1 后端使用技术
• 1.1 springframework4.3.7.RELEASE
• 1.2 mybatis3.1.0、MyBatis-Plus 3.1.0
• 1.3 shiro1.3.2
• 1.4 servlet3.1.0
• 1.5 druid1.0.28
• 1.6 slf4j1.7.19
• 1.7 fastjson1.2.30
• 1.8 poi3.15
• 1.9 velocity1.7
• 1.10 quartz2.2.3
• 1.11 mysql5.1.39
• 1.12 swagger2.4
• 1.13 j2cache2.3.22-release
• 1.14 weixin-java-mp3.2.0
• 1.15 MybatisPlus3.1.0
• 1.16 lombok
• 2 前端使用技术
• 2.1 Vue2.5.1
• 2.2 iview
• 2.3 layer3.0.3
• 2.4 jquery2.2.4
• 2.5 bootstrap3.3.7
• 2.6 jqgrid5.1.1
• 2.7 ztree3.5.26
• 2.8 froala_editor1.2.2

项目结构

 
   
   
 

  
    
    
  platform
  
    
    
  
|--platform-admin 后台管理
  
    
    
  
|--platform-api 微信小程序商城api接口
  
    
    
  
|--platform-common 公共模块
  
    
    
  
|--platform-framework 系统WEB合并，请打包发布此项目
  
    
    
  
|--platform-gen 代码生成
  
    
    
  
|--platform-mp 微信公众号模块
  
    
    
  
|--platform-schedule 定时任务
  
    
    
  
|--platform-shop 商城后台管理
  
    
    
  
|--uni-mall uniapp版商城
  
    
    
  
|--wx-mall 微信小程序原生商城
 
   
   
 

实现功能

一、会员管理： 会员管理、 会员等级、 收货地址管理、 会员优惠劵、 会员收藏、 会 员足迹、 搜索历史、 购物车；

二、商城配置： 区域配置、 商品属性种类、 品牌制造商、 商品规格、 订单管理、 商品类型、 渠道管理、 商品问答、 反馈、 关键词；

三、商品编辑： 所有商品、 用户评论、 产品设置、 商品规格、 商品回收站；

四、推广管理： 广告列表、 广告位置、 优 惠劵管理、 专题管理、 专题分类；

五、订单管理： 所有订单管理；

六、系统管理： 管理员列表、 角色管理、 菜单管理、 SQL监控、 定时任务、 参数管理、 代码生成器、 系统日志、 文件上传、 通用字典表；

七、 短信服务平台

   
     
     
   

    
      
      
    http://域名:端口/api/sendSms?mobile=13000000000,15209831990&content=发送的短信内容  
    
      
      
    
安全起见，需配置有效IP地址。platform.properties -> sms.validIp
   
     
     
   

• a 配置短信平台账户信息
• b 向外提供发送短信接口

安装教程

• 配置环境（推荐jdk1.8、maven3.3、tomcat8、mysql5.7、redis4.0.1）
• 创建数据库
• 依次初始化sql脚本
• /_sql/platform.sql
• /_sql/sys_region.sql
• 导入项目到IDE中
• 导入支付证书至/platform-shop/src/main/resources/cert/目录下（申请商户号、开通微信支付、下载支付证书）
• 修改配置文件 /platform-admin/src/main/resources/dev/platform.properties
• jdbc.url
• jdbc.username
• jdbc.password
• wx.appId
• wx.secret
• wx.mchId
• wx.paySignKey
• wx.notifyUrl
• sms.validIp
• mp.appId
• mp.secret
• mp.token
• mp.aesKey
• 修改配置文件 /platform-admin/src/main/resources/j2cache.properties
• redis.hosts
• redis.password
• 启动redis服务
• 启动后台项目（参照开发文档）
• 打开微信开发者工具
• 导入 /wx-mall填写appId
• 修改 /wx-mall/config/api.js里API_BASE_URL的值
• 使用eclipse启动项目后默认访问路径
• http://localhost:8080/platform-framework
• 使用idea启动项目后默认访问路径
• http://localhost:8080

页面展示

登录页面

首页

发送短信

小程序首页

专题

分类

购物车

登录授权

优惠券

小程序并联手机

代码生成工具IDEA插件

https://gitee.com/fuyang_lipengjun/platform-gen

 
   
   
 

  
    
    
  
 
   
    
      
      
    

     
       
       
     
 
      
 
       
 
        
 
         
 
          
 
           
 
            
 
             
 
              
 
               
 
                
 
                 
 
                  
 
                   
 
                    
 
                     
 
                      
 
                       
                        
                          
                          
                        

                         
                           
                           
                         
                          
                            
                            
                          

                           
                             
                             
                           - END -
                          
                            
                            
                          
                          
                            
                            
                          

                           
                             
                             
                           
                          
                            
                            
                          
                         
                           
                           
                         
 
                          获得项目地址： 
                          
 
                         
                        
                          
                          
                        

                        
                          
                          
                        

                         
                           
                           
                         
 
                          
 
                           
 
                            
点个 在看 你最好看