CS提供网站设计功能,可以帮助用户设计cms类型的内容管理网站,满足企业大部分业务场景,您可以借助这款软件快速部署网站内容,可以使用内置的组件和API建立网站,您可以使用API快速设计功能模块,可以设计网页请求方式,可以构建数据管理方案,让用户使用各种配置内容部署新的站点,方便在web界面管理网站后台,软件也提供fetch模板、form模板、filter模板、skip模板、table模板,使用这些api模板内容就可以帮助用户开发各种业务功能模块,适合需要搭建后台系统的开发者使用!
CS软件功能
CS是一套完善、通用的可配置化的方案。通过配置化自动生成中后台(S)界面。
CS将内容管理系统前端页面象为在若干API进行流转的系统。进一步将对后台API的请求按照逻辑类型划分为表单提交、列表展示、查询数据等类型。通过ON数据格式描述各API请求的接口、入参、出参及各种常见校验和简单逻辑,动态渲染前端页面。最终实现零开发搭建内容管理系统。
配置生成S后台管理界面
通过步骤设计覆盖不同后台业务应用场景
跨页面数据传输、跨组件交互
支持引入不同组件库
工作原理
通过代理组件的属定义、数据请求、跨组件交互和状态机判断,实现基于组件化的前端页面配置化。
便捷使用
通过配置ON,定义表单步骤与组件。生成完整的后台管理功能。
CS软件特色
1、配置化主模块
共分为五大模块(步骤):接口请求(type:fetch)、输入表单(type:input)、列表筛选(type:filter)、数据查询(type:skip)、输出结果(type:table)。
2、接口请求(type:fetch)
支持GET、POST请求,可配置化的请求头。
3、输入表单(type:input)
支持4种类别:表单、筛选、导出*。未来覆盖90%表单输入项。20种表单组件。
4、列表筛选(type:filter)
表单+表格的组合式查询
5、数据查询(type:skip)
表单+接口请求的组合式查询
6、输出结果(type:table)
支持表格7种组件。后续输出结果将补充(表格、图表、详情等)
目前模块可组合出16种及以上的业务场景。
CS使用说明
使用(以antd ui示例)
参与共建
配置化内容管理系统 核心库 (共建与UI接入)
初始化工程
npm install
sudo npm link
编译
npm run build
单元测试
npm run test
DEMO
我的表单示例
Number 数值表单项
表单项内的数值选项。
何时使用
表单内需要设置数值选项时。
提供了以下可配置项:
支持小数位、步长、最大最小值限制
默认值:默认值支持五种获取方式
如何使用
配置化ON参考
config中fields为表单项配置
代码演示
组件单独调用
在表单中使用
默认值
校验-最小值3最大值6
Datetime 期时间表格项
表格项内的期时间展示。
何时使用
表格内需要设置期时间展示时。
提供了以下可配置项:
展示格式设置: YYYY-MM-DD HH:mm:ss
设置无参数默认值
前缀后缀内容添加
定义颜色与字体
如何使用
表格中配置化ON参考
data为表格中获取的参数。 config中columns为表格列配置
代码演示
表格中期配置项
无参数默认值
标准值
格式化显示
table模板
CS表单提交模板 常用的提交表单项
使用方式
(type:table) 配置静态数据展示
(type:fetch) + (type:table)无条件直接查询
(type:form) + (type:fetch) + (type:table)完成表单提交查询并展示
(type:skip) + (type:fetch) + (type:table)完成自动查询并展示
(type:filter) + (type:fetch) + (type:table)完成筛选条件查询并展示
表单提交展示
表格行添加作按钮、表格主页面添加按钮
APIs- 模板默认值
APIs- 模板默认值
近期热门