perf: 代码生成示例 inner 增加批量删除示例

Author: puhui999

src/api/infra/demo03-inner.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 创建学生
 export function createDemo03Student(data) {
   return request({
-    url: '/infra/demo03-student/create',
+    url: '/infra/demo03-student-inner/create',
     method: 'post',
     data: data
   })
@@ -12,7 +12,7 @@ export function createDemo03Student(data) {
 // 更新学生
 export function updateDemo03Student(data) {
   return request({
-    url: '/infra/demo03-student/update',
+    url: '/infra/demo03-student-inner/update',
     method: 'put',
     data: data
   })
@@ -21,53 +21,59 @@ export function updateDemo03Student(data) {
 // 删除学生
 export function deleteDemo03Student(id) {
   return request({
-    url: '/infra/demo03-student/delete?id=' + id,
+    url: '/infra/demo03-student-inner/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+/** 批量删除学生 */
+export function deleteDemo03StudentList(ids) {
+  return request({
+    url: `/infra/demo03-student-inner/delete-list?ids=${ids.join(',')}`,
     method: 'delete'
   })
 }
 
 // 获得学生
 export function getDemo03Student(id) {
   return request({
-    url: '/infra/demo03-student/get?id=' + id,
+    url: '/infra/demo03-student-inner/get?id=' + id,
     method: 'get'
   })
 }
 
 // 获得学生分页
 export function getDemo03StudentPage(params) {
   return request({
-    url: '/infra/demo03-student/page',
+    url: '/infra/demo03-student-inner/page',
     method: 'get',
     params
   })
 }
 // 导出学生 Excel
 export function exportDemo03StudentExcel(params) {
   return request({
-    url: '/infra/demo03-student/export-excel',
+    url: '/infra/demo03-student-inner/export-excel',
     method: 'get',
     params,
     responseType: 'blob'
   })
 }
 
 // ==================== 子表（学生课程） ====================
-
 // 获得学生课程列表
 export function getDemo03CourseListByStudentId(studentId) {
   return request({
-    url: `/infra/demo03-student/demo03-course/list-by-student-id?studentId=` + studentId,
+    url: '/infra/demo03-student-inner/demo03-course/list-by-student-id?studentId=' + studentId,
     method: 'get'
   })
 }
 
 // ==================== 子表（学生班级） ====================
-
 // 获得学生班级
 export function getDemo03GradeByStudentId(studentId) {
   return request({
-    url: `/infra/demo03-student/demo03-grade/get-by-student-id?studentId=` + studentId,
+    url: '/infra/demo03-student-inner/demo03-grade/get-by-student-id?studentId=' + studentId,
     method: 'get'
   })
 }

src/views/infra/demo/demo03/inner/Demo03StudentForm.vue

@@ -4,17 +4,19 @@
     <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="45%" v-dialogDrag append-to-body>
       <el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px">
         <el-form-item label="名字" prop="name">
-          <el-input v-model="formData.name" placeholder="请输入名字" />
+          <el-input v-model="formData.name" placeholder="请输入名字"/>
         </el-form-item>
         <el-form-item label="性别" prop="sex">
           <el-radio-group v-model="formData.sex">
             <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
                       :key="dict.value" :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
+            >{{ dict.label }}
+            </el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="出生日期" prop="birthday">
-          <el-date-picker clearable v-model="formData.birthday" type="date" value-format="timestamp" placeholder="选择出生日期" />
+          <el-date-picker clearable v-model="formData.birthday" type="date" value-format="timestamp"
+                          placeholder="选择出生日期"/>
         </el-form-item>
         <el-form-item label="简介">
           <Editor v-model="formData.description" :min-height="192"/>
@@ -23,10 +25,10 @@
       <!-- 子表的表单 -->
       <el-tabs v-model="subTabsName">
         <el-tab-pane label="学生课程" name="demo03Course">
-          <Demo03CourseForm ref="demo03CourseFormRef" :student-id="formData.id" />
+          <Demo03CourseForm ref="demo03CourseFormRef" :student-id="formData.id"/>
         </el-tab-pane>
         <el-tab-pane label="学生班级" name="demo03Grade">
-          <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData.id" />
+          <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData.id"/>
         </el-tab-pane>
       </el-tabs>
       <div slot="footer" class="dialog-footer">
@@ -40,8 +42,9 @@
 <script>
 import * as Demo03StudentApi from '@/api/infra/demo03-inner';
 import Editor from '@/components/Editor';
-import Demo03CourseForm from './components/Demo03CourseForm.vue';
-import Demo03GradeForm from './components/Demo03GradeForm.vue';
+import Demo03CourseForm from './components/Demo03CourseForm.vue'
+import Demo03GradeForm from './components/Demo03GradeForm.vue'
+
 export default {
   name: "Demo03StudentForm",
   components: {

src/views/infra/demo/demo03/inner/components/Demo03CourseForm.vue

@@ -1,26 +1,26 @@
 <template>
   <div class="app-container">
     <el-form
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      v-loading="formLoading"
-      label-width="0px"
-      :inline-message="true"
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        v-loading="formLoading"
+        label-width="0px"
+        :inline-message="true"
     >
       <el-table :data="formData" class="-mt-10px">
-        <el-table-column label="序号" type="index" width="100" />
+        <el-table-column label="序号" type="index" width="100"/>
         <el-table-column label="名字" min-width="150">
           <template v-slot="{ row, $index }">
             <el-form-item :prop="`${$index}.name`" :rules="formRules.name" class="mb-0px!">
-              <el-input v-model="row.name" placeholder="请输入名字" />
+              <el-input v-model="row.name" placeholder="请输入名字"/>
             </el-form-item>
           </template>
         </el-table-column>
         <el-table-column label="分数" min-width="150">
           <template v-slot="{ row, $index }">
             <el-form-item :prop="`${$index}.score`" :rules="formRules.score" class="mb-0px!">
-              <el-input v-model="row.score" placeholder="请输入分数" />
+              <el-input v-model="row.score" placeholder="请输入分数"/>
             </el-form-item>
           </template>
         </el-table-column>
@@ -39,11 +39,11 @@
 
 <script>
 import * as Demo03StudentApi from '@/api/infra/demo03-inner';
+
 export default {
   name: "Demo03CourseForm",
-  components: {
-  },
-  props:[
+  components: {},
+  props: [
     'studentId'
   ],// 学生编号（主表的关联字段）
   data() {
@@ -60,8 +60,9 @@ export default {
       },
     };
   },
-  watch:{/** 监听主表的关联字段的变化，加载对应的子表数据 */
-    studentId:{
+  watch: {
+    /** 监听主表的关联字段的变化，加载对应的子表数据 */
+    studentId: {
       handler(val) {
         // 1. 重置表单
         this.formData = []
@@ -73,7 +74,7 @@ export default {
           this.formLoading = true;
           // 这里还是需要获取一下 this 的不然取不到 formData
           const that = this;
-          Demo03StudentApi.getDemo03CourseListByStudentId(val).then(function (res){
+          Demo03StudentApi.getDemo03CourseListByStudentId(val).then(function (res) {
             that.formData = res.data;
           })
         } finally {
@@ -100,11 +101,11 @@ export default {
       this.formData.splice(index, 1);
     },
     /** 表单校验 */
-    validate(){
+    validate() {
       return this.$refs["formRef"].validate();
     },
     /** 表单值 */
-    getData(){
+    getData() {
       return this.formData;
     }
   }

src/views/infra/demo/demo03/inner/components/Demo03CourseList.vue

@@ -1,9 +1,14 @@
 <template>
   <div class="app-container">
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="编号" align="center" prop="id" />
-      <el-table-column label="名字" align="center" prop="name" />
-      <el-table-column label="分数" align="center" prop="score" />
+    <el-table
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+    >
+      <el-table-column label="编号" align="center" prop="id"/>
+      <el-table-column label="名字" align="center" prop="name"/>
+      <el-table-column label="分数" align="center" prop="score"/>
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template v-slot="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -12,9 +17,11 @@
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template v-slot="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="openForm(scope.row.id)"
-                     v-hasPermi="['infra:demo03-student:update']">修改</el-button>
+                     v-hasPermi="['infra:demo03-student:update']">修改
+          </el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['infra:demo03-student:delete']">删除</el-button>
+                     v-hasPermi="['infra:demo03-student:delete']">删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -23,9 +30,10 @@
 
 <script>
 import * as Demo03StudentApi from '@/api/infra/demo03-inner';
+
 export default {
   name: "Demo03CourseList",
-  props:[
+  props: [
     'studentId'
   ],// 学生编号（主表的关联字段）
   data() {
@@ -39,11 +47,12 @@ export default {
   created() {
     this.getList();
   },
-  watch:{/** 监听主表的关联字段的变化，加载对应的子表数据 */
-    studentId:{
+  watch: {
+    /** 监听主表的关联字段的变化，加载对应的子表数据 */
+    studentId: {
       handler(val) {
         this.queryParams.studentId = val;
-        if (val){
+        if (val) {
           this.handleQuery();
         }
       },
@@ -61,11 +70,7 @@ export default {
         this.loading = false;
       }
     },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNo = 1;
-      this.getList();
-    },
+
   }
 };
 </script>

src/views/infra/demo/demo03/inner/components/Demo03GradeForm.vue

@@ -1,29 +1,29 @@
 <template>
   <div class="app-container">
     <el-form
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="100px"
-      v-loading="formLoading"
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="100px"
+        v-loading="formLoading"
     >
       <el-form-item label="名字" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入名字" />
+        <el-input v-model="formData.name" placeholder="请输入名字"/>
       </el-form-item>
       <el-form-item label="班主任" prop="teacher">
-        <el-input v-model="formData.teacher" placeholder="请输入班主任" />
+        <el-input v-model="formData.teacher" placeholder="请输入班主任"/>
       </el-form-item>
     </el-form>
   </div>
 </template>
 
 <script>
 import * as Demo03StudentApi from '@/api/infra/demo03-inner';
+
 export default {
   name: "Demo03GradeForm",
-  components: {
-  },
-  props:[
+  components: {},
+  props: [
     'studentId'
   ],// 学生编号（主表的关联字段）
   data() {
@@ -40,8 +40,9 @@ export default {
       },
     };
   },
-  watch:{/** 监听主表的关联字段的变化，加载对应的子表数据 */
-    studentId:{
+  watch: {
+    /** 监听主表的关联字段的变化，加载对应的子表数据 */
+    studentId: {
       handler(val) {
         // 1. 重置表单
         this.formData = {
@@ -58,7 +59,7 @@ export default {
           this.formLoading = true;
           // 这里还是需要获取一下 this 的不然取不到 formData
           const that = this;
-          Demo03StudentApi.getDemo03GradeByStudentId(val).then(function (res){
+          Demo03StudentApi.getDemo03GradeByStudentId(val).then(function (res) {
             const data = res.data;
             if (!data) {
               return
@@ -74,11 +75,11 @@ export default {
   },
   methods: {
     /** 表单校验 */
-    validate(){
+    validate() {
       return this.$refs["formRef"].validate();
     },
     /** 表单值 */
-    getData(){
+    getData() {
       return this.formData;
     }
   }