Elpis

一个企业级应用框架，通过全栈实现。。

model配置

{
  mode: 'dashboard',  // 模板类型 不同模板类型 对于不同的模板数据结构
  name: '', // 名称
  desc: '', // 描述
  icon: '', // 图标
  homePage: '', // 首页路径
  // 头部菜单
  menu: [{
    key: '',  // 菜单唯一描述
    name: '', // 菜单名称
    menuType: '', // 菜单类型 枚举值 group module 
    // 当 menuType 为 group 时 子菜单
    subMenu: [{
      // 可递归 menuItem
    }],

    // 当 menuType 为 module 时 模块路径
    moduleType: '', // 枚举值 sider/iframe/custom/schema 
    // 当 moduleType 为 sider 时 侧边栏模块路径
    siderConfig: {
      menu:[{
        // 可递归 menuItem 除 moduleType === sider
      }]
    },
    // 当 moduleType 为 iframe 时 模块路径
    iframeConfig: {
      path: '', // 模块路径
    },
    // 当 moduleType 为 custom 时 自定义模块路径
    customConfig: {
      path: '', // 模块路径
    },
    // 当 moduleType 为 schema 时 模块路径
    schemaConfig: {
      api: '', // 数据源api 遵循 RESTFUL 规范
      schema: { // 板块数据结构
        type: 'object',
        properties: {
          key: {
            ...schema,
            type: '', // 字段类型
            label: '', // 字段名称
            // 字段在 table 中的相关配置
            tableOption: {
              ...elTableColumnConfig, // 参考 element-plus el-table-column 相关配置
              toFixed: 0, // 数字类型 保留小数位数
              visible: true, // 是否在 table 中显示
            },
            //  字段在 search-bar 中的相关配置
            searchOption: {
              ...elComponentConfig, // 参考 element-plus  相关配置
              comType: '', // 组件类型 枚举值 el-input el-select el-date-picker
              default: '', // 默认值
              // 当 comType 为 select 时 枚举值
              enumList: [{
                value: '',
                label: '',
              }],
              // 当 comType 为 dynamicSelect 时 枚举值
              api: '', // 数据源api 遵循 RESTFUL 规范
            },
            // 字段在不同动态组件中的相关配置 前缀对于 componentConfig 中的键值
            creatFormOption: {
              ...elComponentConfig, // 参考 element-plus  相关配置
              comType: '', // 组件类型 枚举值 input select el-date-picker
              visible: true, // 是否在 creatForm 中显示
              disabled: false, // 是否禁用
              default: '', // 默认值
              // 当 comType 为 select 时 枚举值
              enumList: [{
                value: '',
                label: '',
              }],
              // 当 comType 为 dynamicSelect 时 枚举值
              api: '', // 数据源api 遵循 RESTFUL 规范
            },
            editFormOption: {
              ...elComponentConfig, // 参考 element-plus  相关配置
              comType: '', // 组件类型 枚举值 input select el-date-picker
              visible: true, // 是否在 editForm 中显示
              disabled: false, // 是否禁用
              default: '', // 默认值
              // 当 comType 为 select 时 枚举值
              enumList: [{
                value: '',
                label: '',
              }],
              // 当 comType 为 dynamicSelect 时 枚举值
              api: '', // 数据源api 遵循 RESTFUL 规范
            },
            detailPanelOption: {
              ...elComponentConfig, // 参考 element-plus  相关配置
             
            },
          },
          // ...
        },
        required: [], // 必填字段
      },
      // table 相关配置
      tableConfig:{
        headerButtons:[{
          label: '', // 按钮名称
          eventKey: '', // 按钮事件key
          // 按钮配置
          eventOption: {
            // 当 eventKey === showComponent 时 配置
            comName: '', // 组件名称
          }, 
          ...elButtonConfig, // 参考 element-plus el-button 相关配置
        }],
        rowButtons: [{
          label: '', // 按钮名称
          eventKey: '', // 按钮事件key
          eventOption: {
             // 当 eventKey === showComponent 时 配置
            comName: '', // 组件名称
            // 当 eventKey 为 remove 时 配置
            params: {
              // paramsKey 为 参数的键值
              // paramsKey 为 参数值 （当格式为 schema::tableKey 时 从 rowData 中获取参数值）
              paramsKey: rowValueKey, // 删除时 主键字段
            }
          }, // 按钮配置
          ...elButtonConfig, // 参考 element-plus el-button 相关配置
        }]
      },
      // 搜索相关配置
      searchConfig: {
        
      }, 
      // 动态组件相关配置
      componentConfig: {
        // 新增表单组件相关配置
        creatForm:{
          title: '', // 新增表单标题
          saveBtnText: '', // 新增表单保存按钮文本
        },
        editForm:{
          mainKey: '', // 主键字段
          title: '', // 标题
          saveBtnText: '', // 表单按钮文本
        },
        detailPanel:{
          mainKey: '', // 主键字段
          title: '', // 标题
          saveBtnText: '', // 表单按钮文本
        },
        // ...
      } 
    },
  }],
}

服务端启动

const {
  startServer
} = require('@blankEason/elpisdemo')

const app = startServer()

前端构建

const { frontendBuild } = require('@blankEason/elpisdemo')

// 编译构建前端工程
frontendBuild(process.env._ENV)

自定义页面扩展

• 在 app/pages/dashboard 目录下创建自定义页面组件

dashboard / custom-view 自定义页面扩展

• 在 app/pages/dashboard/xxx 目录下创建自定义页面组件

dashboard / schema-view / component 动态组件扩展

1. 在 app/pages/dashboard/complex-view/schema-view/component 目录下创建自定义动态组件组件
2. 在 app/pages/dashboard/complex-view/schema-view/component/component-config.js 中引入自定义动态组件组件

schema-form 控件扩展

1. 在 app/pages/widgets/schema-form/complex-view 目录下创建自定义控件组件
2. 在 app/pages/widgets/schema-form/form-config.js 中引入自定义控件组件

schema-search-bar 控件扩展

1. 在 app/pages/widgets/schema-search-bar/complex-view 目录下创建自定义控件组件
2. 在 app/pages/widgets/schema-search-bar/schema-item-config.js 中引入自定义控件组件