基于CLS的B端提效实践_damonpeng_第1页
基于CLS的B端提效实践_damonpeng_第2页
基于CLS的B端提效实践_damonpeng_第3页
基于CLS的B端提效实践_damonpeng_第4页
基于CLS的B端提效实践_damonpeng_第5页
已阅读5页,还剩41页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、基于CLS的B端提效实践,彭自强2019-11,关于我,一句话概括,VS,如何快速支撑业务,不做流水线工人?,业务诉求&个人诉求:,探索和实践,B端系统开发的特点:破局,1,外因:行业的发展,内因:B端前端的特点,聚焦体系设计,专注逻辑编码,B端系统的目标,提升效率,降低成本,成为基础要求,提效的一般方式,有什么问题?,B端常见需求,形态相对比较固化,页面代码的一般构成,聚焦驱动组件的数据结构,弱化表现,通用组件语言规范:CLS,2,Inspiredby,CommonLanguageSpecification,CLS定义,CommonComponentsLanguageSpecificatio

2、n通用组件语言规范,将组件抽象为统一模型的一种标准的描述方式,以JSON的形式呈现。,设计原则,组件封装表现,逻辑关注数据,快速上手,快速开发,指导组件开发者,组件统一模型抽象,组件模型,CLS主要属性定义,https:/weadmin.github.io/WeComponentsDocs/#/doc/principle/cls,CLS主要属性定义,https:/weadmin.github.io/WeComponentsDocs/#/doc/principle/cls,CLS主要方法定义,https:/weadmin.github.io/WeComponentsDocs/#/doc/prin

3、ciple/cls,定位,我们采用Vue.js实现了一套基于CLS的组件库,现有组件库的对接,JSON,模版、属性和方法,解放前端:写完JSON就做好了页面,3,例子表单,例子列表,例子图表,声明式编程像产品提需求一样写代码,数据驱动数据结构一致下的表现变化,component,属性,UI,component,layout,readonly,最佳实践1快速组件切换,最佳实践2组合的变换,查询框,传统表单,类excel,功能变化,形式变化,component:table,attribtues.layout:row,最佳实践3表格和图表,最佳实践3弥补泛类型的不足,声明式解决前后台参数的严格类型问

4、题,基于CLS的运作流程,写完JSON,就做好了页面,既然只要写JSON,金字塔梯队,解放产品:可视化页面制作,4,Viz(CLS-based-Components)=Pages,可视化,写JSON也是很机械式的工作,实现流程,可视化页面制作工具,通用制作工具,可加载基于CLS的组件库基于组件,不基于元素可按模板生成代码,优化流程,非开发也能做页面,解放后台:自动生成,5,自动化,反射接口协议生成页面,自动生成,面向协议编程:以结构化协议为核心,前提:结构化的接口协议,如protobuf结构化的注释,解析后台cgi协议,程序化理解请求和参数可视化页面制作,直接绑定组件和cgi(即数据源),提效总结,展望,6,演进,以规则、规

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论