• eyb：职称管理页面设计到部门删除功能实现（三）

    目录：

    （1）职称管理页面设计

    （2）职称管理接口调用

    （3）职称管理编辑功能实现

    （4）职称管理批量删除功能实现

    （5）权限组页面设计

    （6） 权限组树形菜单展示

    （7）角色菜单功能实现

    （8）角色操作功能实现 

    （9）部门展示与搜索功能实现

    （10）部门操作按钮设计

    （11）部门添加功能实现

    （12） 部门删除功能实现

    （1）职称管理页面设计

    JoblevelMana.vue 

     

     （2）职称管理接口调用

     

    添加职称：

     

     

     删除方法：

     

    点击取消 

     点击确定：

    （3）职称管理编辑功能实现

     

     

     

    更新方法：

    （4）职称管理批量删除功能实现

    添加批量删除按钮： 

     

     

     JoblevelMana.vue：详细代码：

    1. <template>
    2.   <div>
    3.     <div>
    4.       <el-input size="small" v-model="jl.name" style="width: 300px" prefix-icon="el-icon-plus"
    5.                 placeholder="添加职称...">
    6.       el-input>
    7.       
    8.       <el-select v-model="jl.titleLevel" palaceholder="职称等级" size="small" style="margin-left: 6px;margin-right: 6px">
    9.         <el-option v-for="item in titleLevels"
    10.                    :key="item"
    11.                    :label="item"
    12.                    :value="item">
    13.         el-option>
    14.       el-select>
    15.       <el-button type="primary" icon="el-icon-plus" size="small" @click="addJl">添加el-button>
    16.     div>
    17.  
    18.     <div style="margin-top: 10px">
    19.       <el-table :data="jls"
    20.                 border
    21.                 stripe
    22.                 size="small"
    23.                 @selection-change="handleSelectionChange"
    24.                 style="width: 80%">
    25.         
    26.         <el-table-column
    27.             type="selection"
    28.             width="55">
    29.         el-table-column>
    30.         <el-table-column
    31.             prop="id"
    32.             label="编号"
    33.             width="55">
    34.         el-table-column>
    35.         <el-table-column
    36.             prop="name"
    37.             label="职称名称"
    38.             width="150">
    39.         el-table-column>
    40.         <el-table-column
    41.             prop="titleLevel"
    42.             label="职称级别"
    43.             width="150">
    44.         el-table-column>
    45.         <el-table-column
    46.             prop="createDate"
    47.             label="创建时间"
    48.             width="150">
    49.         el-table-column>
    50.         <el-table-column prop="enabled"
    51.                          label="是否启用"
    52.                          width="150">
    53.           <template slot-scope="scope">
    54.             <el-tag v-if="scope.row.enabled" type="success">已启用el-tag>
    55.             <el-tag v-else type="danger">未启用el-tag>
    56.           template>
    57.         el-table-column>
    58.         <el-table-column label="操作">
    59.           <template slot-scope="scope">
    60.             <el-button size="small" @click="showEditView(scope.row)">编辑el-button>
    61.             <el-button size="small" type="danger" @click="deleteHandler(scope.row)">删除el-button>
    62.           template>
    63.         el-table-column>
    64.       el-table>
    65.       
    66.       <el-button type="danger" size="small" style="margin-top: 10px" :disabled="multipleSelection.length == 0"
    67.                  @click="deleteMany">批量删除
    68.       el-button>
    69.     div>
    70.  
    71.     
    72.     <el-dialog
    73.         title="编辑职称"
    74.         :visible.sync="dialogVisible"
    75.         width="30%">
    76.       <div>
    77.         <table>
    78.           <tr>
    79.             <td>
    80.               <el-tag>职称名称el-tag>
    81.             td>
    82.             <td>
    83.               <el-input v-model="updateJl.name" size="small" style="margin-left: 6px">el-input>
    84.             td>
    85.           tr>
    86.           <tr>
    87.             <td>
    88.               <el-tag>职称级别el-tag>
    89.             td>
    90.             <td>
    91.               <el-select v-model="updateJl.titleLevel"
    92.                          placeholder="职称等级" size="small"
    93.                          style="margin-left: 6px;margin-right:6px">
    94.                 <el-option
    95.                     v-for="item in titleLevels"
    96.                     :key="item"
    97.                     :label="item"
    98.                     :value="item">
    99.                 el-option>
    100.               el-select>
    101.             td>
    102.           tr>
    103.           <tr>
    104.             <td>
    105.               <el-tag>是否启用el-tag>
    106.             td>
    107.             <td>
    108.               <el-switch
    109.                   style="margin-left: 6px"
    110.                   v-model="updateJl.enabled"
    111.                   activecolor="#13ce66"
    112.                   inactive-color="#ff4949"
    113.                   active-text="启用"
    114.                   inactive-text="禁用">
    115.               el-switch>
    116.             td>
    117.           tr>
    118.         table>
    119.       div>
    120.       <span slot="footer" class="dialog-footer">
    121.         <el-button size="small" @click="dialogVisible = false">取 消el-button>
    122.         <el-button size="small" type="primary" @click="doUpdate">确 定el-button>
    123.       span>
    124.     el-dialog>
    125.   div>
    126. template>
    127.  
    128. <script>
    129. export default {
    130.   name: "JoblevelMana",
    131.   data() {
    132.     return {
    133.       //json对象
    134.       jl: {
    135.         name: '',
    136.         titleLevel: ''
    137.       },
    138.       //更新的json数据
    139.       updateJl: {
    140.         name: '',
    141.         titleLevel: '',
    142.         enabled: false
    143.       },
    144.       titleLevels: [
    145.         '正高级',
    146.         '副高级',
    147.         '中级',
    148.         '初级',
    149.         '员级',
    150.       ],
    151.       jls: [],
    152.       dialogVisible: false,
    153.       //数组
    154.       multipleSelection: []
    155.     }
    156.   },
    157.   //当页面刚加载的时候调用initJls方法调用后端接口，获取所有职称列表
    158.   mounted() {
    159.     this.initJls();
    160.   },
    161.   methods:{
    162.     //批量删除方法
    163.     deleteMany() {
    164.       this.$confirm('此操作将永久删除【' + this.multipleSelection.length + '】条记录，是否继续？', '提示', {
    165.         confirmButtonText: '确定',
    166.         cancelButtonText: '取消',
    167.         type: 'warning'
    168.       }).then(() => {
    169.         let ids = '?';
    170.         this.multipleSelection.forEach(item => {
    171.           ids += 'ids=' + item.id + '&';
    172.         })
    173.         this.deleteRequest('/system/basic/joblevel/' + ids).then(resp => {
    174.           if (resp) {
    175.             //批量删除之后，在次获取称列表，进行刷新
    176.             this.initJls();
    177.           }
    178.         });
    179.       }).catch(() => {
    180.         this.$message({
    181.           type: 'info',
    182.           message: '已取消删除'
    183.         })
    184.       })
    185.     },
    186.     //表单勾选的对象，放到multipleSelection数组里面
    187.     handleSelectionChange(val) {
    188.       this.multipleSelection = val;
    189.     },
    190.     //显示编辑框
    191.     showEditView(data) {
    192.       //在编辑框里显示数据，采用Object.assign（）这个方式
    193.       Object.assign(this.updateJl, data);
    194.       //把日期传过去，否则更改的时候会报错
    195.       this.updateJl.createDate = '';
    196.       //显示弹出框
    197.       this.dialogVisible = true;
    198.     },
    199.     //修改职称方法
    200.     doUpdate() {
    201.       this.putRequest('/system/basic/joblevel/', this.updateJl).then(resp => {
    202.         if (resp) {
    203.           //更改数据之后，再次获取职位列表，进行更新
    204.           this.initJls();
    205.           this.updateJl.name = '';
    206.           this.updateJl.titleLevel = '';
    207.           //把弹出框隐藏
    208.           this.dialogVisible = false;
    209.         }
    210.       })
    211.     },
    212.     //删除职称方法
    213.     deleteHandler(data) {
    214.       //删除
    215.       this.$confirm('此操作将永久删除【' + data.name + '】职称, 是否继续?', '提示', {
    216.         confirmButtonText: '确定',
    217.         cancelButtonText: '取消',
    218.         type: 'warning'
    219.       }).then(() => {
    220.         this.deleteRequest('/system/basic/joblevel/' +
    221.             data.id).then(resp => {
    222.           if (resp) {
    223.             //删除之后，再次获取职位列表，进行更新
    224.             this.initJls();
    225.           }
    226.         });
    227.       }).catch(() => {
    228.         this.$message({
    229.           type: 'info',
    230.           message: '已取消删除'
    231.         });
    232.       });
    233.     },
    234.     //添加职称方法
    235.     addJl() {
    236.       //判断输入框是否为空
    237.       if (this.jl.name && this.jl.titleLevel) {
    238.         //调用后端接口/system/basic/joblevel
    239.         this.postRequest('/system/basic/joblevel/', this.jl).then(resp => {
    240.           if (resp) {
    241.             //添加之后，再次获取职位列表，进行更新
    242.             this.initJls();
    243.             //添加完之后，输入框设为空
    244.             this.jl.name = '';
    245.             this.jl.titleLevel = '';
    246.           }
    247.         })
    248.       } else {
    249.         this.$message.error("字段不能为空！");
    250.       }
    251.     },
    252.     //初始化获取职称列表
    253.     initJls() {
    254.       this.getRequest('/system/basic/joblevel/').then(resp => {
    255.         if (resp) {
    256.           this.jls = resp;
    257.           /*this.jl = {
    258.             name: '',
    259.             titleLevel: ''
    260.           }*/
    261.         }
    262.       })
    263.     }
    264.   }
    265. }
    266. script>
    267.  
    268. <style scoped>
    269.  
    270. style>

    （5）权限组页面设计

     权限组主要用来干什么呢？主要用来更新以及展示咱们不同的角色所拥有的不同的菜单权限，这里涉及到很多操作，以及角色的添加，角色的查询，角色的删除，以及跟角色相关的菜单一个权限的操作，比如说菜单权限的展示，每一个角色所对应的一个菜单权限的展示，以及你去更新你的角色菜单权限

     

    （6） 权限组树形菜单展示

     

     

     

    （7）角色菜单功能实现

     设置默认菜单列表的选中状态

     

    这样每个角色默认拥有的菜单权限，就进行相应的一个展示了 

     更新角色菜单：

    在mian.js中添加：

    这样以后在使用elementUI的时候就不用每次进行设置size：small了

     

    （8）角色操作功能实现 

     

     

     删除角色：

     

    PermissManan.vue：详细代码：

    1. <template>
    2.   <div>
    3.     <div class="permissManaTool">
    4.       <el-input size="small" placeholder="请输入角色英文名" v-model="role.name">
    5.         
    6.         <template slot="prepend">ROLE_template>
    7.       el-input>
    8.       
    9.       <el-input size="small" placeholder="请输入角色中文名" v-model="role.nameZh" @keydown.enter.native="doAddRole">el-input>
    10.       <el-button type="primary" size="small" icon="el-icon-plus" @click="doAddRole">添加角色el-button>
    11.     div>
    12.  
    13.     <div class="permissManaMain">
    14.       
    15.       <el-collapse v-model="activeName" accordion @change="change">
    16.         <el-collapse-item :title="r.nameZh" :name="r.id" v-for="(r,index) in roles" :key="index">
    17.           
    18.           <el-card class="box-card">
    19.             <div slot="header" class="clearfix">
    20.               <span>可访问资源span>
    21.               <el-button style="float: right;padding: 3px 0;color: #ff0000" icon="el-icon-delete"
    22.                          type="text" @click="doDeleteRole(r)">
    23.               el-button>
    24.             div>
    25.             <div>
    26.               
    27.               <el-tree
    28.                   show-checkbox
    29.                   :key="index"
    30.                   ref="tree"
    31.                   :default-checked-keys="selectedMenus"
    32.                   node-key="id"
    33.                   :data="allMenus" :props="defaultProps">
    34.               el-tree>
    35.               <div style="display: flex;justify-content: flex-end">
    36.                 <el-button @click="cancelUpdate">取消修改el-button>
    37.                 <el-button type="primary" @click="doUpdate(r.id,index)">确认修改el-button>
    38.               div>
    39.             div>
    40.           el-card>
    41.         el-collapse-item>
    42.       el-collapse>
    43.     div>
    44.   div>
    45. template>
    46.  
    47. <script>
    48. export default {
    49.   name: "PermissMana",
    50.   data() {
    51.     return {
    52.       //默认打开，上面第二个div
    53.       activeName: '2',
    54.       //json对象
    55.       role: {
    56.         name: '',
    57.         nameZh: ''
    58.       },
    59.       //角色数组
    60.       roles: [],
    61.       //所有菜单数据
    62.       allMenus: [],
    63.       //菜单选中的数组
    64.       selectedMenus: [],
    65.       //让接口返回的数据与树形控件对应 指定节点对象的某个属性值
    66.       defaultProps: {
    67.         children: 'children',
    68.         label: 'name'
    69.       }
    70.     }
    71.   },
    72.   //当页面刚加载的时候调用initRoles方法调用后端接口，获取所有角色列表
    73.   mounted() {
    74.     this.initRoles();
    75.   },
    76.   methods:{
    77.     //删除角色方法
    78.     doDeleteRole(role) {
    79.       this.$confirm('此操作将永久删除该【' + role.nameZh + '】角色, 是否继 ? ', '提示', {
    80.             confirmButtonText: '确定',
    81.             cancelButtonText: '取消',
    82.             type: 'warning'
    83.           }
    84.       ).then(() => {
    85.         //调用后端接口/system/basic/permission/role/
    86.         this.deleteRequest('/system/basic/permission/role/' + role.id).then(resp => {
    87.           if (resp) {
    88.             //删除完之后，更新一下角色列表
    89.             this.initRoles();
    90.           }
    91.         });
    92.       }).catch(() => {
    93.         this.$message({
    94.           type: 'info',
    95.           message: '已取消删除'
    96.         });
    97.       });
    98.     },
    99.     //添加角色方法
    100.     doAddRole() {
    101.       //首先判断两个输入框不为空
    102.       if (this.role.name && this.role.nameZh) {
    103.         //调用后端接口/system/basic/permission/
    104.         this.postRequest('/system/basic/permission/role', this.role).then(resp => {
    105.           if (resp) {
    106.             //添加完之后输入框为空
    107.             this.name = '';
    108.             this.nameZh = '';
    109.             //添加完之后，更新一下角色列表
    110.             this.initRoles();
    111.           }
    112.         })
    113.       } else {
    114.         this.$message.error('字段不能为空！');
    115.       }
    116.     },
    117.     //更新角色菜单方法
    118.     doUpdate(rid, index) {
    119.       let tree = this.$refs.tree[index];
    120.       //获取所有的key，只获取叶子节点
    121.       let selectedKeys = tree.getCheckedKeys(true);
    122.       let url = '/system/basic/permission/?rid=' + rid;
    123.       selectedKeys.forEach(key => {
    124.         url += '&mids=' + key;
    125.       })
    126.       //调用后端接口/system/basic/permission
    127.       this.putRequest(url).then(resp => {
    128.         if (resp) {
    129.           //等于-1 更新完之后下拉框就会关掉
    130.           this.activeName = -1;
    131.         }
    132.       })
    133.     },
    134.     //取消更新
    135.     cancelUpdate() {
    136.       this.activeName = -1;
    137.     },
    138.     //改变事件
    139.     change(rid) {
    140.       if (rid) {
    141.         //调用initAllMenus方法
    142.         this.initAllMenus();
    143.         //调用initSelectedMenus方法获取角色对应的菜单
    144.         this.initSelectedMenus(rid);
    145.       }
    146.     },
    147.     //初始化所有菜单
    148.     initAllMenus() {
    149.       //调用后端接口
    150.       this.getRequest('/system/basic/permission/menus').then(resp => {
    151.         //让allMenus数组接收返回的数据resp
    152.         this.allMenus = resp;
    153.       })
    154.     },
    155.     //根据id获取角色拥有的菜单方法
    156.     initSelectedMenus(rid) {
    157.       //调用后端接口/system/basic/permission/mid
    158.       this.getRequest('/system/basic/permission/mid/' + rid).then(resp => {
    159.         //让定义的数组接收返回的数据resp
    160.         this.selectedMenus = resp;
    161.       })
    162.     },
    163.     //查询所有角色
    164.     initRoles() {
    165.       //调用后端接口
    166.       this.getRequest('/system/basic/permission/').then(resp => {
    167.         if (resp) {
    168.           this.roles = resp;
    169.         }
    170.       })
    171.     }
    172.   }
    173. }
    174. script>
    175.  
    176. <style>
    177. .permissManaTool {
    178.   display: flex;
    179.   justify-content: flex-start;
    180. }
    181.  
    182. .permissManaTool .el-input {
    183.   width: 300px;
    184.   margin-right: 6px;
    185. }
    186.  
    187. .permissManaMain {
    188.   margin-top: 10px;
    189.   width: 700px
    190. }
    191.  
    192. style>

    以上权限功能都实现完了，有哪些功能呢？添加角色、查询角色、删除角色

    查询角色：使用折叠面板（手风琴形式） 角色里面，还有菜单与角色相关的功能：查询所有菜单（使用了树形控件）查询角色所拥有的的菜单权限 

     （9）部门展示与搜索功能实现

     DepManan.vue：

     

     （10）部门操作按钮设计

    在每一行下面都要有一个添加删除的按钮 

     

    （11）部门添加功能实现

     点击添加部门弹出一个弹出框

     

     

     这里不是刷新列表，而是调用方法手动添加到树形节点，因为刷新的话，添加成功后列表的关闭了

    （12） 部门删除功能实现

     

     

    当aaa部门下有子部门，删除失败：

     先删除111：

    DepManan.vue：详细代码：

    1. <template>
    2.   <div style="width: 500px">
    3.     <el-input placeholder="请输入部门名称进行搜索..."
    4.               prefix-icon="el-icon-search"
    5.               v-model="filterText">
    6.     el-input>
    7.     
    8.     <el-tree
    9.         :data="deps"
    10.         :props="defaultProps"
    11.         :filter-node-method="filterNode"
    12.         :expand-on-click-node="false"
    13.         ref="tree">
    14.         
    15.         <span class="custom-tree-node" style="display: flex;justify-content: space-between;width: 100%;"
    16.               slot-scope="{node,data}">
    17.           <span>{{data.name}}span>
    18.           <span>
    19.             <el-button
    20.                 type="primary"
    21.                 size="mini"
    22.                 class="depBtn"
    23.                 @click="()=>showAddDepView(data)">
    24.               添加部门
    25.             el-button>
    26.             <el-button
    27.                 type="danger"
    28.                 size="mini"
    29.                 class="depBtn"
    30.                 @click="()=>deleteDep(data)">
    31.               删除部门
    32.             el-button>
    33.           span>
    34.         span>
    35.     el-tree>
    36.     
    37.     <el-dialog
    38.         title="添加部门"
    39.         :visible.sync="dialogVisible"
    40.         width="30%">
    41.       <div>
    42.         <table>
    43.           <tr>
    44.             <td>
    45.               <el-tag>上级部门el-tag>
    46.             td>
    47.             <td>{{pname}}td>
    48.           tr>
    49.           <tr>
    50.             <td>
    51.               <el-tag>部门名称el-tag>
    52.             td>
    53.             <td>
    54.               <el-input v-model="dep.name" placeholder="请输入部门名称...">el-input>
    55.             td>
    56.           tr>
    57.         table>
    58.       div>
    59.       <span slot="footer" class="dialog-footer">
    60.           <el-button @click="dialogVisible= false">取消el-button>
    61.           <el-button type="primary" @click="doAddDep">确定el-button>
    62.         span>
    63.     el-dialog>
    64.   div>
    65. template>
    66.  
    67. <script>
    68. export default {
    69.   name: "DepMana",
    70.   data() {
    71.     return {
    72.       filterText: '',
    73.       //返回的数据数组
    74.       deps: [],
    75.       //接口返回数据与树形节点的属性的相对应
    76.       defaultProps: {
    77.         children: 'children',
    78.         label: 'name'
    79.       },
    80.       //添加部门的数据对象
    81.       dep: {
    82.         name: '',
    83.         parentId: -1
    84.       },
    85.       pname: '',
    86.       //定义弹出框是否可见
    87.       dialogVisible: false
    88.     }
    89.   },
    90.   //观察者事件，观察上面filterText的值，有值的话去找树形控件tree，filter调用下面filterNode方法
    91.   watch: {
    92.     filterText(val) {
    93.       this.$refs.tree.filter(val);
    94.     }
    95.   },
    96.   //当页面刚加载的时候调用initRoles方法调用后端接口，获取所有角色列表
    97.   mounted() {
    98.     this.initDeps();
    99.   },
    100.   methods: {
    101.     //获取数据部门列表的方法
    102.     initDeps() {
    103.       //调用后端接口,/system/basic/department
    104.       this.getRequest('/system/basic/department/').then(resp => {
    105.         if (resp) {
    106.           this.deps = resp;
    107.         }
    108.       })
    109.     },
    110.     //手动添加到树形控件的方法
    111.     addDep2Deps(deps, dep) {
    112.       //循环所有部门
    113.       for (let i = 0; i < deps.length; i++) {
    114.         let d = deps[i];
    115.         //deps是所有部门 dep是添加的部门，当添加的部门是所有部门中的一个的id相等的话，添加进去
    116.         if (d.id == dep.parentId) {
    117.           d.children = d.children.concat(dep);
    118.           //添加完后，判断它子部门长度是否大于0，有的话它的属性parent变为true
    119.           if (d.children.length > 0) {
    120.             d.isParent = true;
    121.           }
    122.           return;
    123.         } else {
    124.           //递归循环子部门知道id相等
    125.           this.addDep2Deps(d.children, dep);
    126.         }
    127.       }
    128.     },
    129.     //添加部门，让弹出框显示，并把数据在弹出框内显示
    130.     showAddDepView(data) {
    131.       this.pname = data.name;
    132.       this.dep.parentId = data.id;
    133.       this.dialogVisible = true;
    134.     },
    135.     //初始化部门
    136.     initDep() {
    137.       this.dep = {
    138.         name: '',
    139.         parentId: -1
    140.       }
    141.       this.pname = '';
    142.     },
    143.     //添加部门方法
    144.     doAddDep() {
    145.       //调用后端接口/system/basic/department
    146.       this.postRequest('/system/basic/department/',
    147.           this.dep).then(resp => {
    148.         if (resp) {
    149.           //调用手动添加到树形控件的方法
    150.           this.addDep2Deps(this.deps, resp.obj);
    151.           //添加成功后，弹出框隐藏
    152.           this.dialogVisible = false;
    153.           //添加成功后，弹出框，初始化部门设为空
    154.           this.initDep();
    155.         }
    156.       })
    157.     },
    158.     //手动删除属性节点的方法
    159.     removeDepFromDeps(p, deps, id) {
    160.       for (let i = 0; i < deps.length; i++) {
    161.         let d = deps[i];
    162.         //当循环的id和删除的id一样进行删除
    163.         if (d.id ==id) {
    164.           deps.splice(i,1);
    165.           //删除子部门后，判断一下deps是否为0,0的话改为false，否则副部们一直不能删除
    166.           if (deps.length == 0) {
    167.             p.isParent = false;
    168.           }
    169.           return;
    170.         } else {
    171.           //递归查找id
    172.           this.removeDepFromDeps(d, d.children, id);
    173.         }
    174.       }
    175.     },
    176.     //删除部门
    177.     deleteDep(data) {
    178.       //删除的时候，可以判断一下，是否是parent，是parent的话不能删
    179.       if (data.isParent) {
    180.         this.$message.error("父部门删除失败！");
    181.       } else {
    182.         this.$confirm('此操作将永久删除该【' + data.name + '】部门, 是否继续?', '提示', {
    183.           confirmButtonText: '确定',
    184.           cancelButtonText: '取消',
    185.           type: 'warning'
    186.         }).then(() => {
    187.           //调用后端接口/system/basic/department
    188.           this.deleteRequest('/system/basic/department/' + data.id).then(resp => {
    189.             if (resp) {
    190.               //手动删除属性节点的方法
    191.               this.removeDepFromDeps(null, this.deps, data.id);
    192.             }
    193.           });
    194.         }).catch(() => {
    195.           this.$message({
    196.             type: 'info',
    197.             message: '已取消删除'
    198.           });
    199.         });
    200.       }
    201.     },
    202.     //拦截节点的方法，对树的节点筛选的一个方法
    203.     filterNode(value, data) {
    204.       if (!value) return true;//输入为空，返回true节点展示，false节点隐藏
    205.       return data.name.indexOf(value) !== -1;//返回true的话节点展示
    206.     }
    207.   }
    208. }
    209. script>
    210.  
    211. <style>
    212. .depBtn {
    213.   padding: 2px;
    214. }
    215. style>

     

     

  • 相关阅读:
    第43期：多表关联场景下如何用好分区表
    Springboot+vue校园新闻网站idea
    【RocketMQ】发送事务消息
    利用Linux虚拟化技术实现资源隔离和管理
    115. 关于将本地 SAP UI5 应用配置到本地 Fiori Launchpad 的技术实现深入讲解
    分类预测 | MATLAB实现SSA-CNN-LSTM-Attention数据分类预测
    Linux下搭建nginx服务器
    数据结构——图(图的存储及基本操作)
    YOLOV5识别成语点选验证码
    vscode推送gitee方法
  • 原文地址：https://blog.csdn.net/dengfengling999/article/details/126550337