#elpis

企业级全栈应用框架

model配置

export default{ mode: 'dashboard', // 模版类型, 不同模版类型对应不一样的模版数据结构 name: '', // 名称 desc: '', // 描述 icon: '', // icon homePage: '', // 首页(项目配置) // 头部菜单 menu: [{ key:'', // 菜单的唯一描述 name: '', // 菜单名称 menuType: '', // 枚举值,菜单类型 group组 / modulel 模块 // 当 menutype == group 时, 可填 subMenu: [{ // 可递归mentItem },],

// 当moduleType == module 时, 可填 模块类型
moduleType: '', // 枚举值 slider/iframe/custom/schema

// 当 moduleType == siderConfig 时
siderConfig: { // 成员
  menu:[{
    // 可递归 menuItem (除 moduleType == siderConfig)

  },]
},

// 当 moduleType == iframe 时
iframeConfig: {
  path: '',  // iframe 路径
},


// 当 moduleType == custom 时
customConfig: {   // 自定义模块
  path: '', // 自定义路由路径
},


// 当 moduleType == schema 时
schemaConfig: {
  api: '/api/user', // 数据源API (遵循 RESTFUL 规范)
  schema: {  // 板块数据结构
    type: 'object',
    properties: {
      key: {
        ...schema, // 标准 schema 配置
        type: '',  // 字段类型
        label: '', // 字段的中文名
        // 字段在 table 中的相关配置
        tableOption :{
          ...elTableColumnConfig, // 标准 el-table-column 配置
          toFixed: 0, // 保留小数点后几位
          visible: true,  //默认为 true  (false 时, 表示不在表单中显示)
        },
        searchOption: {
          ...eleComponentConfig, // 标准 el-component-column 配置
          comType: '', // 配置组件类型  input/select/dateRange/....
          default: '', // 默认值

          // comType === 'selec'时
          enumList:[], // 下拉框可选项

          // comType === 'dynamicSelect'
          api: '',  // 动态下拉框, 从接口获取
        },
        // 字段在不同动态 component 中的相关配置,  前缀对应 componentComfig 中的键值
        // 如: componentConfig.createForm, 这里对应 createFormOption
        createFormOption: {
          ...eleComponentConfig, // 标准 el-component 配置
          comType: '', // 组件类型 input/select/input-number
          visible: true, // 是否展示 (true/false),  默认为 true
          required: false, // 表单是否必填项,默认 false
          disabled: false, // 是否禁用 默认为true
          default: '',  // 默认值

          // comType === 'select' 时生效
          enumList: [] //枚举列表
        },
        // 字段在 editForm 表单中的相关配置
        editFormOption: {
          ...eleComponentConfig, // 标准 el-component 配置
          comType: '', // 组件类型 input/select/input-number
          visible: true, // 是否展示 (true/false),  默认为 true
          disabled: false, // 是否禁用 默认为true

          // comType === 'select' 时生效
          enumList: [] //枚举列表
        },
        detailPanelOption: {
          ...eleComponentConfig,  // 标准 el-component 配置
        }
      },
      ...
    },
    required: [],  // 标记哪些字段是必填项
  },
  // table 相关配置
  tableConfig: {
    // 表格外的按钮
    headerButtons: [{
      label: '', // 按钮名
      eventKey: '', // 按钮事件名
      eventOption: {
        // eventKey === 'showComponent'
        conName: '',  // 组件名称


      }, //按钮具体配置
      ...elButtonConfig // 标准 el-button 配置
    },...],
    // 表格内 行按钮
    rowButtons: [{
      label: '',  //按钮中文名
      eventKey: '', // 按钮事件名
      eventOption: {
         // eventKey === 'showComponent'
        conName: '',  // 组件名称

        // 当 eventKey === 'remove'
        params: {
          // paramKey == 参数的键值
          // rowValueKey === 参数值 (格式为 schema::tabl  eKey 的时候, 到table中找到相应的字段)
          paramKey: rowValueKey
        }
      }, // 按钮具体配置
      ...elButtonConfig // 标准 el-button 配置
    }]
  }, 
  // search-bar 相关配置
  searchConfig: {}, 
  // 动态组件 相关配置
  componentConfig: {
    // create-form 表单相关配置
    createForm: {
      title: '', // 表单标题
      saveBtnText: '',  // 保存按钮文案
    },
    // 编辑数据提交
    editform: {
      mainKey: '', // 表单主键, 用于唯一标识要修改的数据对象
      title: '', // 表单标题
      saveBtnText: '',  // 保存按钮文案
    },
    // defail-panel 相关配置
    detailPanel: {
      mainKey: '', // 表单主键, 用于唯一标识要查看的数据对象
      title: '', // 表单标题
    }
    // 支持用户动态拓展
  },
},

},], }

服务端启动

const { serverStart } = require ("@misstalor17/elpis");

启动 elpis 服务

const app = serverStart({})

自定义服务端

router-schema router controller service extend config

前端构建

const { frontendBuild } = require('@misstalor17/elpis');

编译构建前端工程

frontendBuild(process.env._ENV);

自定义页面扩展

在 app/pages/dashboard/xxx 下添加页面 dashboard /schema-view /components 动态组件扩展 在 app/pages/dashboard/complex/schema-view/components 下添加组件 配置到 app/pages/dashboard/complex-view/schema-view/components/component-config.js schema-form 控件扩展 在 app/widgets/schema-form/complex-view 下写控件 配置到 app/widgets/schema-form/schema-form-config.js schema-search-bar 控件扩展 在 app/widgets/schema-search-bar/complex-view 下写控件 配置到 app/widgets/schema-search-bar/search-item-config.js Readme

//package.json window电脑下写法 prod: set _ENV='production' && node ./index.js