快速开始

环境要求

操作系统：Windows、Linux、MacOS
数据库：MySQL 5.7+
JDK：JDK 17+
Maven：3.6+
Node.js：18.20+

工具(可选)

IDE：IntelliJ IDEA、VS Code、WebStorm
数据库可视化工具：Navicat、DBeaver、SQLyog
浏览器：Chrome、Firefox、Safari、Edge
UniApp 开发工具：HBuilderX、UniApp CLI、微信开发者工具

目录结构

    > lucku-admin         ## 后端项目
    > lucku-admin-vue3    ## 前端项目
    > sql				  ## 初始化SQL目录

默认密码

重要

- 账号：admin
- 密码：1111111   (7个1)

安装步骤

1. 拉取项目

# 使用 HTTPS 拉取
git clone https://gitee.com/xiaodu6/lucky-admin-vue3.git

# 或者 使用 SSH 拉取
git clone git@gitee.com:xiaodu6/lucky-admin-vue3.git

2. 导入数据库

创建数据库

create database lucky_admin_vue3;

使用数据库

use lucky_admin_vue3;

导入数据库文件

sql目录下的createProject.sql，执行SQL语句，创建并添加数据表和数据条目

重要

1.数据库需要自己创建，数据库名称可以自定义

2.创建数据库时请使用utf8mb4编码，否则会出现乱码

3.数据库创建完毕记得修改后端数据库连接信息，如何修改请继续往下看文档

3. 修改配置

3.1 配置文件介绍

配置文件位置：src/main/resources

    - application-dev.yml           ## 开发环境配置文件
    - application-prod.yml          ## 生产环境配置文件
    - application.yml               ## 公共配置文件

提示

配置文件 application.yml 是公共配置文件，其他环境配置文件都是继承该配置文件的。

3.2 配置环境使用

spring:
  application:
    name: lucky-admin
  profiles:
    active: dev ## dev 开发环境，prod 生产环境

提示

配置环境使用，spring.profiles.active 指定当前使用的环境

3.2 修改数据库连接信息

文件位置： src/main/resources/application-dev.yml

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/lucky_admin_vue3?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai
    username: root
    password: 123456
    type: com.alibaba.druid.pool.DruidDataSource
    druid:
      db-type: mysql

4. 后端启动

文件位置： src/main/java/cn/anlucky/admin/LuckyAdminApplication.java

在IDEA找到对应文件，右键 Run 启动SpringBoot项目

5.后端启动信息

- 默认端口 8080
- 开发环境接口地址： http://localhost:8080/dev-api
- 生产环境接口地址： http://你的IP地址/prod-api

6. 前端安装依赖

在lucky-admin-ui目录下打开终端(CMD命令执行窗口)

# 安装pnpm 包管理器
- npm install pnpm
# 安装依赖
- pnpm i

7. 前端启动

npm run dev

8. 访问地址

http://localhost:3000