文件夹管理部分代码

This commit is contained in:
2025-02-11 18:01:09 +08:00
parent 431d7470fa
commit e74346c705
11 changed files with 215 additions and 96 deletions

View File

@@ -6,12 +6,7 @@ import com.test.test.domain.qo.IDQO;
import com.test.test.domain.qo.TestApiListQO;
import jakarta.annotation.Resource;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.bind.annotation.*;
import com.test.common.annotation.Log;
import com.test.common.core.controller.BaseController;
import com.test.common.core.domain.AjaxResult;
@@ -19,6 +14,7 @@ import com.test.common.enums.BusinessType;
import com.test.test.domain.TestApi;
import com.test.test.service.ITestApiService;
import com.test.common.core.page.TableDataInfo;
import org.springframework.web.multipart.MultipartFile;
/**
* 接口Controller
@@ -58,6 +54,14 @@ public class TestApiController extends BaseController {
return toAjax(testApiService.insertTestApi(testApi));
}
/**
* 导入Swagger接口
*/
@Log(title = "接口", businessType = BusinessType.INSERT)
@PostMapping("/import/swagger")
public AjaxResult importSwagger(@RequestParam(value = "url") String url) throws Exception {
return toAjax(testApiService.importSwaggerApi(url));
}
/**
* 修改接口
*/
@@ -75,4 +79,6 @@ public class TestApiController extends BaseController {
public AjaxResult remove(@RequestBody IDQO qo) {
return toAjax(testApiService.deleteTestApiById(qo.getId()));
}
}

View File

