elpis

一个企业级全栈应用框架

model配置

{
    mode: 'dashboard',
    name: '', //项目名称,
    desc: '',//项目描述
    icon: '',
    homePage: '', //项目首页
    menu: [
        {
            key: '', //菜单唯一描述
            name: '', //菜单名称
            menuType: '', // 枚举值group / model

            // 当menuType为group时，必须填
            subMenu: [{
                // 可递归menuItem
            }],

            // 当menuType为model时，必须填
            moduleType: '', // 枚举值 sider(侧边栏菜单)/iframe/custom/schema

            // 当moduleType === sider
            siderConfig: {
                menu: [{
                   // 可递归 menuItem (除 moduleType === 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: 2, //保留几位小数
                                visiable: true,  //默认true，显示在表单中
                            },
                            // 字段在search-bar中配置
                            searchOption: {
                                ...eleComponentConfig, // el-component-column配置
                                comType: '', //配置组件 input 、select ...
                                default: '', //默认值
                                // comType === 'select'
                                enumList: [], //下拉框选项
                            },
                            // 字段在不同动态component中的相关配置， 前缀对应componentConfig 中的键值
                            // 如：componentConfig.createForm，这里对应createFormOption
                            // 字段在createForm中 相关配置
                            createFormOption: {
                                ...eleComponentConfig,
                                compType: '', // 配置组件 input 、select ...
                                visiable: true, //是否展示
                                disabled: false, //是否禁用
                                default: '', //默认值

                                // compType: 'select' 时生效
                                enumList: [] //枚举列表
                            },
                            // 字段在editForm中 相关配置
                            editFormOption: {
                                ...eleComponentConfig,
                                compType: '', // 配置组件 input 、select ...
                                visiable: true, //是否展示
                                disabled: false, //是否禁用
                                default: '', //默认值

                                // compType: 'select' 时生效
                                enumList: [] //枚举列表
                            },
                            detailPanelOption: {
                                ...eleComponentConfig,
                            }
                        },
                    },
                    required: [], //字段必填
                },
                // table相关配置
                tableConfig: {
                    headerButtons: [
                        {
                            label: '', //按钮中文名
                            eventKey: '', //按钮事件名
                            // 按钮事件 具体配置（比如点击后干什么）
                            eventOption: {
                                // 当eventKey === ‘showComponent’
                                comName: '', //组件名称
                            },
                            ...elButtonConfig, // el-button配置
                        }
                    ],
                    rowButtons: [
                        {
                            label: '',
                            eventKey: '', //按钮事件名
                            eventOption: {
                                // 当eventKey === ‘showComponent’
                                comName: '', //组件名称
                                // 当eventKey === ‘remove’
                                params: {
                                    // paramsKey = 参数的键值
                                    // rowValueKey = 参数值（当格式为 schema::tablekKey 的时候， 到table中找响应的字段）
                                    paramsKey:　rowValueKey
                                }
                            }, // 按钮事件 具体配置（比如点击后干什么）
                            ...elButtonConfig, // el-button配置
                        }
                    ],
                },
                // search-bar配置
                searchConfig: {},
                // 动态组件 配置
                componentConfig: {
                    // create-form表单相关配置
                    createForm: {
                        title: '', //表单标题
                        saveBtnText: '', //保存按钮文案
                    },
                    // edit-form表单相关配置
                    editForm: {
                        mainKey: '', // 表单住建，用于唯一标识要修改的数据对象
                        title: '', //表单标题
                        saveBtnText: '', //保存按钮文案
                    },
                    // detail-panel表单相关配置
                    detailPanel: {
                        mainKey: '', // 表单住建，用于唯一标识要修改的数据对象
                        title: '', //表单标题
                    },
                    // 支持用户动态拓展...
                }
            }
        }
    ]
}

服务器启动

const {serverStart} = require('@autumn123/elpis')

const app = serverStart({})

自定义服务端

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

前端构建

const { frontendBuild } = require('@autumn123/elpis')
frontendBuild(process.env._ENV)

自定义页面扩展

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

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

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

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

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