# WeGou **Repository Path**: eobard721/we-gou ## Basic Information - **Project Name**: WeGou - **Description**: WeGou是一个基于前后端分离的微服务架构，前台使用微信小程序，后台采用vue-element-admin，系统采用Spring Cloud架构 - **Primary Language**: Java - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-07-07 - **Last Updated**: 2023-07-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: SpringCloud, SpringBoot, 前后端分离, 微信小程序 ## README # WeGou ## 介绍 WeGou是一个基于前后端分离的微服务架构，前台使用微信小程序，后台采用vue-element-admin框架，系统采用Spring Cloud架构 ## 环境安装 ### 搭建前端 #### 后端管理端 将wegou-admin文件夹解压，并在vscode中打开，删除里面的node_modules，并重新打开终端执行npm install即可 ![image-20230719124627972](README_images/image-20230719124627972.png) #### 前端小程序端 将WeGou.zip文件夹解压，并在HbuilderX中打开 ![image-20230719125046004](README_images/image-20230719125046004.png) ### 数据库 将sql文件夹里面的数据库运行脚本 ### 后端服务 > 需要提前安装java环境、maven、ideal工具 #### ideal项目 * 如果项目拉取下来，导入依赖时`如果easyexcel、aliyun-java-sdk-core、xxl-job-core依赖爆红`，无法下载的情况，直接先将``标签注释，等待maven下载好之后，再取消注释即可 ![image-20230710133525810](README_images/image-20230710133525810.png) * MYSQL采用8版本，可以用linux中的docker快速安装mysql * 安装nacos `安装windows版本即图中的 .zip文件`，根据Spring Cloud Alibaba版本下载对应的Nacos：[Releases · alibaba/nacos (github.com)](https://github.com/alibaba/nacos/releases) ![image-20230713160805252](README_images/image-20230713160805252.png) ![image-20230713160832206](README_images/image-20230713160832206.png) 打开浏览器，输入[Nacos](http://127.0.0.1:8848/nacos/index.html#/login)网址，账号密码都是nacos ![image-20230713161037392](README_images/image-20230713161037392.png) #### Elasticsearch https://www.elastic.co/cn/downloads/past-releases#elasticsearch ![image-20230713161152641](README_images/image-20230713161152641.png) ![image-20230713161211185](README_images/image-20230713161211185.png) 解压完成后进入bin目录，双击运行elasticsearch.bat ![image-20211005230342806](README_images/image-20211005230342806.png) ![image-20230713161246910](README_images/image-20230713161246910.png) **注意事项一：** ElasticSearch是使用java开发的，且本版本的**ES**需要JDK版本要是1.8以上，所以安装ElasticSearch之前保证JDK1.8+安装完毕，并正确的配置好JDK环境变量，否则启动ElasticSearch失败。 **注意事项二**： 出现闪退，通过路径访问发现“空间不足” **修改config/jvm.options文件**的22行23行，把2改成1，让Elasticsearch启动的时候占用1个G的内存。 -Xmx512m：设置JVM最大可用内存为512M。 -Xms512m：设置JVM初始内存512m。此值可设置与-Xmx相同，以避免每次垃圾回收完成后JVM重新分配内存。 ##### kibana elasticsearch服务是一个restful风格的http服务。我们可以采用postman作为客户端来进行操作，elastic stack官方也给我们提供了kibana来进行客户端操作，这个相比postman要友好一点，因为里面有些自动补全的代码提示 下载地址: https://www.elastic.co/cn/downloads/past-releases/kibana-7-8-0 ![image-20230713161320195](README_images/image-20230713161320195.png) ![image-20230713161337206](README_images/image-20230713161337206.png) ![image-20230713161349760](README_images/image-20230713161349760.png) ![image-20230713161401307](README_images/image-20230713161401307.png) ##### IK分词器 GitHub仓库地址：https://github.com/medcl/elasticsearch-analysis-ik 下载地址: https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip ![image-20230713161429327](README_images/image-20230713161429327.png) 重新启动ElasticSearch #### RabbitMQ 该 软件基于linux上docker的安装 （1）首先查看系统是否启动了rabbitmq服务 ```bash #查看rabbitmq状态 systemctl status rabbitmq-server.service #如果启动了,则关闭服务;若没有启动就不用执行 systemctl stop rabbitmq-server.service ``` （2）获取rabbitmq镜像 ```bash docker pull rabbitmq:management ``` （3）创建并运行容器 这里的admin和123456代表rabbitmq后面网页登录的账号和密码，可根据自己的习惯更改 ```bash docker run -id --name=docker_rabbitmq \ -e RABBITMQ_DEFAULT_USER=admin \ -e RABBITMQ_DEFAULT_PASS=123456 \ -p 15672:15672 \ -p 5672:5672 \ -p 61613:61613 \ -p 1883:1883 \ rabbitmq:management ``` （4）在浏览器上输入： `你linux的IP地址:15672`，注意要开放15672端口或者取消linux的防火墙 ![image-20230713161740291](README_images/image-20230713161740291.png) ### 后端管理端的前端环境 * 安装Nodejs 官网：https://nodejs.org/en/ 中文网：http://nodejs.cn/ > 在cmd中运行，输出版本即可 ![image-20230713160121747](README_images/image-20230713160121747.png) * 安装vscode https://code.visualstudio.com/ * 导入WeGou管理端项目 ![image-20230713160332916](README_images/image-20230713160332916.png) 将前端代码，找到wegou-admin文件夹，删除里面的node_modules文件夹，在终端中输入命令npm install 重新安装即可，运行npm run dev即可成功 ![image-20230713160402187](README_images/image-20230713160402187.png) ### 安装nginx 以nginx的windows版本为例 ![image-20230710133108660](README_images/image-20230710133108660.png) ### 上传图片服务器 > **您需要安装上传图片服务器，你可以选择minio或oss对象存储进行图片的上传，并在wegou-service-product的全局配置文件中修改上传服务器的配置** #### OSS 打开[阿里云控制台首页](https://home.console.aliyun.com/home/dashboard/ProductAndService)，开通OSS服务 ![image-20230713163952160](README_images/image-20230713163952160.png) ![image-20230713164000165](README_images/image-20230713164000165.png) ![image-20230713164214710](README_images/image-20230713164214710.png) ![image-20230713164306484](README_images/image-20230713164306484.png) > **注意：创建accesskey的时候弹框出现了accesskey一定要及时保存，因为只会显示一次** ![image-20230713164344775](README_images/image-20230713164344775.png) 将上面创建好的OSS服务，修改后端服务地址 ![image-20230713164636865](README_images/image-20230713164636865.png) #### MINIO 如果不想用阿里云的OSS，可以自己搭建图片服务器 ![image-20230713164753948](README_images/image-20230713164753948.png) ![image-20230713164814076](README_images/image-20230713164814076.png) ![image-20230713164820067](README_images/image-20230713164820067.png) ![image-20230713164834467](README_images/image-20230713164834467.png) ![image-20230713164908841](README_images/image-20230713164908841.png) ![](README_images/image-20230713164854479.png) ![image-20230713164926884](README_images/image-20230713164926884.png) ![image-20230713164940873](README_images/image-20230713164940873.png) ![image-20230713165006682](README_images/image-20230713165006682.png) ![image-20230713165014243](README_images/image-20230713165014243.png) ![image-20230713165020641](README_images/image-20230713165020641.png) ![image-20230713165120417](README_images/image-20230713165120417.png) ### 前端小程序环境 #### 微信开发工具 * 申请小程序测试号，申请地址：https://mp.weixin.qq.com/wxamp/sandbox?doc=1 * 使用微信扫描二维码进行申请，申请成功之后，进入界面，获取小程序ID和秘钥 ![image-20230713162058299](README_images/image-20230713162058299.png) * 安装微信web开发者工具 地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ![image-20230713162135701](README_images/image-20230713162135701.png) 随意创建项目，设置安全设置 ![image-20230713150113803](README_images/image-20230713150113803.png) ![image-20230713150123627](README_images/image-20230713150123627.png) #### HbuliderX 下载HBuilder，下载地址：https://www.dcloud.io/hbuilderx.html ![image-20230713162155531](README_images/image-20230713162155531.png) 打开工具，找到WeGou小程序端代码，并打开该目录 ![image-20230713162256730](README_images/image-20230713162256730.png) 安装插件 ![image-20230713162326563](README_images/image-20230713162326563.png) ![image-20230713162342091](README_images/image-20230713162342091.png) HBuilder运行配置 打开manifest.json文件 ![image-20230713162542872](README_images/image-20230713162542872.png) > **微信小程序ID填写自己申请的** ![image-20230713162600070](README_images/image-20230713162600070.png) > **继续设置HbuilderX的运行环境** ![image-20230713162635200](README_images/image-20230713162635200.png) ![image-20230713162708444](README_images/image-20230713162708444.png) #### 内网穿透工具 以路由侠为例，在网上下载路由侠：https://www.luyouxia.com/ 并打开添加 ![image-20230713163004637](README_images/image-20230713163004637.png) ![image-20230713163036067](README_images/image-20230713163036067.png) ![image-20230713163124449](README_images/image-20230713163124449.png) ![image-20230713163155762](README_images/image-20230713163155762.png) 复制外网访问地址，修改Hbulider里面的项目 common -> http.interceptor.js 文件中为内网穿透域名地址 ![image-20230713163341158](README_images/image-20230713163341158.png) 运行小程序 ![image-20230713163435714](README_images/image-20230713163435714.png) ![image-20230713163534314](README_images/image-20230713163534314.png) ## 注意 当项目搭建好之后，小程序点击登录之后，需要修改数据库的两个地方 ![image-20230719125750875](README_images/image-20230719125750875.png) ![image-20230719125930965](README_images/image-20230719125930965.png)