Elpis

这是一个企业级的应用框架，使用全栈实现

model配置

{
    mode: 'dashboard', // 模版类型，不同模板类型对应不一样的模板数据结构
    name:'', // 名称
    desc:'', // 描述
    icon:'', // icon
    homePage:'', // 首页（项目配置）
        // 头部菜单
        menu: [{
            key: '', // 菜单唯一描述
            name: '', // 菜单名称
            menuType: '', // 枚举值， group / module
            // 当 menuType == group 时，可填
            subMenu: [{
                // 可递归 menuItem
            }, ...],
            // 当 menuType == module 时，可填
            menuType: '', // 枚举值：sider/iframe/custom/schema
            // 当 menuType == iframe 时
            siderConfig: {
                menu: [{
                    // 可递归 menuItem(除 moduleType === sider)
                }, ...]
            },
            // 当 menuType == iframe 时
            iframeConfig: {
                path: '', // iframe 路径
            },
            // 当 menuType == custom 时
            customConfig: {
                path: '', // 自定义路由路径
            },
            // 当 menuType == schema 时
            schemaConfig: {
                api: '/api/user', // 数据源 API (遵循 RESULT 规范)
                schema: { // 板块数据结构
                    type: 'object',
                    properties: {
                        key: {
                            ...schema, // 继承 schema 配置
                            type: '', // 字段类型
                            label: '', // 字段中文名
                            // 字段在 table 中的相关配置
                            tableOption:{
                                ...elTableColumnConfig, // 标准 el-table-column
                                toFixed :0, // 保留小数点后面几位
                                visible:true  // 默认为 true（false 或 不配置时，标识不在表单中显示）
                            },
                            // 字段在 search-bar 中的相关配置
                            searchOption:{
                                ...elecomponentConfig, // 标准 el-component-column 配置
                                comType:'', // 配置组件类型 input/select/...
                                defult:'', // 默认值
                                //  当comType == select
                                enumList: [], // 枚举值
                                //  当comType == dynamic select
                                api: '', //接口地址
                            },
                            // 字段在不同动态  component 中相关配置，前缀对应 componentConfig 中的键值
                            // e.g：componentConfig.createForm, 这里对应 createFormOption
                            // 字段在 createForm 中相关配置
                            createFormOption:{
                                ...elecomponentConfig, // 标准 el-component 配置
                                comType:'', // 控件类型 input/select/input-number
                                visible:true, // 是否展示(true/false),默认为 true
                                disabled:false, // 是否禁用(true/false)，默认为 false
                                default:'', // 默认值

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

                                // comType === 'select' 时生效
                                enumList:[] // 枚举列表
                            }
                        },
                        detailPanelOption:{
                            ...elecomponentConfig, // 标准 el-component 配置
                        },
                        ...
                    },
                    // 标记哪项为必填项
                    required:[]
                },
                // table 相关配置
                tableConfig: {
                    headerButton:[{
                        label:'',  // 按钮中文名
                        eventKey:'', // 按钮事件名
                        eventOption:{ // 按钮事件具体配置
                            // 当 eventKey === 'showComponent'
                            conName:'', // 组件名称
                        }, 
                        ...elButtonConfig, //标准的 el-button 配置
                    }, ...],
                    rowButtons:[{
                        label:'',  // 按钮中文名
                        eventKey:'', // 按钮事件名
                        eventOption:{
                            // 当 eventKey === 'remove'
                            params:{
                                // paramKey => 参数的键值
                                // rowValueKey => 参数值(当格式为 schema::tableKey 的时候，到 table 中找相应的字段)
                                paramKey: rowValueKey
                            }
                        }, // 按钮事件具体配置
                        ...elButtonConfig, //标准的 el-button 配置
                    }, ...]
                }, 
                searchConfig: {}, // search-bar 相关配置
                components: {}, // 模块组件
                // 动态组件相关配置
                conpmentConfig:{
                    // creat-from 表单相关配置
                    creatForm:{
                        title:'', // 表单标题
                        saveBtnText:'', // 保存按钮文案
                    },
                    // edit-form 表单相关配置
                    editForm:{
                        mainKey:'', // 表单主键，用于唯一标识要修改的数据对象
                        title:'', // 表单标题
                        saveBtnText:'', // 保存按钮文案
                    },
                    // detail-panel 相关配置
                    detailPanel:{
                        mainKey:'', // 表单主键，用于唯一标识要修改的数据对象
                        title:'', // 表单标题
                    }
                    // 支持用户动态扩展
                }
            }
        }, ... ]
}

服务端启动

const {
  ServerStart
} = require('@lesheng/elpis');

// 启动服务
const app = ServerStart({});

自定义服务端

• router-schema
• router
• controller
• service
• extend
• config

前端构建

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

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

自定义页面扩展

• 在 app/pages 目录下写入口 entry.xxx.js 文件

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

• 在 app/pages/dashboard/xxxx 目录下页面

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

1. 在 app/pages/dashboard/complex-view/schema-view/components 目录下写组件
2. 配置到 app/pages/dashboard/complex-view/schema-view/components/component-config.js

schema-form 控件扩展

1. 在 app/pages/widgets/schema-form/complex-view 下写控件
2. 配置到 app/pages/widgets/schema-form/form-item-config.js

schema-search-bar 控件扩展

1. 在 app/pages/widgets/schema-search-bar/complex-view 下写控件
2. 配置到 app/pages/widgets/schema-search-bar/search-item-config.js