.

src/前后端模板/前端手册/项目目录.md → src/前后端模板/1.快速上手/1.项目简介.md

@@ -1,5 +1,5 @@
 ---
-title: 项目目录
+title: 项目简介
 icon: leaf
 order: 1
 category:
@@ -9,6 +9,50 @@ tag:
   - 项目介绍
 ---
 
+
+# 前端
+
+<div align="center">
+  <img alt="vue3-element-admin Logo" width="120" height="120" src="/assets/image/v3-logo.png">
+  <h1>vue3-element-admin</h1>
+</div>
+
+
+## 项目介绍
+
+vue3-element-admin 是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的中后台管理的前端模板（配套Java 后端源码）。
+
+**在线预览：** [https://vue3.youlai.tech/](https://vue3.youlai.tech/)
+::: tip
+
+- 如果你对 vue3-element-admin 框架完全陌生，请从我们的 [快速上手](../get-started/README.md) 开始。
+
+- 如果你熟悉上述内容，请[从这里开始](./intro/intro.md)。
+
+:::
+
+
+
+## 项目特色
+
+- **简洁易用**：基于 [vue-element-admin](https://gitee.com/panjiachen/vue-element-admin) 升级的 Vue3 版本，无过渡封装 ，易上手。
+
+- **数据交互**：同时支持本地 `Mock` 和线上接口，配套 [Java 后端源码](https://gitee.com/youlaiorg/youlai-boot)和[在线接口文档](https://www.apifox.cn/apidoc/shared-195e783f-4d85-4235-a038-eec696de4ea5)。
+
+- **权限管理**：用户、角色、菜单、字典、部门等完善的权限系统功能。
+
+- **基础设施**：动态路由、按钮权限、国际化、代码规范、Git 提交规范、常用组件封装。
+
+- **持续更新**：项目持续开源更新，实时更新工具和依赖。
+
+## 寻求帮助
+
+如果你在使用过程中遇到了 bug，可以 [提一个 issue](https://github.com/vuepress-theme-hope/vuepress-theme-hope/issues)。如果你遇到了使用问题，可以 [开一个讨论](https://github.com/orgs/vuepress-theme-hope/discussions) 或者 [加入 QQ 群](https://jq.qq.com/?_wv=1027&k=rATJyxGK)  进行反馈。
+
+
+## 项目目录
+
+
 ```bash
 |---- licenses                 # 许可相关文件
 |---- mock                     # 模拟数据或服务，用于测试和开发

src/前后端模板/快速上手/注意事项.md → src/前后端模板/1.快速上手/3.注意事项.md

@@ -1,7 +1,7 @@
 ---
 title: 注意事项
 icon: leaf
-order: 5
+order: 3
 category:
   - 快速上手
   - 项目简介

src/前后端模板/前端手册/项目配置.md → src/前后端模板/2.前端手册/1.项目配置.md

@@ -1,13 +1,19 @@
 ---
 title: 项目配置
 icon: leaf
-order: 2
+order: 1
 category:
   - 快速上手
   - 项目简介
 tag:
   - 项目介绍
 ---
+
+## Mock 配置
+
+## 
+
+
 ## 系统配置
 ```base
 配置文件:src--->settings.js

src/前后端模板/前端手册/代码生成.md → src/前后端模板/2.前端手册/2.操作指南/1.代码生成.md

@@ -1,10 +1,9 @@
 ---
 title: 代码生成
 icon: leaf
-order: 3
+order: 1
 category:
   - 快速上手
-  - 项目简介
 tag:
   - 项目介绍
 ---

src/前后端模板/前端手册/操作指南.md → src/前后端模板/2.前端手册/2.操作指南/2.增删改查.md

@@ -1,10 +1,9 @@
 ---
-title: 操作指南
+title: 增删改查
 icon: leaf
-order: 8
+order: 2
 category:
   - 快速上手
-  - 项目简介
 tag:
   - 项目介绍
 ---

src/前后端模板/2.前端手册/2.操作指南/3.添加菜单.md

@@ -0,0 +1,21 @@
+---
+title: 添加菜单
+icon: leaf
+order: 3
+category:
+  - 快速上手
+  - 删除功能
+tag:
+  - 项目介绍
+---
+## 删除功能有两种方式
+举例删除websocket功能
+### 1、禁用菜单
+1. 系统管理-->菜单管理-->>找到需要禁用的菜单WebSocket，点击禁用按钮，即可禁用该菜单
+2. 禁用后，该菜单将不会在左侧菜单栏中显示
+### 2、删除菜单
+1. 系统管理-->菜单管理-->>找到需要禁用的菜单WebSocket，点击禁用按钮，即可禁用该菜单
+2. 删除后端代码(controller,service,mapper)等代码
+   1. src/main/java/com/youlai/system/controller/WebsocketController.java
+3. 删除前端代码(view,api)等代码
+   1. src\views\demo\websocket.vue

src/前后端模板/2.前端手册/2.操作指南/README.md

@@ -0,0 +1,14 @@
+---
+title: 操作指南
+icon: leaf
+dir:
+  collapsible: true
+  expanded: false
+  order: 2
+category:
+  - Markdown
+tag:
+  - 语法
+  - Markdown
+---
+

src/前后端模板/前端手册/功能组件/字典组件.md → src/前后端模板/2.前端手册/3.组件文档/5.字典组件.md

@@ -1,7 +1,7 @@
 ---
 title: 字典组件
 icon: leaf
-order: 6
+order: 5
 category:
     - 快速上手
     - 项目简介

src/前后端模板/前端手册/高级扩展/README.md → src/前后端模板/2.前端手册/3.组件文档/README.md

@@ -1,9 +1,10 @@
 ---
-title: 高级扩展
+title: 组件文档
 icon: leaf
 dir:
+  order: 3
   collapsible: true
-  order: 6
+  expanded: false
   link: true
 category:
   - Markdown

src/前后端模板/前端手册/功能组件/本地Mock.md → src/前后端模板/2.前端手册/4.集成插件/1.集成Mock.md

@@ -1,7 +1,7 @@
 ---
-title: 本地Mock
+title: 集成Mock
 icon: leaf
-order: 5
+order: 1
 category:
   - 快速上手
   - 项目简介

src/前后端模板/前端手册/功能组件/README.md → src/前后端模板/2.前端手册/4.集成插件/README.md

@@ -1,10 +1,10 @@
 ---
-title: 功能组件
+title: 集成插件
 icon: leaf
 dir:
-  collapsible: true
-  expanded: true
   order: 4
+  collapsible: true
+  expanded: false
   link: true
 category:
   - Markdown

src/前后端模板/快速上手/删除功能.md → src/前后端模板/2.前端手册/5.扩展改造/2.删除模块.md

@@ -1,5 +1,5 @@
 ---
-title: 删除功能
+title: 删除模块
 icon: leaf
 order: 4
 category:

src/前后端模板/2.前端手册/5.扩展改造/README.md

@@ -0,0 +1,14 @@
+---
+title: 扩展改造
+icon: leaf
+dir:
+  order: 5
+  collapsible: true
+  expanded: false
+category:
+  - Markdown
+tag:
+  - 语法
+  - Markdown
+---
+

src/前后端模板/前端手册/常见问题.md → src/前后端模板/2.前端手册/6.常见问题.md

@@ -1,7 +1,7 @@
 ---
 title: 常见问题
 icon: leaf
-order: 9
+order: 6
 category:
   - 快速上手
   - 项目简介

src/前后端模板/前端手册/README.md → src/前后端模板/2.前端手册/README.md

@@ -4,9 +4,8 @@ icon: palette
 index: false
 dir:
   order: 2
-  collapsible: false
+  collapsible: true
   expanded: true
-
 ---
 
 <Catalog />

src/前后端模板/3.后端手册/2.操作指南/1.代码生成.md

@@ -0,0 +1,56 @@
+---
+title: 代码生成
+icon: leaf
+order: 1
+category:
+  - 快速上手
+tag:
+  - 项目介绍
+---
+
+本教程将指导你如何搭建 VuePress 的运行环境。
+
+<!-- more -->
+
+## 编辑器
+
+一个趁手的编辑器是必要的，我们推荐你使用 VSCode 来编写和运行你的
+VuePress 项目。
+
+1. 在 [下载页面](https://code.visualstudio.com/) 中点击左侧的蓝色按钮
+   完成下载。
+
+1. 双击安装包打开
+
+1. 同意用户协议。
+
+## Node.js
+
+::: info 介绍
+
+[Node.js®](https://nodejs.org/zh-cn/) 是一个基于
+[Chrome V8 引擎](https://v8.dev/) 的 JavaScript 运行时环境。
+
+:::
+
+你需要下载并安装最新的长期维护版。
+
+1. 点击 [下载地址](https://nodejs.org/en) 左侧的绿色按钮 (LTS)。
+1. 运行安装包，保持所有的默认设置，一路下一步即可。
+
+::: warning
+
+如果你真的是个小白，请不要改默认安装目录，以免你在出现问题时找不到对应
+的文件夹。
+
+Node.js 本身只会占据几十 M 的空间!
+
+:::
+
+## pnpm
+
+在你安装 Node.js 之后，在终端中输入下列命令启用 corepack:
+
+```bash
+corepack enable
+```

src/前后端模板/3.后端手册/2.操作指南/2.增删改查.md

@@ -0,0 +1,56 @@
+---
+title: 增删改查
+icon: leaf
+order: 2
+category:
+  - 快速上手
+tag:
+  - 项目介绍
+---
+
+本教程将指导你如何搭建 VuePress 的运行环境。
+
+<!-- more -->
+
+## 编辑器
+
+一个趁手的编辑器是必要的，我们推荐你使用 VSCode 来编写和运行你的
+VuePress 项目。
+
+1. 在 [下载页面](https://code.visualstudio.com/) 中点击左侧的蓝色按钮
+   完成下载。
+
+1. 双击安装包打开
+
+1. 同意用户协议。
+
+## Node.js
+
+::: info 介绍
+
+[Node.js®](https://nodejs.org/zh-cn/) 是一个基于
+[Chrome V8 引擎](https://v8.dev/) 的 JavaScript 运行时环境。
+
+:::
+
+你需要下载并安装最新的长期维护版。
+
+1. 点击 [下载地址](https://nodejs.org/en) 左侧的绿色按钮 (LTS)。
+1. 运行安装包，保持所有的默认设置，一路下一步即可。
+
+::: warning
+
+如果你真的是个小白，请不要改默认安装目录，以免你在出现问题时找不到对应
+的文件夹。
+
+Node.js 本身只会占据几十 M 的空间!
+
+:::
+
+## pnpm
+
+在你安装 Node.js 之后，在终端中输入下列命令启用 corepack:
+
+```bash
+corepack enable
+```

src/前后端模板/3.后端手册/2.操作指南/3.添加菜单.md

@@ -0,0 +1,21 @@
+---
+title: 添加菜单
+icon: leaf
+order: 3
+category:
+  - 快速上手
+  - 删除功能
+tag:
+  - 项目介绍
+---
+## 删除功能有两种方式
+举例删除websocket功能
+### 1、禁用菜单
+1. 系统管理-->菜单管理-->>找到需要禁用的菜单WebSocket，点击禁用按钮，即可禁用该菜单
+2. 禁用后，该菜单将不会在左侧菜单栏中显示
+### 2、删除菜单
+1. 系统管理-->菜单管理-->>找到需要禁用的菜单WebSocket，点击禁用按钮，即可禁用该菜单
+2. 删除后端代码(controller,service,mapper)等代码
+   1. src/main/java/com/youlai/system/controller/WebsocketController.java
+3. 删除前端代码(view,api)等代码
+   1. src\views\demo\websocket.vue

src/前后端模板/3.后端手册/2.操作指南/README.md

@@ -0,0 +1,14 @@
+---
+title: 操作指南
+icon: leaf
+dir:
+  collapsible: true
+  expanded: false
+  order: 2
+category:
+  - Markdown
+tag:
+  - 语法
+  - Markdown
+---
+