基于springboot+vue+antd 开发规格管理系统

运行环境
Java≥8、MySQL≥5.7
开发工具
idea、webstrom
技术框架
springboot + vue + antd

低代码研发工具源码地址
功能说明
低代码研发工具，基于vue + springboot 框架开发，适用于中小规模企业级应用(管理系统、业务后台、接口服务)开发,主要功能包含产品管理、页面设计、接口设计、字典环境、页面环境、接口环境、安全管理和运营中心等模块

采用低代码完成规格管理效果图如下

设计脚本信息

CREATE TABLE `tb_ui_product_layout` (
  `I_ID` bigint(20) NOT NULL COMMENT '逻辑索引',
  `S_NAME` varchar(64) DEFAULT NULL COMMENT '布局名称',
  `I_CAT` smallint(6) NOT NULL COMMENT '布局分类',
  `I_SORT` smallint(6) NOT NULL COMMENT '排序',
  `I_FLAG` smallint(6) NOT NULL COMMENT '记录状态',
  `I_UPDATE_STAFF_ID` bigint(20) DEFAULT NULL COMMENT '更新人员索引',
  `S_UPDATE_STAFF_NAME` varchar(32) DEFAULT NULL COMMENT '更新人员名称',
  `D_UPDATE_TIME` datetime DEFAULT NULL COMMENT '更新时间',
  `I_CREATE_DOMAIN_ID` bigint(20) DEFAULT NULL COMMENT '创建单位索引',
  `S_CREATE_DOMAIN_NAME` varchar(64) DEFAULT NULL COMMENT '创建单位名称',
  `I_CREATE_DEPT_ID` bigint(20) DEFAULT NULL COMMENT '创建部门索引',
  `S_CREATE_DEPT_NAME` varchar(256) DEFAULT NULL COMMENT '创建部门名称',
  `I_CREATE_STAFF_ID` bigint(20) DEFAULT NULL COMMENT '创建人员索引',
  `S_CREATE_STAFF_NAME` varchar(32) DEFAULT NULL COMMENT '创建人员名称',
  `CREATE_PARTITION` int(11) NOT NULL COMMENT '创建分区',
  `TENANT_ID` bigint(20) NOT NULL COMMENT '租户索引',
  `I_CREATE_YEAR` int(11) NOT NULL COMMENT '创建年份',
  `I_CREATE_MONTH` int(11) NOT NULL COMMENT '创建月份',
  `I_CREATE_DAY` int(11) NOT NULL COMMENT '创建日期',
  `I_CREATE_HOUR` int(11) NOT NULL COMMENT '创建小时',
  `D_CREATE_TIME` datetime DEFAULT NULL COMMENT '创建时间',
  `I_CREATE_WEEK` smallint(6) DEFAULT NULL COMMENT '星期几',
  `S_MAGIC_ID` bigint(20) DEFAULT NULL COMMENT '模型索引',
  `S_MAGIC_VER` varchar(32) DEFAULT NULL COMMENT '模型版本',
  `S_MAGIC_NAME` varchar(64) DEFAULT NULL COMMENT '模型名称',
  PRIMARY KEY (`I_ID`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3 COMMENT='产品UI布局'

前端设计

 

接口设计

设计模板

 <a-form-model ref="ruleForm" :model="formModel" layout="inline">
        <a-row v-for="(rowItem ,rowIndex) in formRowCollapseKey['noCollapseKey']" :key="rowIndex" :gutter="rowItem.gutter">
          <a-col v-for="(formItem,colIndex) in formRowActiveData[rowItem.rowKey].colList" :key="colIndex" :span="formItem.span">
            <input-tpl-ui
              v-show="rowItem.rowType === 'form'"
              ref="modalFormTplUi"
              :param-data="initData"
              :form-item="formColActiveData[formItem.model]"
              :active-enum-list="activeEnumData[formItem.model]"
              :active-enum-data="activeEnumData"
              :modal-fn-data="modalFn"
              :ui-page-url="uiPageUrl"
              :init-src-label="initSrcObj.initSrcLabel"
              :rules="rules"
              :modal-form="formModel"
              :form-event="formEvent"
              @selectSearch="inputSelectSearch"
              @inputSearch="inputSearch"
              @changeEvent="inputChangeEvent"
              @clearEmpty="clearEmpty"
            />
          </a-col>
        </a-row>
      </a-form-model>

 <div class="table-operator">
      <div v-if="showChart.defaultShow" :id="tableEchartId" style="width: 100%;height: 270px" />
    </div>
    <div class="table-operator">
      <!-- <div style="display: flex; flex-wrap: wrap"> -->
      <operator-btn-tpl-list
        :session-config-tpl-data="sessionConfigTplData"
        :toolbar-menu-data="tableToolbarMenu"
        :toolbar-list-data="tableToolbarList"
        :table-selected-key-data="tableSelectedKey"
        :ui-page-url="uiPageUrl"
        @tableOperatorBtnOnClick="tableOperatorBtnOnClick"
        @tableOperatorBtnUpload="tableOperatorBtnUpload"
      />
    </div>