项目中的层级模块到底如何做接口

项目中的层级模块到底如何做接口

层级模块

1、新建层级表

☞ 这里注意将Node之中的蛇形命名法转为=>驼峰命名法

☞ 搭建一个sql表格来存储公共信息

plain 复制代码
DROP TABLE IF EXISTS `sys_dept`;
CREATE TABLE `sys_dept` (
  `dept_id` bigint(0) NOT NULL AUTO_INCREMENT COMMENT '部门id',
  `parent_id` bigint(0) NULL DEFAULT 0 COMMENT '父部门id',
  `ancestors` varchar(50) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT '' COMMENT '祖级列表',
  `dept_name` varchar(30) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT '' COMMENT '部门名称',
  `order_num` int(0) NULL DEFAULT 0 COMMENT '显示顺序',
  `leader` varchar(20) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT NULL COMMENT '负责人',
  `phone` varchar(11) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT NULL COMMENT '联系电话',
  `email` varchar(50) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT NULL COMMENT '邮箱',
  `status` char(1) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT '0' COMMENT '部门状态(0正常 1停用)',
  `del_flag` char(1) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT '0' COMMENT '删除标志(0代表存在 2代表删除)',
  `create_by` varchar(64) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT '' COMMENT '创建者',
  `create_time` datetime(0) NULL DEFAULT NULL COMMENT '创建时间',
  `update_by` varchar(64) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin NULL DEFAULT '' COMMENT '更新者',
  `update_time` datetime(0) NULL DEFAULT NULL COMMENT '更新时间',
  PRIMARY KEY (`dept_id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 109 CHARACTER SET = utf8mb3 COLLATE = utf8mb3_bin COMMENT = '部门表' ROW_FORMAT = Dynamic;

2、搭建引入文件

☞ 新建 server => api => deptRoutes.js

plain 复制代码
console.log('noticeRoutes.js--公告模块');

☞ app.js之中引入

plain 复制代码
//引入层级路由
const deptRoutes = require('./server/api/deptRoutes');

// 公告中心路由
app.use('/system/dept', deptRoutes);

3、查询接口

plain 复制代码
const express = require('express');
const router = express.Router();
const connectionPool = require('../db'); // 引入数据库连接池模块
const {addCondition,addDateRangeCondition,addPagination,convertKeysToSnakeCase,convertToCamelCase} = require('../methods.js'); // 引入封装方法
const {listApi,getApi,addApi,updateApi,delApi,changeStatusApi} = require('../apimethods.js'); // 引入封装方法

// 数据库表
const tableName = 'sys_dept';

// 查询列表
router.get('/',(req, res) => {
    let query = `SELECT * FROM ${tableName}`;
    let sqltotal = `SELECT COUNT(*) AS total FROM sys_dept`
    const { dept_name } = convertKeysToSnakeCase(req.query);
    listApi(query,sqltotal,req,res,{dept_name});
});

测试一下 欧克

4、新增接口

plain 复制代码
const express = require('express');
const router = express.Router();
const connectionPool = require('../db'); // 引入数据库连接池模块
const {addCondition,addDateRangeCondition,addPagination,convertKeysToSnakeCase,convertToCamelCase} = require('../methods.js'); // 引入封装方法
const {listApi,getApi,addApi,updateApi,delApi,changeStatusApi} = require('../apimethods.js'); // 引入封装方法

// 数据库表
const tableName = 'sys_dept';


// 新增 POST
router.post('/', (req, res) => {
    const insertSql = `INSERT INTO ${tableName} SET ?`;
    const { dept_name,email,order_num,leader,parent_id,phone,status} = convertKeysToSnakeCase(req.body);
    const postData = {dept_name,email,order_num,leader,parent_id,phone,status,update_time:new Date()};
    addApi(insertSql,res,postData);
});
 

测试一下 欧克

5、详情接口

plain 复制代码
// 获取详情 
router.get('/:dept_id', (req, res) => {
    // console.log(req.query,'req.query');
    const { dept_id } = req.params;
    const values = [dept_id];
    let querySql = 'SELECT * FROM sys_dept WHERE dept_id = ?';
    getApi(querySql,values,res);
});

测试一下 欧克

6、更新接口

plain 复制代码
// 更新
router.put('/', (req, res) => {
    const {dept_name,email,order_num,leader,parent_id,phone,status,dept_id} = convertKeysToSnakeCase(req.body);
    const updatevalues = {dept_name,email,order_num,leader,parent_id,phone,status,dept_id,update_time:new Date()};
    let updateSql=`UPDATE ${tableName} SET ? WHERE dept_id = ?`;
    updateApi(updateSql,[updatevalues, dept_id],res);
});

测试一下 欧克

7、删除接口

plain 复制代码
// 删除数据 DELETE请求处理程序  
router.delete('/:id', (req, res) => {
    // const {id} = req.body; // 从请求体中获取数据
    const id = req.params.id;
    const delsql = `DELETE FROM ${tableName} WHERE dept_id = ?`;
    delApi(delsql,[id],res);
});

测试一下,增删改查没问题,欧克!👌

到这里我们层级的正常功能就完成了,接下来就可以进行优化了

相关推荐
盖世英雄酱581365 小时前
Java 组长年终总结:靠 AI 提效 50%,25 年搞副业只赚 4k?
后端·程序员·trae
阿珊和她的猫6 小时前
`require` 与 `import` 的区别剖析
前端·webpack
+VX:Fegn08956 小时前
计算机毕业设计|基于springboot + vue在线音乐播放系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
谎言西西里6 小时前
零基础 Coze + 前端 Vue3 边玩边开发:宠物冰球运动员生成器
前端·coze
code bean6 小时前
Flask图片服务在不同网络接口下的路径解析问题及解决方案
后端·python·flask
+VX:Fegn08956 小时前
计算机毕业设计|基于springboot + vue律师咨询系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
努力的小郑6 小时前
2025年度总结:当我在 Cursor 里敲下 Tab 的那一刻,我知道时代变了
前端·后端·ai编程
GIS之路6 小时前
GDAL 实现数据空间查询
前端
OEC小胖胖7 小时前
01|从 Monorepo 到发布产物:React 仓库全景与构建链路
前端·react.js·前端框架
2501_944711437 小时前
构建 React Todo 应用:组件通信与状态管理的最佳实践
前端·javascript·react.js