|
+ |
+
|
+ |
+
|
- |
-
|
- |
-
-
-### 商业合作😆
-
-我们欢迎各类商业合作机会，无论是技术咨询、项目合作还是其他形式的合作，都期待与您携手共创未来。
-如果您有兴趣，请通过以下方式联系我们：
-
-|
- QQ - QQ号：2086232477 - |
-
- 微信 - 微信号：tantianming000 - |
-
- 
- |
-
- 
- |
-
-
-### 商业合作😆
-
-我们欢迎各类商业合作机会，无论是技术咨询、项目合作还是其他形式的合作，都期待与您携手共创未来。
-如果您有兴趣，请通过以下方式联系我们：
-
-|
- QQ - QQ号：2086232477 - |
-
- 微信 - 微信号：tantianming000 - |
-
|
-
- |
-
-
- |
-
-
-### 配置应用主窗口
-
-```bash
-class IndexWindow extends BaseWindow {
- static browserWindowOptions = {
- width: 900,
- height: 670,
- show: false,
- autoHideMenuBar: true,
- ...process.platform === "linux" ? { icon } : {},
- webPreferences: {
- preload: path.join(__dirname, "../preload/index.js"),
- sandbox: false,
- nodeIntegration: true,
- // 开启自带node环境
- webviewTag: true,
- // 开启webview
- contextIsolation: true,
- // 开启context上下文
- webSecurity: false,
- // 开启网络安全
- allowRunningInsecureContent: true
- // 允许运行不安全内容
- }
- };
-```
-
-配置 Electron 应用的主窗口，包括窗口大小、初始状态、菜单栏设置以及 WebPreferences 的详细配置，确保应用在启动时能够按照预期的行为进行渲染和交互。
-
-### onCreate
-
-```bash
-static onCreate(context) {
- context.on("ready-to-show", () => {
- context.show();
- });
- context.webContents.setWindowOpenHandler((details) => {
- electron.shell.openExternal(details.url);
- return { action: "deny" };
- });
- if (utils.is.dev && process.env["ELECTRON_RENDERER_URL"]) {
- context.webContents.openDevTools();
- context.loadURL(process.env["ELECTRON_RENDERER_URL"]);
- } else {
- context.loadFile(path.join(__dirname, "../renderer/index.html"));
- }
- }
-}
-
-```
-
-创建和初始化一个Electron应用窗口的静态方法onCreate。主要功能如下：
-
-1. 监听窗口准备就绪事件（44-46）：当窗口准备好显示时，调用context.show()显示窗口。
-2. 处理新窗口打开请求（47-50）：拦截新窗口打开请求，使用默认浏览器打开链接，并拒绝创建新窗口。
-3. 加载开发或生产环境资源（51-56）：
- o 如果是开发环境且设置了环境变量ELECTRON_RENDERER_URL，则打开开发者工具并加载指定URL。
- o 否则，加载本地HTML文件。
-
-# 应用主进程
-
-```ts
-electron.app.whenReady().then(() => {
- utils.electronApp.setAppUserModelId("com.electron");
- electron.app.on("browser-window-created", (_, window) => {
- utils.optimizer.watchWindowShortcuts(window);
- });
- electron.ipcMain.on("ping", () => console.log("pong"));
- createWindow();
- electron.app.on("activate", function() {
- if (electron.BrowserWindow.getAllWindows().length === 0) createWindow();
- });
-});
-electron.app.on("window-all-closed", () => {
- if (process.platform !== "darwin") {
- electron.app.quit();
- }
-});
-Electron应用的主进程（main process）部分，主要负责在应用启动时执行一系列初始化操作，并处理窗口管理和应用关闭事件。具体功能如下：
-1. 应用准备就绪时：
-o 设置应用程序模型ID为com.electron。
-o 监听browser-window-created事件，在创建浏览器窗口时调用utils.optimizer.watchWindowShortcuts(window)方法来监控窗口快捷键。
-o 监听ping IPC消息，并在收到消息时打印pong。
-o 调用createWindow()函数创建主窗口。
-o 监听activate事件，当应用被激活且没有打开的窗口时，重新创建主窗口。
-2. 所有窗口关闭时：
-o 如果操作系统不是macOS（darwin），则退出应用。（苹果系统特点）
-
-```
-
-# 预处理进程：
-
-```ts
-"use strict";
-const electron = require("electron");
-const preload = require("@electron-toolkit/preload");
-const api = {};
-if (process.contextIsolated) {
- try {
- electron.contextBridge.exposeInMainWorld("electron", preload.electronAPI);
- electron.contextBridge.exposeInMainWorld("api", api);
- } catch (error) {
- console.error(error);
- }
-} else {
- window.electron = preload.electronAPI;
- window.api = api;
-}
-```
-
-用于在渲染进程（renderer process）中安全地暴露API给网页内容。具体功能如下：
-
-1. 严格模式：
- o 使用"use strict"确保代码运行在严格模式下，避免一些常见的编程错误。
-2. 引入依赖：
- o 引入electron模块和@electron-toolkit/preload模块。
- o 定义一个空对象api，用于自定义API。
-3. 上下文隔离检查：
- o 检查process.contextIsolated是否为true，以确定是否启用了上下文隔离（context isolation）。
-4. 上下文隔离启用时：
- o 使用electron.contextBridge.exposeInMainWorld方法将preload.electronAPI和自定义的api暴露给主世界（main world），即网页内容可以访问这些API。
- o 如果暴露过程中发生错误，捕获并打印错误信息。
-5. 上下文隔离未启用时：
- o 直接将preload.electronAPI和api挂载到全局window对象上，使网页内容可以直接访问这些API。
-
-#API解释与作用：
-• API 是一种接口，允许不同软件组件之间进行通信。
-• 在Electron应用中，API通过预加载脚本安全地暴露给渲染进程，以便前端代码可以调用这些API与主进程或其他部分进行交互。
-• api对象可以包含自定义的方法和属性，根据需求进行扩展。
-
-# 渲染进程
-
-```ts
-
-
-
-
+
+### 配置应用主窗口
+
+```bash
+class IndexWindow extends BaseWindow {
+ static browserWindowOptions = {
+ width: 900,
+ height: 670,
+ show: false,
+ autoHideMenuBar: true,
+ ...process.platform === "linux" ? { icon } : {},
+ webPreferences: {
+ preload: path.join(__dirname, "../preload/index.js"),
+ sandbox: false,
+ nodeIntegration: true,
+ // 开启自带node环境
+ webviewTag: true,
+ // 开启webview
+ contextIsolation: true,
+ // 开启context上下文
+ webSecurity: false,
+ // 开启网络安全
+ allowRunningInsecureContent: true
+ // 允许运行不安全内容
+ }
+ };
+```
+
+配置 Electron 应用的主窗口，包括窗口大小、初始状态、菜单栏设置以及 WebPreferences 的详细配置，确保应用在启动时能够按照预期的行为进行渲染和交互。
+
+### onCreate
+
+```bash
+static onCreate(context) {
+ context.on("ready-to-show", () => {
+ context.show();
+ });
+ context.webContents.setWindowOpenHandler((details) => {
+ electron.shell.openExternal(details.url);
+ return { action: "deny" };
+ });
+ if (utils.is.dev && process.env["ELECTRON_RENDERER_URL"]) {
+ context.webContents.openDevTools();
+ context.loadURL(process.env["ELECTRON_RENDERER_URL"]);
+ } else {
+ context.loadFile(path.join(__dirname, "../renderer/index.html"));
+ }
+ }
+}
+
+```
+
+创建和初始化一个Electron应用窗口的静态方法onCreate。主要功能如下：
+
+1. 监听窗口准备就绪事件（44-46）：当窗口准备好显示时，调用context.show()显示窗口。
+2. 处理新窗口打开请求（47-50）：拦截新窗口打开请求，使用默认浏览器打开链接，并拒绝创建新窗口。
+3. 加载开发或生产环境资源（51-56）：
+ o 如果是开发环境且设置了环境变量ELECTRON_RENDERER_URL，则打开开发者工具并加载指定URL。
+ o 否则，加载本地HTML文件。
+
+# 应用主进程
+
+```ts
+electron.app.whenReady().then(() => {
+ utils.electronApp.setAppUserModelId("com.electron");
+ electron.app.on("browser-window-created", (_, window) => {
+ utils.optimizer.watchWindowShortcuts(window);
+ });
+ electron.ipcMain.on("ping", () => console.log("pong"));
+ createWindow();
+ electron.app.on("activate", function() {
+ if (electron.BrowserWindow.getAllWindows().length === 0) createWindow();
+ });
+});
+electron.app.on("window-all-closed", () => {
+ if (process.platform !== "darwin") {
+ electron.app.quit();
+ }
+});
+Electron应用的主进程（main process）部分，主要负责在应用启动时执行一系列初始化操作，并处理窗口管理和应用关闭事件。具体功能如下：
+1. 应用准备就绪时：
+o 设置应用程序模型ID为com.electron。
+o 监听browser-window-created事件，在创建浏览器窗口时调用utils.optimizer.watchWindowShortcuts(window)方法来监控窗口快捷键。
+o 监听ping IPC消息，并在收到消息时打印pong。
+o 调用createWindow()函数创建主窗口。
+o 监听activate事件，当应用被激活且没有打开的窗口时，重新创建主窗口。
+2. 所有窗口关闭时：
+o 如果操作系统不是macOS（darwin），则退出应用。（苹果系统特点）
+
+```
+
+# 预处理进程：
+
+```ts
+"use strict";
+const electron = require("electron");
+const preload = require("@electron-toolkit/preload");
+const api = {};
+if (process.contextIsolated) {
+ try {
+ electron.contextBridge.exposeInMainWorld("electron", preload.electronAPI);
+ electron.contextBridge.exposeInMainWorld("api", api);
+ } catch (error) {
+ console.error(error);
+ }
+} else {
+ window.electron = preload.electronAPI;
+ window.api = api;
+}
+```
+
+用于在渲染进程（renderer process）中安全地暴露API给网页内容。具体功能如下：
+
+1. 严格模式：
+ o 使用"use strict"确保代码运行在严格模式下，避免一些常见的编程错误。
+2. 引入依赖：
+ o 引入electron模块和@electron-toolkit/preload模块。
+ o 定义一个空对象api，用于自定义API。
+3. 上下文隔离检查：
+ o 检查process.contextIsolated是否为true，以确定是否启用了上下文隔离（context isolation）。
+4. 上下文隔离启用时：
+ o 使用electron.contextBridge.exposeInMainWorld方法将preload.electronAPI和自定义的api暴露给主世界（main world），即网页内容可以访问这些API。
+ o 如果暴露过程中发生错误，捕获并打印错误信息。
+5. 上下文隔离未启用时：
+ o 直接将preload.electronAPI和api挂载到全局window对象上，使网页内容可以直接访问这些API。
+
+#API解释与作用：
+• API 是一种接口，允许不同软件组件之间进行通信。
+• 在Electron应用中，API通过预加载脚本安全地暴露给渲染进程，以便前端代码可以调用这些API与主进程或其他部分进行交互。
+• api对象可以包含自定义的方法和属性，根据需求进行扩展。
+
+# 渲染进程
+
+```ts
+
+
+
+
-
-### 商业合作😆
-
-我们欢迎各类商业合作机会，无论是技术咨询、项目合作还是其他形式的合作，都期待与您携手共创未来。
-如果您有兴趣，请通过以下方式联系我们：
-
-|
- QQ - QQ号：2086232477 - |
-
- 微信 - 微信号：tantianming000 - |
-
|
-
- |
-
-
- |
-
+
+## 分页处理
+
+1、startPage：开始分页。
+
+2、startOrderBy：设置排序规则。
+
+3、clearPage：清理分页线程变量。
+
+4、getDataTable：返回分页数据，包含总记录数和当前页的数据列表。
+
+## 响应处理
+
+1、success：返回成功消息（无参数）。
+
+2、error：返回失败消息（无参数）。
+
+3、success(String message)：返回带有自定义消息的成功响应。
+
+4、success(Object data)：返回带有数据的成功响应。
+
+5、error(String message)：返回带有自定义消息的失败响应。
+
+6、warn(String message)：返回带有警告消息的响应。
+
+7、toAjax(int rows)：根据影响行数返回成功或失败响应。
+
+8、toAjax(boolean result)：根据布尔结果返回成功或失败响应。
+
+## 用户信息获取
+
+1、getLoginUser：获取当前登录用户的缓存信息。
+
+2、getUserId：获取当前登录用户的 ID。
+
+3、getDeptId：获取当前登录用户的部门 ID。
+
+4、getUsername：获取当前登录用户的用户名。
+
+5、redirect(String url)：页面跳转。
diff --git "a/RuoYi-Geek-SpringBoot3/5.\345\211\215\345\220\216\347\253\257\344\272\244\344\272\222\344\270\216admin\347\220\206\350\247\243.md" "b/RuoYi-Geek-SpringBoot3/5.\345\211\215\345\220\216\347\253\257\344\272\244\344\272\222\344\270\216admin\347\220\206\350\247\243.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6dd6ddc3aa70bca820b56ddcf14a087e3ad349e9
--- /dev/null
+++ "b/RuoYi-Geek-SpringBoot3/5.\345\211\215\345\220\216\347\253\257\344\272\244\344\272\222\344\270\216admin\347\220\206\350\247\243.md"
@@ -0,0 +1,217 @@
+# 交互
+
+## 验证码
+
+系统发出GET请求，请求方法为captchaImage，向前端发出请求，通过反向代理，url请求前端，进行代理，映射到后端，解决跨域问题
+
+
+
+```
+请求url：http://localhost/dev-api/captchaImage
+```
+
+login.vue
+
+```
+
+
+## 登录
+
+点击登录按钮，是为了把表单提交到后台，系统发出POST请求，请求login方法。具体过程，点击登录后，先执行handleLogin方法，在方法体中执行login方法，封装用户名、密码等信息，返回给POST请求。通过反向代理映射到后端。
+
+
+
+```
+请求url：
+http://localhost/dev-api/login
+```
+
+login.vue
+
+```
+
+
+
+### 前端发起请求:
+```
+ 前端向后端发送GET请求
+
+ 请求URL为http://localhost/dev-api/sys/post/list?pageNum=1&pageSize=10。
+```
+
+### 后端处理请求:
+```
+ 后端接收到请求后，查询数据库获取岗位管理数据。
+
+ 将查询结果封装成JSON格式返回给前端。
+```
+
+### 前端接收响应:
+```
+ 前端接收到后端返回的JSON数据。
+
+ 解析JSON数据并将其渲染到页面上，显示在表格中。
+```
+
+
+
+
+# 数据更改（增删改查）
+
+
+
+### 前端发起请求:
+```
+ 前端向后端发送POST请求
+
+ 请求URL为http://localhost/dev-api/sys/post。
+```
+
+### 后端处理请求:
+```
+ 后端接收到请求后，处理新增岗位数据
+
+ 将新增结果返回给前端
+```
+
+### 前端接收响应:
+```
+ 前端接收到后端返回的响应
+
+ 根据响应结果更新前端界面
+```
diff --git "a/RuoYi-Geek-SpringBoot3/7.\347\224\250\346\210\267\346\235\203\351\231\220\344\270\216\350\217\234\345\215\225\350\267\257\347\224\261\350\216\267\345\217\226\347\220\206\350\247\243.md" "b/RuoYi-Geek-SpringBoot3/7.\347\224\250\346\210\267\346\235\203\351\231\220\344\270\216\350\217\234\345\215\225\350\267\257\347\224\261\350\216\267\345\217\226\347\220\206\350\247\243.md"
new file mode 100644
index 0000000000000000000000000000000000000000..27c5ac463d698e455d862874076358404b92232c
--- /dev/null
+++ "b/RuoYi-Geek-SpringBoot3/7.\347\224\250\346\210\267\346\235\203\351\231\220\344\270\216\350\217\234\345\215\225\350\267\257\347\224\261\350\216\267\345\217\226\347\220\206\350\247\243.md"
@@ -0,0 +1,89 @@
+# 用户角色与权限获取
+
+系统请求getInfo方法，该方法在任意一个页面跳转时都会调用，是在路由中配置的，前端用来获取用户信息。后端获取用户角色和权限信息，传递给前端
+
+
+
+```
+请求url：http://localhost/dev-api/getInfo
+```
+
+permission.js ：调用getInfo方法
+
+```
+// 判断当前用户是否已拉取完user_info信息
+ useUserStore().getInfo().then(() => { //调用getInfo方法
+ isRelogin.show = false
+ usePermissionStore().generateRoutes().then(accessRoutes => {
+ // 根据roles权限生成可访问的路由表
+ accessRoutes.forEach(route => {
+ if (!isHttp(route.path)) {
+ router.addRoute(route) // 动态添加可访问路由表
+ }
+ })
+ next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+ })
+ }).catch(err => {
+ useUserStore().logOut().then(() => {
+ ElMessage.error(err)
+ next({ path: '/' })
+ })
+ })
+```
+
+user.ts:定义getInfo方法，对于后端的角色权限信息处理
+
+```
+getInfo() {
+ return new Promise((resolve, reject) => {
+ getInfo().then((res:any) => {
+ const user = res.user
+ // @ts-ignore
+ const avatar = (user.avatar == "" || user.avatar == null) ? defAva : import.meta.env.VITE_APP_BASE_API + user.avatar;
+
+ if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
+ this.roles = res.roles
+ this.permissions = res.permissions
+ } else {
+ this.roles = ['ROLE_DEFAULT']
+ }
+ this.name = user.userName
+ this.avatar = avatar;
+ resolve(res)
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+```
+
+login.js
+
+```
+// 获取用户详细信息
+export function getInfo() {
+ return request({
+ url: '/getInfo',
+ method: 'get'
+ })
+}
+```
+
+后端：通过getInfo方法获取角色信息和权限信息，当权限为*：*： *时，表示所有权限，管理员拥有次此权限，其他用户没有，数据库中sys_user_role记录角色与权限的对应关系。
+
+SysLoginController.java
+
+> ```
+> @GetMapping("getInfo")
+> public AjaxResult getInfo() {
+> LoginUser loginUser = SecurityUtils.getLoginUser();
+> SysUser user = loginUser.getUser();
+> // 角色集合
+> Set
+
+## GET请求处理
+
+### 获取部门列表
+
+
+```
+List
+
+```
+List
+
+```
+deptService.checkDeptDataScope(deptId) // 检查当前用户是否有权限访问该部门的数据。
+
+return success(deptService.selectDeptById(deptId)) // 返回一个包含指定部门详细信息的AjaxResult对象。
+```
+
+ ## POST请求处理
+
+ ### 新增部门
+
+
+```
+deptService.checkDeptNameUnique(dept) //检查部门名称是否唯一。
+
+dept.setCreateBy(getUsername()) //设置部门名称。
+
+return toAjax(deptService.insertDept(dept)) //返回一个包含新增结果的AjaxResult对象。
+```
+
+ ## PUT请求处理
+
+ ### 修改部门
+
+
+```
+deptService.checkDeptDataScope(deptId) //检查当前用户是否有权限访问该部门的数据。
+
+deptService.checkDeptNameUnique(dept) // 检查部门名称是否唯一。
+
+dept.getParentId().equals(deptId) //检查上级部门是否是自己。
+
+StringUtils.equals(UserConstants.DEPT_DISABLE, dept.getStatus()) // 检查部门状态是否为禁用。
+
+deptService.selectNormalChildrenDeptById(deptId) > 0 // 检查该部门是否有未停用的子部门。
+
+dept.setUpdateBy(getUsername()) // 设置部门名称。
+
+return toAjax(deptService.updateDept(dept)) //返回一个包含修改结果的AjaxResult对象。
+```
+
+## DELETE请求处理
+
+### 删除部门
+
+
+```
+deptService.hasChildByDeptId(deptId) // 检查该部门是否有子部门。
+
+deptService.checkDeptExistUser(deptId) // 检查该部门是否有用户。
+
+deptService.checkDeptDataScope(deptId) // 检查当前用户是否有权限访问该部门的数据。
+
+return toAjax(deptService.deleteDeptById(deptId)) // 返回一个包含删除结果的AjaxResult对象。
+```
\ No newline at end of file
diff --git "a/RuoYi-Geek-Vue3/RuoYi-Geek-Vue3\345\277\253\351\200\237\345\220\257\345\212\250.md" "b/RuoYi-Geek-Vue3/1.\347\256\200\344\273\213.md"
similarity index 49%
rename from "RuoYi-Geek-Vue3/RuoYi-Geek-Vue3\345\277\253\351\200\237\345\220\257\345\212\250.md"
rename to "RuoYi-Geek-Vue3/1.\347\256\200\344\273\213.md"
index e78e7e7d0f97f5355894266b62a303d326e22a01..55c4553fb9b3f488a5a8f53c1201d25c89d8bd5a 100644
--- "a/RuoYi-Geek-Vue3/RuoYi-Geek-Vue3\345\277\253\351\200\237\345\220\257\345\212\250.md"
+++ "b/RuoYi-Geek-Vue3/1.\347\256\200\344\273\213.md"
@@ -1,33 +1,8 @@
-# 当前版本是3.8.7.3
+# 简介
-本人的其他两个推荐搭配的项目
+本框架为我们生态前端的Vue3版本。目前新增了threejs支持，并配合若依极客生态框架后端的Springboot 3版本，该版本在支付模块和第三方登录模块方面进行了基础设计工作，并针对代码生成器进行了显著增强，现在支持字段级别的关联表操作。此外，我们新增了在线接口开发模块，该模块允许用户通过在线方式使用mybatis来修改接口。其他功能模块也正在持续更新和完善中。
-1. [RuoYi-App-Geek: 这是若依极客生态的小程序版本 (gitee.com)](https://gitee.com/geek-xd/geek-uniapp-vue3-uview-plus-uchart)
-2. [RuoYi-SpringBoot3-Geek: 这是若依极客生态的SpringBoot3版本 (gitee.com)](https://gitee.com/geek-xd/ruoyi-spring-boot3-geek.git)
-
-与本项目同为一个作者开发，兼容性最好，学习成本最低
-
-## 前端运行
-
-```bash
-# 克隆项目
-git clone https://gitee.com/geek-xd/ruoyi-geek-vue3.git
-
-# 进入项目目录
-cd RuoYi-Vue3
-
-# 安装依赖
-yarn --registry=https://registry.npmmirror.com
-
-# 启动服务
-yarn dev
-
-# 构建测试环境 yarn build:stage
-# 构建生产环境 yarn build:prod
-# 前端访问地址 http://localhost:80
-```
-
-## 内置功能
+# 内置功能
1. 用户管理：用户是系统操作者，该功能主要完成系统用户配置。
2. 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
@@ -48,7 +23,7 @@ yarn dev
17. 在线构建器：拖动表单元素生成相应的HTML代码。
18. 连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。
-### 新加功能和增强功能演示
+# 增强功能演示
 |
-
-### 商业合作😆
-
-我们欢迎各类商业合作机会，无论是技术咨询、项目合作还是其他形式的合作，都期待与您携手共创未来。
-如果您有兴趣，请通过以下方式联系我们：
-
-|
- QQ - QQ号：2086232477 - |
-
- 微信 - 微信号：tantianming000 - |
-
|
-
- |
-
-
- |
-