@@ -6,7 +6,6 @@ import com.test.test.domain.qo.IDQO;
import jakarta.annotation.Resource;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@@ -43,7 +42,7 @@ public class TestApiGroupController extends BaseController {
@Log(title = "接口节点", businessType = BusinessType.INSERT)
@PostMapping("/add")
public AjaxResult add(@RequestBody TestApiGroup testApiGroup) {
return toAjax(testApiGroupService.insertTestApiGroup(testApiGroup));
return success(testApiGroupService.insertTestApiGroup(testApiGroup));
}
/**

View File

@@ -19,6 +19,10 @@ public class TestApiGroup extends BaseEntity
/** 节点id */
private Long id;
/** 父节点id */
@Excel(name = "父节点id")
private Long parentId;
/** 节点名称 */
@Excel(name = "节点名称")
private String name;

View File

@@ -0,0 +1,4 @@
package com.test.test.domain.dto;
public class SwaggerInfo {
}

View File

@@ -24,7 +24,7 @@ public interface ITestApiGroupService {
* @param testApiGroup 接口节点
* @return 结果
*/
public int insertTestApiGroup(TestApiGroup testApiGroup);
public TestApiGroup insertTestApiGroup(TestApiGroup testApiGroup);
/**
* 修改接口节点

View File

@@ -35,6 +35,14 @@ public interface ITestApiService {
*/
public int insertTestApi(TestApi testApi);
/**
* 导入Swagger接口
*
* @param url Swagger文档链接
* @return 结果
*/
int importSwaggerApi(String url);
/**
* 修改接口
*

View File

@@ -38,10 +38,11 @@ public class TestApiGroupServiceImpl implements ITestApiGroupService
* @return 结果
*/
@Override
public int insertTestApiGroup(TestApiGroup testApiGroup)
public TestApiGroup insertTestApiGroup(TestApiGroup testApiGroup)
{
testApiGroup.setCreateTime(DateUtils.getNowDate());
return testApiGroupMapper.insertTestApiGroup(testApiGroup);
testApiGroupMapper.insertTestApiGroup(testApiGroup);
return testApiGroup;
}
/**

View File

@@ -2,7 +2,10 @@ package com.test.test.service.impl;
import java.util.List;
import com.alibaba.fastjson2.JSON;
import com.alibaba.fastjson2.JSONObject;
import com.test.common.utils.DateUtils;
import com.test.common.utils.http.HttpUtils;
import com.test.test.domain.qo.TestApiListQO;
import jakarta.annotation.Resource;
import org.springframework.stereotype.Service;
@@ -54,6 +57,12 @@ public class TestApiServiceImpl implements ITestApiService {
return testApiMapper.insertTestApi(testApi);
}
@Override
public int importSwaggerApi(String url) {
JSONObject json = JSONObject.parse(HttpUtils.sendGet(url));
return 0;
}
/**
* 修改接口
*

View File

@@ -6,6 +6,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<resultMap type="TestApiGroup" id="TestApiGroupResult">
<result property="id" column="id" />
<result property="parentId" column="parent_id" />
<result property="name" column="name" />
<result property="delFlag" column="del_flag" />
<result property="createBy" column="create_by" />
@@ -15,7 +16,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
</resultMap>
<sql id="selectTestApiGroupVo">
select id, name, del_flag, create_by, create_time, update_by, update_time from test_api_group
select id, parent_id, name, del_flag, create_by, create_time, update_by, update_time from test_api_group
</sql>
<select id="selectTestApiGroupList" resultMap="TestApiGroupResult">
@@ -25,26 +26,29 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<insert id="insertTestApiGroup" parameterType="TestApiGroup" useGeneratedKeys="true" keyProperty="id">
insert into test_api_group
<trim prefix="(" suffix=")" suffixOverrides=",">
<if test="parentId != null">parent_id,</if>
<if test="name != null">name,</if>
<if test="delFlag != null">del_flag,</if>
<if test="createBy != null">create_by,</if>
<if test="createTime != null">create_time,</if>
<if test="updateBy != null">update_by,</if>
<if test="updateTime != null">update_time,</if>
</trim>
</trim>
<trim prefix="values (" suffix=")" suffixOverrides=",">
<if test="parentId != null">#{parentId},</if>
<if test="name != null">#{name},</if>
<if test="delFlag != null">#{delFlag},</if>
<if test="createBy != null">#{createBy},</if>
<if test="createTime != null">#{createTime},</if>
<if test="updateBy != null">#{updateBy},</if>
<if test="updateTime != null">#{updateTime},</if>
</trim>
</trim>
</insert>
<update id="updateTestApiGroup" parameterType="TestApiGroup">
update test_api_group
<trim prefix="SET" suffixOverrides=",">
<if test="parentId != null">parent_id = #{parentId},</if>
<if test="name != null">name = #{name},</if>
<if test="delFlag != null">del_flag = #{delFlag},</if>
<if test="createBy != null">create_by = #{createBy},</if>

View File

@@ -122,7 +122,6 @@ aside {
//main-container全局样式
.app-container {
padding: 20px;
min-height: calc(100vh - 84px);
}
.components-container {

View File

@@ -1,12 +1,32 @@
<template>
<div class="app-container">
<el-container>
<el-aside width="240px">
<el-menu class="el-menu-vertical-demo">
<el-menu-item v-for="item in groupList" :index="item.id" :key="item.id" :disabled="item.name">
<span slot="title">{{ item.name }}</span>
</el-menu-item>
</el-menu>
<el-aside>
<el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" style="margin-bottom: 10px"/>
<el-tree class="filter-tree" :data="groupList" node-key="id" highlight-current :expand-on-click-node="false" @node-click="nodeClick" :filter-node-method="filterNode" ref="tree" :default-expanded-keys="[0]">
<span class="custom-tree-node" slot-scope="{ node, data }" v-if="groupState !== 'list' && editId === data.id">
<span>
<el-form ref="form" :model="form" :rules="rules">
<el-input v-model="form.name" placeholder="请输入节点名称" class="custom-tree-node-input" />
</el-form>
</span>
<span>
<el-button type="text" size="mini"><i class="el-icon-check" @click="submitNode(node)"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-close" @click="cancelNode(node)"/></el-button>
</span>
</span>
<span class="custom-tree-node" slot-scope="{ node, data }" v-else>
<span>{{ node.label }}</span>
<span v-if="data.id === 0">
<el-button type="text" size="mini" @click="nodeAdd(data)"><i class="el-icon-plus"/></el-button>
</span>
<span class="custom-tree-node-option" v-else>
<el-button type="text" size="mini" @click="nodeAdd(data)"><i class="el-icon-plus"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-edit"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-delete"/></el-button>
</span>
</span>
</el-tree>
</el-aside>
<el-main>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
@@ -47,78 +67,135 @@
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>
</el-main>
</el-container>
<!-- 添加或修改接口对话框 -->
<el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="接口名称" prop="name">
<el-input v-model="form.name" placeholder="请输入接口名称"/>
</el-form-item>
<el-form-item label="接口请求类型" prop="method">
<el-select v-model="form.method" placeholder="请选择接口请求类型" clearable>
<el-option v-for="dict in dict.type.http_method" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="接口路径" prop="uri">
<el-input v-model="form.uri" placeholder="请输入接口路径"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {listApi, getApi, delApi, addApi, updateApi, listGroup, delGroup, addGroup, updateGroup} from "@/api/test/api";
import {listApi, delApi, addApi, updateApi, listGroup, delGroup, addGroup, updateGroup} from "@/api/test/api";
export default {
name: "Api",
dicts: ['http_method'],
data() {
return {
// 遮罩层
filterText: "",
groupList: [{
id: 0,
label: "接口管理",
children: []
}],
groupState: "list",
editId: null,
loading: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
groupList: [],
// 接口表格数据
apiList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
groupId: 1,
groupId: null,
name: null,
method: null,
uri: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
form: {
name: null
},
rules: {
name: [
{required: true, message: "节点名不能为空", trigger: "blur"}
],
},
};
},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
}
},
created() {
this.getGroup();
this.getList();
},
methods: {
getGroup() {
this.loading = true;
listGroup().then(response => {
this.groupList = response.data;
this.loading = false;
listGroup().then(res => {
let child = []
res.data.filter(item => item.parentId === 0).map(item => {
child.push({
id: item.id,
label: item.name,
children: this.getChild(res.data, item.id)
})
});
this.groupList[0].children = child;
this.queryParams.groupId = res.data[0].id;
this.$refs.tree.setCurrentKey(res.data[0].id);
this.getList();
})
},
getChild(data, parentId) {
return data.filter(item => item.parentId === parentId).map(item => {
return {
id: item.id,
label: item.name,
children: this.getChild(data, item.id)
}
});
},
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
nodeClick(data) {
if (data.id > 0 && this.queryParams.groupId !== data.id) {
this.queryParams.groupId = data.id;
this.getList();
} else {
this.$refs.tree.setCurrentKey(this.queryParams.groupId);
}
},
nodeAdd(data) {
this.groupState = "add";
const newChild = {id: -1, label: '', children: []};
if (!data.children) {
this.$set(data, 'children', []);
}
data.children.push(newChild);
this.$refs.tree.store.nodesMap[data.id].expanded = true;
this.editId = -1;
},
submitNode(node) {
if (node.data.id === -1) {
this.$refs["form"].validate(valid => {
if (valid) {
if (node.data.id === -1) {
addGroup({
parentId: node.parent.data.id,
name: this.form.name,
}).then(res => {
this.$modal.msgSuccess("新增成功");
node.data = {
id: res.data.id,
label: res.data.name,
children: []
}
this.groupState = "list";
});
} else {
}
}
});
}
this.reset()
},
cancelNode(node) {
if (node.data.id === -1) {
this.$refs.tree.remove(node);
}
this.groupState = "list";
},
/** 查询接口列表 */
getList() {
this.loading = true;
@@ -128,14 +205,11 @@ export default {
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {};
this.form = {
name: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
@@ -155,34 +229,6 @@ export default {
/** 修改按钮操作 */
handleUpdate(row) {
this.$tab.openPage("修改接口", "/api/add", {id: row.id || this.ids});
//
// this.reset();
// const id = row.id || this.ids
// getApi(id).then(response => {
// this.form = response.data;
// this.open = true;
// this.title = "修改接口";
// });
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateApi(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addApi(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
@@ -197,3 +243,42 @@ export default {
}
};
</script>
<style scoped lang="scss">
.custom-tree-node-input {
::v-deep .el-input__inner {
height: 24px;
line-height: 24px;
font-size: 12px;
}
}
.el-container {
height: calc(100vh - 124px);
}
.custom-tree-node {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
}
.el-aside {
padding: 20px 0 0;
}
.el-tree-node__content {
.custom-tree-node-option {
display: none;
}
&:hover {
.custom-tree-node-option {
display: unset;
}
}
}
</style>