CampusShop校园商城部署教程和项目说明

avatar 2021年03月12日17:34:10 2 239 views

以下是校园商城的网站端和小程序端的部署教程

解决不了,我可以远程帮你部署,需要提前安装好向日葵远程工具,建议安装一个EVCaputure录屏工具(录屏,防止下次电脑问题需要重新导入项目)

一、准备

1、IDEA (建议安装 Free MyBatis plugin和RestfulToolkit插件,后面会讲)

2、MySQL5.6+ (可以使用mysql5.6、5.7、8.0等版本,不建议用5.6以下)

3、JDK1.8+

4、微信开发者工具

 

二、Web端部署教程

1、解压源码,删除无用的文件

删除 _MACOSX 文件夹,.DS_store 文件

如下图,项目源码根目录有如下3个文件,其他文件都可以删除。

2、使用 IDEA 导入项目

2.1 打开 IDEA,Open项目,选择项目根目录的文件夹,如 CampusShop

2.2 然后等待项目加载,maven依赖下载

这个过程需要几分钟

2.3 等待依赖下载完毕,项目结构如下

 

3. 修改配置

3.1 修改数据库配置信息

application.properties

3.2 修改upload路径

选择uplaod文件夹,右键 Copy Reference,复制物理路径

比如  如果你把项目放在D盘根目录,物理路径可能是 D:\\CampusShop\\src\\main\\resources\\upload\\

4. 创建数据库和导入数据库

4.1 创建数据库

我这里用的是Navicat,SQLYog也可以的

4.2 导入数据库

选择数据库,右键选择 Excute SQL File

然后选择项目根目录里的 campus_shop.sql 文件

运行,刷新下数据库就有数据了

 

5. 启动项目

 

6、效果图

前台

后台

三、小程序部署教程

代码结构如下

1、下载微信开发者工具

地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

 

2、本地安装完成

打开软件,应该会弹出一个二维码,用微信扫一扫然后会进入开发者工具主页面

 

3、导入项目

点那个大大的+号,导入项目,选择小程序项目源码的目录

如果你要换你自己的 appid,可以点测试号申请,或者在官网申请

然后你需要改项目的2个地方

一个是小程序代码 project.config.json 的41行的appid值

另一个是修改后端代码 WxUtil里的42和44行的,为appid和appsecret

 

4、效果图

首页

商品名称和图片很多一样的忽略,因为商品信息图片我很多都是用一样的,可以在后台改

 

商品详情

 

订单详情

 

个人主页

 

订单列表

 

 

 

  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

avatar 登录者:匿名
可以匿名评论或者登录后台评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0