elpis

一个企业级全栈应用框架

model配置

{
    mode: 'dashboard', //模版类型，不同模版类型对应不同的数据结构
    name: '', //模版名称
    desc: '', //模版描述
    icon: '', //图标
    homePage: '', //首页(项目配置)
    //头部菜单
    menu: [{
        key: '', //菜单唯一描述
        name: '', //菜单名称
        menuType: '', //枚举值 group / moudle 
        //当 menuType 为 group 时，可填
        subMenu: [{
            //可递归 menuItem
        }],
        //当 menuType 为 moudle 时，可填
        moduleType: '', //枚举值 iframe / custom / schema
        //当 moduleType 为 sider 时，可填
        siderConfig: {
            menu: [{
                //可递归 menuItem(除 moudeleType == sider)
            }]
        },
        //当 moduleType 为 iframe 时，可填
        iframeConfig: {
            path: '', //iframe 路径
        },
        //当 moduleType 为 custom 时，可填
        customConfig: {
            path: '', //自定义路由路径
        },
        //当 moduleType 为 schema 时，可填
        schemaConfig: {
            api: '', // 数据源API,遵循 RESTFUL 规范
            schema: {  // 板块数据结构
                type: 'object',
                properties: {
                    key: {
                        ...schema, // 标准 schema 配置
                        type: '', // 字段类型
                        label: '', // 显示名称
                        //字段在 table 中的相关配置
                        tableOption: {
                            ...elTableColumnConfig, //标准 el-table-column
                            toFixed:0, //保留小数点后几位
                            visiable:true, // 默认为true (false 或 不配置时，标识不在表单中显示)
                        },
                        //字段在 search-bar 中的相关配置
                        searchOption: {
                            ...eleComponentConfig, //标准 el-component-column 配置
                            comType:'', //配置组件类型 input/select....
                            default:'', //默认值
                            //comType === 'select' 
                            enumList:[],
                            // comType == 'dynamicSelect'
                            api:''
                        },
                        //字段在不同动态 component 中的相关配置，前缀对应 componentConfig 中的键值
                        //如：componentConfig.createForm 这里对于createFormOption
                        //字段 createForm 中相关配置
                        createFormOption:{
                            ...eleComponentConfig, //标准 el-component 配置
                            comType:'', //配置组件类型 input/select....
                            visiable:true, //是否展示（true/false) 默认true
                            disabled:false, //是否禁用 默认false
                            defautl:'',// 默认值
                            //comType == 'select' 时生效
                            enumList:[]
                        },
                        //字段 editForm 中相关配置
                        editFormOption:{
                            ...eleComponentConfig, //标准 el-component 配置
                            comType:'', //配置组件类型 input/select....
                            visiable:true, //是否展示（true/false) 默认true
                            disabled:false, //是否禁用 默认false
                            defautl:'',// 默认值
                            //comType == 'select' 时生效
                            enumList:[]
                    },
                },
                required:[]  //标记那些字段是必填项
            },

        },
        tableConfig: { //table 配置
            headerButtons:[{
                label:'', //按钮中文名
                eventKey:'', //按钮事件名
                eventOption:{
                    //当 eventKey == ‘showComponent’
                    comName:'', // 组件名称

                }, //按钮事件具体配置
                ...ElButtonConfig //标准 el-button 配置
            },...],
            rowButtons:[{
                label:'', //按钮中文名
                eventKey:'', //按钮事件名
                eventOption:{
                    //当 eventKey === 'remove'
                    params:{
                        //paramKey = 参数的键值
                        // rowValueKey = 参数值 (当格式为 schema::tableKey 的时候，到table 中找到相应的字段)
                        paramKey:rowValueKey
                    }
                }, //按钮事件具体配置
                ...ElButtonConfig //标准 el-button 配置
            },...]
        },
        searchConfig: { // search 配置
            
        },
        //动态组件 相关配置
        componentConfig: {  
            // create-form 表单相关配置
            createForm:{
                title:'', //表单标题
                saveBtnText:'', //保存按钮名称
            },
            // edit-form 表单相关配置
            editForm:{
                mainKey:'', //表单主键，用于唯一标识要修改的数据对象
                title:'', //表单标题
                saveBtnText:'', //保存按钮名称
            },
            //...支持用户动态拓展
        }
    }]
}

服务端启动

const {serverStart} = require('@chen_258/elips')
const app = serverStart({})

自定义服务端

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

前端构建

const { frontedBuild} = require('@chen_258/elips')

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

自定义页面拓展

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

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

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

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/widgets/schema-form/complex-view 下写控件
2. 配置到app/widgets/schema-form/form-item-config.js

schema-search-bar 控件扩展

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