yshop-drink开源项目配置与使用教程

1. 项目目录结构及介绍

yshop-drink 项目采用前后端分离的模式，其目录结构如下：

yshop-drink/
├── yshop-drink-boot3/             # Java后端工程
├── yshop-drink-vue/              # 后台前端Vue3工程
├── yshop-drink-uniapp-vue3/      # 移动端uniapp(vue3版本)工程
├── .gitignore                    # Git忽略文件
├── LICENSE                       # 开源协议文件
├── README.md                     # 项目说明文件
└── sql/                          # SQL脚本文件
    ├── yixiang-drink.sql          # 数据库初始化脚本

• yshop-drink-boot3: 后端Java工程，包含业务逻辑、数据库操作等。
• yshop-drink-vue: 后台前端Vue3工程，用于管理后台页面。
• yshop-drink-uniapp-vue3: 移动端uniapp(vue3版本)工程，支持微信小程序和H5。
• .gitignore: 指定Git应该忽略的文件和目录。
• LICENSE: 开源协议文件，本项目采用MIT协议。
• README.md: 项目说明文件，包含项目简介、使用说明等。
• sql: 包含数据库初始化脚本。

2. 项目的启动文件介绍

后端启动

1. 使用IDEA打开yshop-drink-boot3工程。
2. 确保已安装所有依赖。
3. 创建数据库，并导入sql/yixiang-drink.sql脚本。
4. 修改yshop-server目录下的application.yml配置文件，配置数据库和Redis信息。
5. 在项目根目录执行以下命令打包项目：

   mvn clean install package '-Dmaven.test.skip=true'
   

6. 启动项目。

后台Vue启动

1. 使用VSCode打开yshop-drink-vue工程。
2. 在项目根目录执行以下命令安装依赖：

   pnpm install
   

3. 配置API地址。
4. 在项目根目录执行以下命令启动开发环境：

   npm run dev
   

移动端uniapp启动

1. 使用HBuilder导入yshop-drink-uniapp-vue3项目。
2. 配置API地址。
3. 配置小程序相关信息。
4. 运行小程序或H5。

3. 项目的配置文件介绍

后端配置文件

后端配置文件位于`yshop-server目录下，主要配置如下：

• application.yml: 包含数据库、Redis、日志等配置信息。
• application-prod.yml: 生产环境配置文件。

示例配置：

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/yshop_drink?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&useSSL=false
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
  redis:
    host: localhost
    port: 6379

前端配置文件

前端配置文件位于yshop-drink-vue工程下，主要配置如下：

• .env.development: 开发环境配置。
• .env.production: 生产环境配置。

示例配置：

# .env.development
VUE_APP_API_URL=http://localhost:8080/api

通过上述配置，您可以轻松地根据实际需求调整项目设置。