京东猎户座发布开源，配置化一键生成cms系统

猎户座核心配置化功能开源啦！

在降本提效的大环境下，猎户座系统为了扩展更多应用场景，近期完成了第一阶段的开源工作。此次开源的代码内容涉及两个代码库，内容为CCMS管理系统核心配置化功能以及包含表格列与表单项在内的常用组件。

配置化核心业务逻辑（开源地址）

UI实现代码库（开源地址）

希望通过开源吸引更多贡献者参与共建，完善对各类表单项、列表项的展示、校验需求的覆盖，促进产品的长期发展。收集Issue以及社区的反馈，不断优化功能的同时全面掌握用户诉求。

开源介绍

1、简介

猎户座是一套完善、通用的可配置化中后台一站式解决平台,包含快速创建系统、可视化搭建、配置界面、权限控制等能力。本次开源内容为核心配置化功能（CCMS）,通过配置化自动生成中后台（CMS）界面，可将内容管理系统页面抽象为若干API进行流转,并对后台API的请求按照逻辑类型划分为表单提交、列表展示、查询数据等,通过JSON描述各API请求的接口信息以及常见校验和简单逻辑，动态渲染前端页面,最终实现零开发搭建内容管理系统。

2、特点

通过配置文件自动生成CMS后台管理界面。

1.核心配置化功能包含5种步骤，超过15种包含表格列与表单项在内的各种组件等内容。

2.通过组合式配置步骤。可覆盖16种以上不同中后台系统功能与页面交互形式。

3.规范：面向对象的方式对基类统一管理；项目目录与代码统一标准化、规范化。

4.文档：提供了完善的使用文档（https://oriondoc.jd.com/)，便于开发者参与贡献与快速使用。

5.质量：核心组件的单元测试覆盖率达到100%，确保核心组件的开发质量。

3、架构

1）整体架构

基于猎户座接入的业务应用场景，以用户为中心，进行调研，收集实际的业务需求，扩展项目的功能。主要目的是让产品配置更灵活、更便捷、易上手、功能覆盖更全面。我们首先对整体架构进行分层。下图是开源代码的整体架构思路

2）组件设计

以面向对象的方式在基类实现业务逻辑，通过继承基类实现UI的快速切换和接入。

3）数据流转

每个页面步骤提供对输入、输出数据的传输与存储，在不同页面步骤中实现各自的业务逻辑。最终在页面中通过对步骤排列组合实现完整的业务功能。

4)无缝对接外部系统

以中间件的形式抽离权限配置，配置文件存储，UI框架等模块实现在不同系统间的快速切换。

4、接入与使用

完整demo可参照（http://coding.jd.com/publicdemo/ccms-demo/）

快速使用：安装`ccms` 和`ccms-antd`

npm install ccms-antd ccms

在项目中引入和及配置

```

import { CCMS } from 'ccms-antd';

const App = () => (

<CCMS

checkPageAuth={async () => true}

loadPageURL={async (id) => `/url?id=${id}&type=page`}

loadPageFrameURL={async (id) => `/url?id=${id}&type=open`}

// 界面操作更新CCMS config

loadPageConfig={async (page) => newConfig }

sourceData={{}}

callback={() => {

if (window.history.length > 1) {

window.history.back()

} else {

window.close()

}

}}

//config的demo 详见api文档

config={config}

</>

);

```

用户反馈

如有任何疑问与产品功能建议，欢迎与我们交流与反馈。

也期待研发同事加入我们一起共建。1022076494（咚咚群）

猎户座系列文章

[猎户座：基于组件的前端配置化引擎设计]

[猎户座：逻辑可视化探索]

—— 京东零售-平台业务中心-平台业务研发部-基础业务研发部 ——

京东猎户座发布开源，配置化一键生成cms系统相关推荐

电动汽车动力系统匹配计算模型：输入整车参数及性能要求，一键生成驱动系统的扭矩功率峰值转速等参数
1.电动汽车动力系统匹配计算模型:输入整车参数及性能要求,一键生成驱动系统的扭矩功率峰值转速等参数. 2.整车动力经济性计算模型:包含NEDC WLTC CLTC工况,输入整车参数可生成工况电耗.百公 ...
Nginx配置在线一键生成“神器”，不用愁了
点击蓝色"java版web项目"关注我哟加个"星标",优质文章,第一时间送达上一篇:这300G的Java资料是我师傅当年给我的,免费分享给大家下一篇:这2 ...
京东店铺透明图怎么做如何一键生成？
京东店铺如何一键生成透明图?对于京东商家来说,如果不是专业的美工设计,制作透明图是一件费时费力的事情.并且京东前端已经讲商品主图的透明图设置为了必填项,也就意味着,运营们不得不将主图透明化. 当然目前 ...
来试试读论文的新神器！AMiner发布“论文背景文献”一键生成工具，帮你搞清一篇论文的“来龙去脉”...
来自 DBLP.ArXiv.STM 等多家学术出版机构和平台的数据表明,在过去 20 年间,计算机科学.物理学.统计学等研究领域的出版物总量都有大幅增加.像 CVPR.AAAI 等有关人工智能等新兴领 ...
Java 后台管理开发框架！CURD 一键生成，再也不要重复搬砖了！
主流技术框架技术特色代码片段系统展示高大上的登录界面开发工具基本配置 CURD属性配置 CURD一键生成角色编辑微信设置微信状态查看树形演示实体管理员列表存储插件列表二维 ...
百度代码配置化实践：配置化是业务架构三化之一
按:业务架构有三化--配置化.产品化.自动化,配置化解决业务系统灵活性.动态可变的问题,产品化解决工具复用提效的问题,自动化让机器工作.解决人力成本问题.本文来自百度刘志伟.韩炳涛两位同学对百万行配置 ...
最新版一键生成小程序系统前段源码小程序开发者必备
[实例简介] 需要认证的微信公众号申请微信支付接口 1.一键生成小程序自动化平台,自动购买和发货 2.支持二次开发 3.支持代理商 4.29个小程序完整 5.带配置教程小程序生成平台源码一键生成 ...
Thinkphp 6 + Vue 2 + ElementUI + Vxe-table 前后端分离的，一键生成代码和API接口的，通用后台管理系统快速开发框架，开发小程序和APP的推荐框架！
Thinkphp 6 + Vue 2 + ElementUI + Vxe-table 前后端分离的,一键生成代码和API接口的,通用后台管理系统快速开发框架,开发小程序和APP的推荐框架! 概述 R ...
IDEA常用高效开发工具——screw一键生成数据库文档
screw [介绍:一键生成数据库文档,从此告别人工整理文档] a:数据库支持: MySQL MariaDB TIDB Oracle SqlServer PostgreSQL Cache DB b:配 ...

京东猎户座发布开源，配置化一键生成cms系统

京东猎户座发布开源，配置化一键生成cms系统相关推荐

最新文章

热门文章