#Elpis ##一个企业级应用的诞生,通过全栈开发实现

model配置

{
    mode:'dashboard',//模版类型，不同模版类型对应不同的数据结构
        //头部菜单
        menu:[{
        key: "",
        name:"",
        menuType:'',//group/module
        subMenu:[{
            //可递归menuItem
        },],
        //menu === module时配置
        moduleType:'',//side/iframe/custom/schema
        //moduleType===side 时
        sideConfig:{
            menu:[
                {
                    //可递归menuItem（除/moduleType===side）
                },
            ]
        },
        //moduleType===iframe 时
        iframeConfig:{
            path:'',//iframe路径
        },
        //moduleType===custom 时
        customConfig:{
            path:"",//自定义路由路径
        },
        //moduleType===schema 时
        schemaConfig:{
            api:"",//数据源API 遵循restful规范
            schema:{//板块数据结构
                type:'object',
                properties:{
                    key:{
                        ...schema,//标准schema配置
                        type:'',//字段类型
                        label:'',//字段描述
                        //字段在表格中的配置
                        tableOption:{
                            ...elTableColunmConfig,//标准el-table-column 配置
                            visible:true,//默认为true。为false时，表示不在表单中显示
                        },
                        //字段在searchBar的配置
                        searchOption:{
                            ...eleComponentConfig,//标准el-component 配置
                            comType:'',//配置控件类型 input/select/date/radio
                            default:'',//默认值
                        },
                        //字段在不同动态组建中的相关配置，前缀对应componentConfig中的键值
                        //如：componentConfig.createForm ,对应 createFormOption
                        //字段在createForm中的相关配置
                        createFormOption:{
                            ...eleComponentConfig,//element组建配置
                            comType:'',//控件类型 input/select/input-number...
                            visible:true,//是否展示，默认为true
                            disabled:false,//是否禁用 默认false,
                            default:'',//默认值

                            //comType==='select'时
                            enumList:[],//下拉选项枚举值

                        },
                        //字段在editform中的配置
                        editFormOption:{
                            ...eleComponentConfig,//element组建配置
                            comType:'',//控件类型 input/select/input-number...
                            visible:true,//是否展示，默认为true
                            disabled:false,//是否禁用 默认false,
                            default:'',//默认值
                        }
                    },
                    // ...
                },
                //表单提交时的必填字段 同JSONSchema
                required:['']
            },
            tableConfig:{
                headerButtons:[{
                    label:"",
                    eventKey:'',//按钮事件名
                    eventOption:{
                        //当eventKey==='showComponent'
                        comName:"",//组件名称，调用对应组件的show方法
                    },//按钮具体配置
                    ...elButtonConfig,//el-button配置
                },...],
                rowButtons:[
                    {
                        label:'',//按钮中文名
                        eventKey:'',//按钮事件名 remove edit add
                        eventOption:{
                            //当eventKey==='showComponent'
                            comName:"",//组件名称，调用对应组件的show方法
                            params:{
                                //paramKey = 参数的键值
                                //rowValueKey = 参数值 （当格式为 schema::tableKey的时候，到table中找到相应的字段
                                paramKey:rowValueKey
                                //  user_id:schema::userId
                            }
                        },//按钮具体配置
                        ...elButtonConfig,//el-button配置


                    }
                ]
            },//table配置
            searchConfig:{
            },//search-bar配置
            //动态组建配置
            componentConfig:{
                createForm:{
                    title:"",//表单标题
                    saveBtnText:''//保存按钮名称
                },
                editForm:{
                    mainKey:'',//表单主键，用于唯一标识要修改的数据对象
                    title:"",
                    saveBtnText: ''
                },
                detailPanel:{
                    mainKey:"",
                    title:'',
                }

            },
            components:{},//模块组件
        }
    }
    ]
}

服务端启动

const {serverStart} = require('@gloria0701/elpis');
//启动elpis服务
const app = serverStart()

自定义服务端

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

前端构建

const {frontEndBuild} =  require('@gloria0701/elpis')

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

自定义页面扩展

• 'app/pages/'目录下写入口 entry.xxx.js

dashboard/custom-view 自定义扩展

• 'app/pages/dashboard/xxx'下写页面

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

• 'app/pages/dashboard/complex-view/schema-view/components'下写组件
• 配置到'app/pages/dashboard/compelx-view/schema-view-components/component-config.js'

schema-form 控件扩展

• 'app/widgets/schema-form/complex-view'下写控件
• 配置到'app/widgets/schema-form/form-item-config.js'