代码生成器最后一步（仅剩传给前端下载）

QMPlusVuePage/src/api/autoCode.js

@@ -0,0 +1,20 @@
+import service from '@/utils/request'
+// @Tags api
+// @Summary 分页获取角色列表
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data body modelInterface.PageInfo true "分页获取用户列表"
+// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
+// @Router /api/getApiList [post]
+// {
+//  page     int
+//	pageSize int
+// }
+export const createTemp = (data) => {
+    return service({
+        url: "/autoCode/createTemp",
+        method: 'post',
+        data
+    })
+}

QMPlusVuePage/src/utils/request.js

@@ -55,7 +55,7 @@ service.interceptors.request.use(
 service.interceptors.response.use(
     response => {
         closeLoading()
-        if (response.data.success) {
+        if (response.data.success || response.headers.success==="true") {
             return response.data
         } else {
             Message({

QMPlusVuePage/src/utils/toUpperCase.js

@@ -0,0 +1,7 @@
+export const toUpperCase = (str) => {
+    if (str[0]) {
+        return str.replace(str[0], str[0].toUpperCase())
+    } else {
+        return ""
+    }
+}

QMPlusVuePage/src/view/systemTools/autoCode/component/fieldDialog.vue

@@ -0,0 +1,82 @@
+<template>
+    <div>
+        <el-form :model="dialogMiddle" ref="fieldDialogFrom" label-width="120px" label-position="left" :rules="rules">
+            <el-form-item label="Field名称" prop="fieldName">
+                <el-col :span="6">
+                <el-input v-model="dialogMiddle.fieldName" autocomplete="off"></el-input>
+                </el-col>
+            </el-form-item>
+            <el-form-item label="FieldJSON" prop="fieldJson">
+                <el-col :span="6">
+                <el-input v-model="dialogMiddle.fieldJson" autocomplete="off"></el-input>
+                </el-col>
+            </el-form-item>
+            <el-form-item label="数据库字段名" prop="columnName">
+                <el-col :span="6">
+                <el-input v-model="dialogMiddle.columnName" autocomplete="off"></el-input>
+                </el-col>
+            </el-form-item>
+            <el-form-item label="Field数据类型" prop="fieldType">
+                <el-col :span="8">
+            <el-select v-model="dialogMiddle.fieldType" placeholder="请选择field数据类型">
+                <el-option
+                    v-for="item in typeOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                </el-option>
+            </el-select>
+                </el-col>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+<script>
+export default {
+    name:"FieldDialog",
+    props:{
+        dialogMiddle:{
+            type:Object,
+            default:function(){
+                return {}
+            }
+        }
+    },
+    data(){
+        return{
+            visible:false,
+            typeOptions:[
+                {
+                    label:"字符串",
+                    value:"string"
+                },
+                {
+                    label:"整型",
+                    value:"int"
+                },
+                {
+                    label:"布尔值",
+                    value:"bool"
+                },
+                {
+                    label:"浮点型",
+                    value:"float64"
+                },
+                {
+                    label:"时间",
+                    value:"time.Time"
+                },
+            ],
+            rules:{
+                fieldName:[ { required: true, message: '请输入field英文名', trigger: 'blur' }],
+                fieldJson:[ { required: true, message: '请输入field格式化json', trigger: 'blur' }],
+                fieldType:[ { required: true, message: '请选择field数据类型', trigger: 'blur' }]
+            }
+            
+        }
+    }
+}
+</script>
+<style lang="scss">
+    
+</style>

QMPlusVuePage/src/view/systemTools/autoCode/index.vue

@@ -0,0 +1,183 @@
+<template>
+    <div>
+        <!-- 开发中功能，若您发现这块代码可以研究，可以无视 -->
+        <!-- 此版本为简单版 -->
+        <!-- 结构体基础配置 -->
+        <!-- develop分支中开发此功能 -->
+        <el-form ref="autoCodeForm" :rules="rules" :model="form" label-width="120px" :inline="true">
+            <el-form-item label="Struct名称" prop="structName">
+                <el-input v-model="form.structName" placeholder="首字母自动转换大写"></el-input>
+            </el-form-item>
+            <el-form-item label="Struct简称" prop="abbreviation">
+                <el-input v-model="form.abbreviation"></el-input>
+            </el-form-item>
+            <el-form-item label="Package名称" prop="packageName">
+                <el-input v-model="form.packageName"></el-input>
+            </el-form-item>
+        </el-form>
+        <!-- 组件列表 -->
+        <div class="button-box clearflex">
+            <el-button @click="editAndAddField()" type="primary">新增Field</el-button>
+        </div>
+         <el-table
+            :data="form.fields"
+             border stripe>
+             <el-table-column
+                type="index"
+                label="序列"
+                width="280">
+            </el-table-column>
+            <el-table-column
+                prop="fieldName"
+                label="Field名"
+                width="280">
+            </el-table-column>
+            <el-table-column
+                prop="fieldJson"
+                label="FieldJson"
+                width="280">
+            </el-table-column>
+            <el-table-column
+                prop="fieldType"
+                label="Field数据类型"
+                width="280">
+            </el-table-column>
+            <el-table-column
+                label="操作">
+                <template slot-scope="scope">
+                    <el-button type="primary" @click="editAndAddField(scope.row)">编辑</el-button>
+                    <el-popover
+                    placement="top"
+                    width="280"
+                    v-model="scope.row.visible">
+                    <p>这是一段内容这是一段内容确定删除吗？</p>
+                    <div style="text-align: right; margin: 0">
+                        <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
+                        <el-button type="primary" size="mini"  @click="deleteField(scope.$index)">确定</el-button>
+                    </div>
+                    <el-button type="danger" slot="reference">删除</el-button>
+                    </el-popover>
+                </template>
+            </el-table-column>
+            </el-table>
+            <!-- 组件列表 -->
+        <div class="button-box clearflex">
+            <el-button @click="enterForm" type="primary">生成代码包</el-button>
+        </div>
+    <!-- 组件弹窗 -->
+            <el-dialog title="组件内容" :visible.sync="dialogFlag">
+                <FieldDialog :dialogMiddle="dialogMiddle" ref="fieldDialog"/>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="closeDialog">取 消</el-button>
+                    <el-button type="primary" @click="enterDialog">确 定</el-button>
+                </div>
+            </el-dialog>
+    </div>
+</template>
+<script>
+const fieldTemplate={
+            fieldName:"",
+            fieldType:"",
+            fieldJson:"",
+            columnName:"",
+        }
+
+import FieldDialog from "@/view/systemTools/autoCode/component/fieldDialog.vue"
+import {toUpperCase} from "@/utils/toUpperCase.js"
+import {createTemp} from "@/api/autoCode.js"
+export default {
+    name:"autoCode",
+    data(){
+        return{
+            addFlag:"",
+            form:{
+                structName:"",
+                packageName:"",
+                abbreviation:"",
+                fields:[]
+            },
+            rules:{
+                structName:[{required: true, message: '请输入结构体名称', trigger: 'blur'}],
+                abbreviation:[{required: true, message: '请输入结构体简称', trigger: 'blur'}],
+                packageName:[{required: true, message: '请输入包名称', trigger: 'blur'}]
+            },
+            dialogMiddle:{},
+            bk:{},
+            dialogFlag:false
+        }
+    },
+    components:{
+        FieldDialog
+    },
+    methods:{
+        editAndAddField(item){
+            this.dialogFlag = true
+            if(item){
+                this.addFlag="edit"
+                 this.bk=JSON.parse(JSON.stringify(item))
+                 this.dialogMiddle = item
+            }else{
+                this.addFlag="add"
+                this.dialogMiddle = JSON.parse(JSON.stringify(fieldTemplate))
+            }
+        },
+        enterDialog(){
+            this.$refs.fieldDialog.$refs.fieldDialogFrom.validate((valid) => {
+          if (valid) {
+            this.dialogMiddle.fieldName = toUpperCase(this.dialogMiddle.fieldName)
+            if(this.addFlag=="add"){
+                this.form.fields.push(this.dialogMiddle)
+            }
+            this.dialogFlag = false
+          } else {
+            return false;
+          }
+        });
+            
+        },
+        closeDialog(){
+            if(this.addFlag=="edit"){
+                this.dialogMiddle = this.bk
+            }
+            this.dialogFlag = false
+        },
+        deleteField(index){
+            this.form.fields.splice(index,1)
+        },
+        async enterForm(){
+            this.$refs.autoCodeForm.validate(async (valid) => {
+          if (valid) {
+            this.form.structName = toUpperCase(this.form.structName)
+            const data = await createTemp(this.form)
+            const blob = new Blob([data],{type: 'application/json'})
+            debugger
+            const fileName = 'ginvueadmin.zip'
+            if ('download' in document.createElement('a')) { // 不是IE浏览器
+                let url = window.URL.createObjectURL(blob)
+                let link = document.createElement('a')
+                link.style.display = 'none'
+                link.href = url
+                link.setAttribute('download', fileName)
+                document.body.appendChild(link)
+                link.click()
+                document.body.removeChild(link) // 下载完成移除元素
+                window.URL.revokeObjectURL(url) // 释放掉blob对象
+            } else { // IE 10+
+                window.navigator.msSaveBlob(blob, fileName)
+            }
+          } else {
+            return false;
+          }
+        });
+        }
+    }
+}
+</script>
+<style scope lang="scss">
+.button-box {
+  padding: 10px 20px;
+  .el-button {
+    float: right;
+  }
+}
+</style>

QMPlusVuePage/src/view/systemTools/formCreate/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div style="height:80vh">
+    <iframe width="100%" height="100%" src="http://localhost:8888/form-generator/#/" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+    name:"FormGenerator"
+};
+</script>
+
+<style lang="scss">
+</style>

QMPlusVuePage/src/view/systemTools/index.vue

@@ -0,0 +1,12 @@
+<template>
+    <router-view></router-view>
+</template>
+
+<script>
+export default {
+    name:"System",
+}
+</script>
+<style lang="scss">
+    
+</style>

QMPlusVuePage/src/view/systemTools/system/system.vue

@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <el-form :model="config" label-width="100px" ref="form" class="system">
+      <h2>系统配置</h2>
+      <el-form-item label="多点登录拦截">
+        <el-checkbox v-model="config.system.useMultipoint">开启</el-checkbox>
+      </el-form-item>
+      <el-form-item label="环境值">
+        <el-input v-model="config.system.env"></el-input>
+      </el-form-item>
+      <el-form-item label="端口值">
+        <el-input v-model="config.system.addr"></el-input>
+      </el-form-item>
+      <h2>jwt签名</h2>
+      <el-form-item label="jwt签名">
+        <el-input v-model="config.jwt.signingKey"></el-input>
+      </el-form-item>
+      <h2>casbin配置</h2>
+      <el-form-item label="模型地址">
+        <el-input v-model="config.casbinConfig.modelPath"></el-input>
+      </el-form-item>
+      <h2>mysql admin数据库配置</h2>
+      <el-form-item label="username">
+        <el-input v-model="config.mysqlAdmin.username"></el-input>
+      </el-form-item>
+      <el-form-item label="password">
+        <el-input v-model="config.mysqlAdmin.password"></el-input>
+      </el-form-item>
+      <el-form-item label="path">
+        <el-input v-model="config.mysqlAdmin.path"></el-input>
+      </el-form-item>
+      <el-form-item label="dbname">
+        <el-input v-model="config.mysqlAdmin.dbname"></el-input>
+      </el-form-item>
+      <el-form-item label="config">
+        <el-input v-model="config.mysqlAdmin.config"></el-input>
+      </el-form-item>
+      <h2>Redis admin数据库配置</h2>
+      <el-form-item label="addr">
+        <el-input v-model="config.redisAdmin.addr"></el-input>
+      </el-form-item>
+      <el-form-item label="password">
+        <el-input v-model="config.redisAdmin.password"></el-input>
+      </el-form-item>
+      <el-form-item label="db">
+        <el-input v-model="config.redisAdmin.db"></el-input>
+      </el-form-item>
+      <h2>七牛密钥配置</h2>
+      <el-form-item label="accessKey">
+        <el-input v-model="config.qiniu.accessKey"></el-input>
+      </el-form-item>
+      <el-form-item label="secretKey">
+        <el-input v-model="config.qiniu.secretKey"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="update" type="primary">立即更新</el-button>
+        <el-button @click="reload" type="primary">重启服务（开发中）</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getSystemConfig, setSystemConfig } from '@/api/system'
+export default {
+  name: 'Config',
+  data() {
+    return {
+      config: {
+        system: {},
+        jwt: {},
+        casbinConfig: {},
+        mysqlAdmin: {},
+        redisAdmin: {},
+        qiniu: {}
+      }
+    }
+  },
+  async created() {
+    await this.initForm()
+  },
+  methods: {
+    async initForm() {
+      const res = await getSystemConfig()
+      if (res.success) {
+        this.config = res.data.config
+      }
+    },
+    reload() {},
+    async update() {
+      const res = await setSystemConfig({ config: this.config })
+      if (res.success) {
+        this.$message({
+          type: 'success',
+          message: '配置文件设置成功'
+        })
+        await this.initForm()
+      }
+    }
+  }
+}
+</script>
+<style lang="scss">
+h2 {
+  padding: 10px;
+  margin: 10px 0;
+  font-size: 16px;
+  box-shadow:-4px 1px 3px 0px #e7e8e8
+}
+</style>