# AUTHORITY

**Repository Path**: handsomeWeiye/authority

## Basic Information

- **Project Name**: AUTHORITY
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-04
- **Last Updated**: 2025-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

比特飓风代码生成器 快速部署开发使用教程

## 一、前言与介绍

### 1.1 比特飓风代码生成器概述

比特飓风代码生成器是一款基于SpringBoot+Vue3+ElementUI-Plus的全栈开发工具，旨在通过简单的表结构配置，一键生成前后端完整代码，大幅提升开发效率。它采用了现代化的技术栈，集成了丰富的功能模块，能够帮助开发者快速构建各类应用系统，如在线教育平台、电商系统、企业管理系统等。

通过本代码生成器，您可以：

* 可视化设计数据库表结构
* 一键生成前后端代码
* 自动生成增删改查功能
* 灵活配置字段类型和表单组件
* 集成权限管理模块
* 支持丰富的功能扩展

#### 基类模板 V3.1.0

**暂时无法在飞书文档外展示此内容**

#### CMS模板 V3.1.0

**暂时无法在飞书文档外展示此内容**

#### 电商模板 V3.1.0

**暂时无法在飞书文档外展示此内容**

#### 在线考试模板 V3.1.0

**暂时无法在飞书文档外展示此内容**

### 1.2 功能特点与优势

1. **高效开发** ：通过表单配置即可生成完整代码，无需手动编写基础CRUD代码
2. **技术前沿** ：采用Vue3、SpringBoot等主流技术栈，保持与行业最新标准同步
3. **完整生态** ：集成Sa-Token权限框架、ElementUI-Plus前端组件、Redis缓存等成熟技术
4. **灵活扩展** ：提供丰富的功能模块和自定义能力，满足各类业务需求
5. **安全可靠** ：内置多层安全机制，支持细粒度权限控制
6. **部署简便** ：详细的部署文档和操作指南，降低使用门槛

### 1.3 适用场景

比特飓风代码生成器适用于以下场景：

* **计算机毕业设计** ：作为毕业设计的核心框架，帮助学生快速实现功能完备的系统，专注于业务逻辑和创新点的实现
* **个人学习与技术提升** ：通过实际项目构建，学习现代化全栈开发技术和最佳实践，提升技术能力
* **企业应用系统开发** ：如OA系统、CRM系统、ERP系统等
* **Web应用快速原型构建** ：快速验证产品创意和业务模型
* **教学与培训** ：用于Java全栈开发教学，帮助学习者快速掌握实际项目开发流程
* **中小团队项目开发** ：提高中小团队的开发效率，缩短项目周期
* **个人项目与创业产品** ：降低技术门槛，让创意更快落地

### 1.4 技术架构概览

**前端** **技术栈** ：

* Vue 3.0+ (采用Composition API)
* ElementUI-Plus
* Pinia 状态管理
* Vue Router
* Axios 网络请求
* Echarts 数据可视化

 **后端技术栈** ：

* Java 17+
* SpringBoot 3.0+
* MyBatis-Plus 持久层框架
* Sa-Token 权限认证
* Redis 缓存
* MySQL 数据库
* EasyExcel 表格处理

## 二、环境准备

在开始使用比特飓风代码生成器之前，需要准备好必要的软件环境和开发工具。本章将详细介绍相关环境的安装与配置，确保您能够顺利部署和运行项目。

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=OGVjYzY3ZDlmYzdhMzg4OWE1Y2U3NzYxYzU5MmYxOTlfbW80RHh4R2diM2ZNdFJscFcxRHZkbWtRQnFWZUVXWkNfVG9rZW46Rkhtd2JRMjFWb3pON0t4cDRETWNzbUxqbkhiXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

> **便捷下载提示** ：我们已经为您整理了所有必需的软件环境安装包，您可以通过以下链接一站式下载：
>
> [软件环境官方版下载 | 123云盘](https://www.123684.com/s/sFKjTd-3gTCd)
>
> 推荐通过上述链接下载所有环境软件，以确保版本兼容性。

### 2.1 软件环境要求

#### 2.1.1 前端环境

**Node.js 20.18.0+**

Node.js是前端项目的运行环境，比特飓风代码生成器的前端项目基于Vue3开发，需要安装Node.js 20.18.0或更高版本。

下载地址：

* [Node.js 中文网](https://nodejs.cn/download/)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载对应操作系统的安装包
2. 运行安装程序，按照提示完成安装
3. 打开命令行窗口，输入 `node -v`和 `npm -v`验证安装是否成功

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=ZmIzYmU4ZmYzNjNmZjc1MmU5NmZmMGU5N2I3YTU1ZjdfeHBGYUFqMUFGQm5JRGNIdHUxb1ozV3ZFYjROYUFrVzhfVG9rZW46TVhjemJldlZyb2JoQVB4NUZPS2NwZzVlbkxlXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

#### 2.1.2 后端环境

**JDK**** 20+**

Java Development Kit (JDK) 是Java语言的软件开发工具包，比特飓风代码生成器的后端项目基于SpringBoot开发，需要安装JDK 20或更高版本。

下载地址：

* [Oracle Software Downloads](https://www.oracle.com/downloads/#category-java)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载对应操作系统的安装包
2. 运行安装程序，按照提示完成安装
3. 配置环境变量（JAVA_HOME、Path）

```javascript
set JAVA_HOME=C:\Program Files\Java\jdk-20\bin
```

4. 打开命令行窗口，输入 `java -version`验证安装是否成功

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=MmZmNmEwZGMyZWViOTMwZmQzYzRhOGY1ODViNjYyNjRfQkdPbEpoNHVNRUpSNTA5MEp2UzBwRkxnYVhtVVc0VDFfVG9rZW46UlA2ZGJvczRvbzRXS3d4Y09Ka2M1RWNxbkJkXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

#### 2.1.3 数据库环境

**MySQL 5.7+**

MySQL是一个关系型数据库管理系统，比特飓风代码生成器使用MySQL存储系统数据。

下载地址：

* [软件下载 | Oracle 中国](https://www.oracle.com/cn/downloads/)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载MySQL 5.7或更高版本的安装包
2. 运行安装程序，选择"Developer Default"安装类型
3. 设置root用户密码
4. 完成安装后，确保MySQL服务已启动

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=YjA5NzRiN2FiZDA1NWM2ZWRkZmQyMDgwZmJjMjk4ODJfVExMcWs5OWFyeWxXVmhMdTNnM09EaDBYem43SjNnRXNfVG9rZW46SDc2OGJPOW1Kb05zdnR4cVBLVGNvTHRBbjFjXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

**Redis 3.2.100+**

Redis是一个开源的内存数据存储系统，比特飓风代码生成器使用Redis进行缓存管理和会话存储。

下载地址：

* [Redis - The Real-time Data Platform](https://redis.io/)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载Redis 3.2.100或更高版本的安装包
2. 运行安装程序，按照提示完成安装
3. 启动Redis服务
4. 验证Redis是否正常运行（可使用Redis Desktop Manager等工具连接测试）

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=MjNlZWI2ZTM4YTYxYTM5ODFiZmJlY2IzZmU5NWZkMzFfcWtaYlNqSGt5WWozcnNodjZnb1ZtYU1TNGVMT3lVc1lfVG9rZW46Rm1zTmJ2ajZzb2J6bHd4NkQ5NGNFa29DblBmXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

### 2.2 开发工具安装

#### 2.2.1 IntelliJ IDEA 2024.1

IntelliJ IDEA是一款功能强大的Java集成开发环境，推荐使用此IDE进行后端项目的开发和调试。

下载地址：

* [IntelliJ IDEA – 领先的 Java 和 Kotlin IDE](https://www.jetbrains.com/zh-cn/idea/)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载IntelliJ IDEA 2024.1版本（Community或Ultimate版本均可）
2. 运行安装程序，按照提示完成安装
3. 启动IDEA，根据提示进行初始化配置
4. 安装必要的插件：Lombok、Spring Boot、Maven Helper等

#### 2.2.2 Navicat 17

Navicat是一款数据库管理和开发工具，支持多种数据库系统，可用于MySQL数据库的管理和操作。

下载地址：

* [Navicat 中国 | 支持 MySQL、Redis、MariaDB、MongoDB、SQL Server、SQLite、Oracle 和 PostgreSQL 的数据库管理](https://www.navicat.com.cn/)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载Navicat 17或其他版本
2. 运行安装程序，按照提示完成安装
3. 启动Navicat，配置MySQL连接

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=YThiYmI2YTJiMWYyYzJiNGIxNDRkYzg0OWFjMzZkZmNfNDNwV29QckVtMHAwTEJ1ZzRjRk43cWlkNXBrSnE3RHhfVG9rZW46U3JwN2IyOVJTbzZVYzl4TFBLRGNnSUhCbjk2XzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

#### 2.2.3 VS Code（可选）

Visual Studio Code是一款轻量级但功能强大的代码编辑器，推荐用于前端项目的开发。

下载地址：

* [Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/)
* 或通过[123云盘统一下载](https://www.123684.com/s/sFKjTd-3gTCd)获取

安装步骤：

1. 下载VS Code安装包
2. 运行安装程序，按照提示完成安装
3. 安装推荐的插件：Vetur、ESLint、Prettier等

### 2.3 技术栈概述

比特飓风代码生成器采用前后端分离的架构，涉及的主要技术栈如下：

#### 2.3.1 前端技术栈

* **HTML5/CSS3/JavaScript** ：Web前端基础技术
* **Vue 3** ：渐进式JavaScript框架，采用Composition API
* **ElementUI-Plus** ：基于Vue 3的组件库
* **Pinia** ：Vue的状态管理库，Vue 3的官方推荐
* **Vue Router** ：Vue.js官方的路由管理器
* **Axios** ：基于Promise的HTTP客户端
* **ECharts** ：数据可视化图表库

#### 2.3.2 后端技术栈

* **Java** ：主要编程语言
* **Spring Boot** ：简化Spring应用开发的框架
* **MyBatis Plus** ：MyBatis的增强工具，简化开发
* **Sa-Token** ：轻量级Java权限认证框架
* **Redis** ：高性能缓存数据库
* **MySQL** ：关系型数据库
* **EasyExcel** ：阿里巴巴开源的Excel处理工具

了解这些技术栈的基本概念和用法，将有助于您更好地理解和使用比特飓风代码生成器。在接下来的章节中，我们将详细介绍如何部署和使用这一工具。

## 三、快速部署

**暂时无法在飞书文档外展示此内容**

在完成环境准备工作后，本章将指导您如何获取项目源码并进行快速部署，让比特飓风代码生成器在本地环境中顺利运行起来。

### 3.1 项目获取与解压

#### 3.1.1 获取项目源码

比特飓风代码生成器的基类项目源码打包为 `authority.zip`文件，您可以通过以下方下载：

**暂时无法在飞书文档外展示此内容**

#### 3.1.2 解压项目文件

1. 找到下载好的 `authority.zip`压缩包
2. 使用解压工具（如WinRAR、7-Zip等）将其解压到您选择的工作目录
3. 解压后，您将得到包含以下主要目录的项目结构：
   1. `app_ui/`：前端项目代码
   2. `src/`：后端项目源代码
   3. `sql/`：数据库初始化脚本
   4. `pom.xml`：Maven项目配置文件

### 3.2 数据库初始化

在运行项目之前，需要先初始化MySQL数据库。按照以下步骤操作：

#### 3.2.1 创建数据库

1. 打开MySQL客户端工具（如Navicat）
2. 连接到本地MySQL服务器（默认账号root，密码为您安装时设置的密码）
3. 创建新的数据库，命名为 `authority`（也可根据需要自定义数据库名）
   1. 字符集选择：`utf8mb4`
   2. 排序规则：`utf8mb4_general_ci`

#### 3.2.2 执行SQL脚本

1. 打开项目中的 `sql`目录，找到初始化脚本文件（通常命名为 `authority-v3.1.0.sql`）
2. 在Navicat中选择刚创建的 `authority`数据库
3. 点击"运行SQL文件"选项，选择上述SQL脚本文件执行
4. 等待脚本执行完成，此时数据库中应该已经创建了所有必要的表结构和初始数据

#### 3.2.3 验证数据库初始化

1. 刷新数据库连接，查看表结构是否已正确创建
2. 核对关键表（如 `sys_user`、`sys_role`、`sys_permission`等）是否包含初始数据
3. 确认系统管理员账户（默认用户名：`admin`，默认密码：`admin`）是否存在

### 3.3 后端项目配置与启动

#### 3.3.1 使用IDE打开项目

1. 启动IntelliJ IDEA
2. 选择"Open"或"Import Project"
3. 浏览到解压后的项目根目录，选择 `pom.xml`文件
4. 右键点击Maven选项，选择"重新加载项目"，等待项目加载和依赖下载完成

#### 3.3.1.1 配置Maven阿里云镜像(可选)

为加快依赖下载速度，建议配置Maven阿里云镜像：

1. 在IDEA中，点击右侧Maven面板，然后点击工具栏上的设置图标
2. 选择"Settings"打开Maven设置
3. 添加以下阿里云镜像配置到settings.xml文件中：

```XML
<mirrors>
    <mirror>
        <id>alimaven</id>
        <name>aliyun maven</name>
        <url>https://maven.aliyun.com/repository/public</url>
        <mirrorOf>*</mirrorOf>
    </mirror>
</mirrors>
```

#### 3.3.2 配置数据库连接

1. 打开 `src/main/resources/application-dev.yml`文件
2. 修改数据库连接配置：

```YAML
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/authority?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
    username: root  # 修改为您的MySQL用户名
    password: root #修改为您的MySQL密码
    driver-class-name: com.mysql.cj.jdbc.Driver
```

#### 3.3.3 配置Redis连接

在同一配置文件中，检查并修改Redis连接配置：

```YAML
spring:
  data:
    redis:
      host: 127.0.0.1
      port: 6379
      database: 0
      password:  # 如果Redis设置了密码，请在此处填写
```

#### 3.3.4 扩展应用配置

除了基本配置外，还可以根据需要调整以下高级配置：

##### 3.3.4.1 邮箱配置

在 `application-dev.yml`中找到邮箱配置部分并修改：

```YAML
spring:
  mail:
    host: smtp.qq.com  # 邮箱服务器地址
    username: your-email@qq.com  # 您的邮箱地址
    password: your-auth-code  # 邮箱授权码（非登录密码）
    default-encoding: UTF-8
```

您需要在QQ邮箱或网易云邮箱中申请授权码，以便系统能够通过您的邮箱发送通知。

##### 3.3.4.2 MyBatis日志配置

如需开启MyBatis SQL日志打印，在 `application-dev.yml`中找到并取消注释以下配置：

```YAML
mybatis-plus:
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
```

开启后，系统会在控制台打印SQL执行日志，方便开发调试。

##### 3.3.4.3 配置文件上传路径

在配置文件中，找到或添加文件上传配置：

```YAML
file:
  upload-path: D:/fileUpload/  # 修改为您系统中适合的文件上传目录路径
```

请确保该目录存在并且应用有写入权限。

#### 3.3.5 启动后端服务

1. 找到项目中的主类 `com.example.authority.AuthorityApplication`
2. 右键点击该类，选择"Run 'AuthorityApplication'"
3. 等待项目启动，观察控制台输出
4. 当看到类似以下信息时，表示后端服务已成功启动：

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=MWE0ZDcxNjk4OWUwMjQyY2UwOTg2NzRjYTJmNGNlZTBfS1VsNFdYSDBGZnpGNTNhZVFBUGxqRkdvazFkNEkxZWFfVG9rZW46TWkxUWJkWHFCb1preHZ4YURReGNyR1V2bllCXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

#### 3.3.6 验证后端服务

打开浏览器，访问 http://localhost:9090/api/，如果能正常访问，说明后端服务已成功启动。

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=MzQ2OGIxYjYyNmE4MDg3YzBiZWFkM2Y0N2IxMjQwYzJfeUduQnZvTjhtcHpGSUxjNkY3emtvRjlBMXZ0Q0t6aHBfVG9rZW46QWYxM2IyakdXb3IwUDB4WjR1NWNxenFDbk1iXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

### 3.4 前端项目配置与启动

#### 3.4.1 安装依赖

1. 打开命令行终端
2. 进入前端项目目录：`cd app_ui`
3. 安装项目依赖：

```Bash
npm install
# 或者使用更快的包管理工具
# pnpm install
```

安装过程可能需要几分钟，请耐心等待。

##### 3.4.1.1 前端构建优化

为了提高前端依赖安装和构建速度，强烈建议使用PNPM替代NPM：

1. 全局安装PNPM（如果尚未安装）：

```Bash
npm install -g pnpm
```

2. 使用PNPM安装依赖（速度更快，占用空间更小）：

```Bash
pnpm install
```

3. 使用PNPM启动开发服务器：

```Bash
pnpm dev
```

4. 如遇依赖安装问题，可尝试清除缓存后重新安装：

```Bash
pnpm store prune
pnpm install
```

PNPM提供更高效的包管理机制，能显著提升前端项目的构建和开发效率。

#### 3.4.2 配置API地址

1. 打开 `app_ui/src/utils/request.js`文件
2. 检查并修改API基础路径配置：

```JavaScript
// 创建axios实例
const service = axios.create({
  baseURL: 'http://localhost:9090/api',  // 确保与后端服务地址一致
  timeout: 5000  // 请求超时时间
})
```

#### 3.4.3 启动开发服务器

在前端项目目录下执行以下命令启动开发服务器：

```Bash
npm run dev
```

启动成功后，命令行会显示访问地址，通常为  http://localhost:80/。

#### 3.4.4 访问系统

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=NmI5OTU4ZDlkMmE5YTkwMTFkZDkzMDIyZmZlOGE1MmNfbGNYZnhiQzlKQVF4dDdMU0E5UlhtYmVXVnYxT3pES1hfVG9rZW46UmtZNGJtNngxb1QwUzZ4Y21ybmNXRUhFblplXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

1. 打开浏览器，访问上述地址
2. 系统会自动跳转到登录页面
3. 使用默认账号密码登录：
   1. 用户名：`admin`
   2. 密码：`admin`
   3. 验证码：根据页面显示输入

登录成功后，您将进入比特飓风代码生成器的管理后台，可以开始使用系统的各项功能。

### 3.5 部署常见问题解决

#### 3.5.1 后端服务启动问题

**问题1：端口被占用**

错误信息：`Web server failed to start. Port 9090 was already in use.`

解决方法：

1. 找到并关闭占用9090端口的进程
2. 或修改 `application-dev.yml`中的 `server.port`配置为其他未被占用的端口

**问题2：数据库连接失败**

错误信息：`Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured.`

解决方法：

1. 检查数据库连接配置是否正确
2. 确认MySQL服务是否正常运行
3. 验证数据库用户名和密码是否正确

**问题3：Redis连接失败**

错误信息：`Redis connection failed`

解决方法：

1. 确认Redis服务是否已启动
2. 检查Redis连接配置是否正确
3. 如果Redis设置了密码，确保配置中填写了正确的密码

#### 3.5.2 前端项目启动问题

**问题1：依赖安装失败**

解决方法：

1. 清除npm缓存：`npm cache clean --force`
2. 尝试使用镜像源：`npm install --registry=https://registry.npmmirror.com`
3. 检查Node.js版本是否兼容

**问题2：跨域访问问题**

错误信息：`Access to XMLHttpRequest at 'http://localhost:9090/api/xxx' from origin 'http://localhost:80' has been blocked by CORS policy`

解决方法：

1. 确认后端CORS配置是否正确
2. 检查API地址配置是否与实际后端地址一致

**问题3：白屏或页面加载失败**

解决方法：

1. 检查浏览器控制台是否有错误信息
2. 清除浏览器缓存后重试
3. 尝试使用其他现代浏览器（如Chrome、Edge等）

通过本章的指导，您应该已经成功部署并启动了比特飓风代码生成器系统。在接下来的章节中，我们将详细介绍如何使用系统进行代码生成和开发工作。

## 四、代码生成器使用指南

本章将详细介绍如何使用比特飓风代码生成器进行数据库表设计并生成完整的前后端代码。通过简单的配置和点击操作，您可以快速创建具备完整CRUD功能的业务模块。

### 4.1 登录系统

完成部署后，按照以下步骤登录系统：

1. 打开浏览器，访问前端项目地址（默认为 `http://localhost:80/`）
2. 系统会自动跳转到登录页面
3. 输入以下默认账号信息：
   1. 账户名：`admin`
   2. 密码：`admin`
   3. 验证码：根据页面显示输入
4. 点击登录按钮，成功后将进入系统后台首页

### 4.2 进入代码生成器模块

1. 在系统左侧菜单中找到"构建模块"
2. 点击展开菜单，选择"代码构建"选项
3. 进入代码构建页面，该页面是设计数据库表结构的核心界面

### 4.3 表结构设计

在代码构建页面，您可以设计数据库表结构，设计完成后点击生成按钮即可一键生成前端、后端和数据库结构。详细操作步骤如下：

#### 4.3.1 基本信息配置

1. **表名设置**

* 输入数据库表名称
* **重要提示** ：
* 表名必须使用 `sys_`前缀
* **不能出现大写字符**
* 表名将作为前端和后端所有涉及代码文件的前缀

2. **表注释设置**

* 输入表的注释信息
* **重要提示** ：
* 此处注释将作为前端菜单的菜单名称
* **建议使用四个字的名称** ，便于界面美观展示

#### 4.3.2 设计表字段

在上述基本信息配置完成后，点击"新增数据表字段"按钮开始设计表的具体字段。系统使用基于ElementUI-Plus的动态表单技术来设计字段。对于每个字段，需要设置以下属性：

1. **字段名称**

* 输入数据库字段的名称
* 建议使用小写字母加下划线的命名方式

2. **字段类型**

* 选择字段的数据类型和长度
* 常用选项包括：varchar(64)、varchar(255)、int(1)、int(10)、bigint(20)、datetime、text等

3. **默认值**

* 设置字段的默认值
* 对于字符类型，默认值需要使用单引号包裹，如 `'未启用'`

4. **字段注释**

* 输入字段的注释说明
* 此处设置的值将作为前端el-form-item和el-table-item显示的标题

5. **表单类型**

* 选择该字段在前端表单中展示的组件类型
* 选择好类型后，该字段在前端的form中将作为该类型表单组件进行展示

6. **关联表单**

* 如需关联其他表，可在此处选择
* 选择关联的表以及该表即将在当前表展示的属性
* 选择关联后，当前属性的数据类型将会自动转成 `bigint(20)`

7. **必选**

* 勾选此项表示该字段为必填项
* 如果设为必选，在新增和修改操作时将启动表单校验
* 不勾选则不进行必填校验

8. **展示**

* 勾选此项表示该字段将在表单中显示
* 不勾选则不在表单中展示
* 例如：创建时间、创建账户等系统自动填充的字段可以选择不展示

9. **查询**

* 勾选此项表示该字段将加入到前端的查询条件中
* 不勾选则该字段不参与查询

#### 4.3.3 字段操作与管理

在设计表字段过程中，可以进行以下操作：

1. 在设计完属性后仔细检查所有字段的配置
2. 如有不需要的字段，可以点击该行字段最右侧的删除按钮进行删除
3. 确认无误后，点击页面底部的红色按钮，生成对应的数据库表和相关代码

### 4.4 生成与部署代码

1. 确认所有字段配置无误后，点击生成按钮
2. 系统将自动执行以下操作：
   1. 创建数据库表
   2. 生成后端实体类、控制器、服务层代码
   3. 生成前端页面、组件、路由配置
   4. 添加菜单权限信息
3. 代码生成完成后，需要重启项目使新代码生效
4. 重启后，在角色管理中为需要的角色分配相关的菜单权限信息

### 4.5 重新生成代码

如需修改已生成的表结构和代码，可通过以下步骤操作：

1. 打开同目录下的"构建记录"页面
2. 找到对应的构建记录
3. 点击记录右侧的"构建"按钮
4. 修改表结构设计
5. 重新生成代码

 **注意** ：重新生成代码将覆盖之前生成的代码文件，如已对生成的代码进行了自定义修改，请提前备份。

### 4.6 注意事项

使用代码生成器时，请注意以下几点：

1. **自动填充时间字段**

* 当需要自动填充创建时间和更新时间时，需要设置字段名为 `create_time`和 `update_time`
* 数据类型应选择 `datetime`
* 必选和展示都不选，才能进行正常的自动填充

![](https://xjfih5idi1.feishu.cn/space/api/box/stream/download/asynccode/?code=MjViOTc0MGEzOTY1MzNhNzMzNjM1OTk0MDRmNDExNjhfblZNT05GNHNpQnBMMmNsb2h0V0JBRDJiWjdyQk80b0lfVG9rZW46TTl5aWJtY2Jkb0hZRFZ4dmdJRmNFVE1qbjNnXzE3NDEwNTI3OTg6MTc0MTA1NjM5OF9WNA)

2. **日期时间类型处理**

* 如果属性表单类型为时间和日期选择器，数据类型为 `datetime`时，如遇到后端报错
* 解决方法：需要在实体类中对该属性使用 `@JsonFormat`注解进行修饰

3. **获取当前用户信息**

* 如需填充当前用户的ID，可以使用以下代码：

```Java
userService.getUserInfo().getId()
```

4. **清除用户权限缓存**

* 如在表逻辑中需要修改某个用户的账户信息，可以使用 `@ClearPerms`注解
* 此注解可以清除用户的权限缓存，确保权限变更立即生效

通过本章的指导，您应该已经掌握了如何使用比特飓风代码生成器设计数据库表结构并生成完整的前后端代码。这种快速开发方式能极大提高开发效率，特别适合标准的CRUD业务模块的快速实现。