Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准

Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准

1. 界面gui方面的前后端分离重大意义1

2. 业务逻辑也适当的迁移js化1

3. 常用分离方法2

3.1. 页面html 静态化2

3.2. Html Ide用好dw ，切莫手写ui界面代码，少量调整可以手动调整。2

3.3. H5 html+ajax与后端彻底的前后端分离2

3.4. Ajax 推荐使用fetch w3c api.也可使用jq ajax备用 。2

3.5. 数据绑定到表格，到form表单使用vue.js2

3.6. 模拟json数据测试 ，可以使用本地json法，或者使用sql接口2

3.7. 模块化 以文件夹为目标模块化，方便跨项目复制。3

3.8. Cbb体系 通用化 抽象化3

4. 其他与界面想过的提升效率方法3

4.1. 需求文档直接生成html界面原形3

4.2. 原形设计h5化3

4.3. 国际化，配置化3

4.4. 跨域 与服务端代理（已经实现）3

4.5. 直接方便html界面与后端的连接。3

1. 界面gui方面的前后端分离重大意义

这样方便人员梯度建设以及加快效率。。一个项目很大的部分就在于界面制作

当界面制作好，就可以通过通用接口或者本地json直接连接测试，提升效率。

2. 业务逻辑也适当的迁移js化

很大部分，业务逻辑是根据项目情况，有些部分很适合迁移到js端来实现。更简单快捷的开发与热部署

后端则类库化。通用化。

3. 常用分离方法

3.1. 页面html 静态化

优点非常多，跨语言跨平台通用，java   php   net 项目，安卓 ios跨平台app都可以使用。。。

方便前端人员随时调整与介入。如用服务端技术，则修改门槛变高，前端人员难以修改

方便调整，无需服务器环境。。

3.2. Html Ide用好dw ，切莫手写ui界面代码，少量调整可以手动调整。

3.3. H5 html+ajax与后端彻底的前后端分离

3.4. Ajax 推荐使用fetch w3c api.也可使用jq ajax备用 。

经过洗衣洗衣项目的验证。。基本证明fetch效果很好了，兼容性chrome ff 360se

Get操作全兼容，Post操作在360se8会有点兼容性问题，可以使用jq实现post。。

Ajax方面解决方案参照文档：：Atitit  v2  ajax 最佳实践规范 标准化流程attilax总结 r34.docx

3.5. 数据绑定到表格，到form表单使用vue.js

具体使用参照我们总结的vue使用文档。。以及范例。。可以配合jq综合使用。。

3.6. 模拟json数据测试 ，可以使用本地json法，或者使用sql接口

3.7. 模块化 以文件夹为目标模块化，方便跨项目复制。

3.8. Cbb体系 通用化 抽象化

设计模块，的时候，尽可能的通用化，向上抽象一层。。这样可以多重适用于多个项目

4. 其他与界面想过的提升效率方法

4.1. 需求文档直接生成html界面原形

从需求文档直接直接生成大概的界面。用来做原形，以及实际使用的前端。

如有调整，则直接调整界面微调即可。

4.2. 原形设计h5化

直接以h5做原形。。优点是原形完成，基本立即可以运用到项目中，无需二次转换

有些界面可能有些复杂，配合现有原型工具。

4.3. 国际化，配置化

国际化可以实现配置化的界面生产

4.4. 跨域 与服务端代理（已经实现）

4.5. 直接方便html界面与后端的连接。

作者:: 绰号:老哇的爪子claw of Eagle 偶像破坏者Iconoclast image-smasher

捕鸟王"Bird Catcher  kok  虔诚者Pious 宗教信仰捍卫者 Defender Of the Faith. 卡拉卡拉红斗篷 Caracalla red cloak 万兽之王

简称：： Emir Attilax Akbar 埃米尔 阿提拉克斯 阿克巴

全名：：Emir Attilax Akbar bin Mahmud bin  attila bin Solomon bin adam Al Rapanui 埃米尔 阿提拉克斯 阿克巴 本 马哈茂德 本 阿提拉 本 所罗门 本亚当  阿尔 拉帕努伊

常用名：艾提拉（艾龙），  EMAIL:1466519819@qq.com

头衔：uke总部o2o负责人，全球网格化项目创始人，

uke交友协会会长  uke捕猎协会会长 Emir Uke部落首席大酋长，

uke宗教与文化融合事务部部长， uke宗教改革委员会副主席

uke制度与重大会议委员会委员长，uke保安部首席大队长,uke制度检查委员会副会长，

uke 首席cto   软件部门总监 技术部副总监  研发部门总监主管  产品部副经理 项目部副经理   uke科技研究院院长 uke软件培训大师

uke波利尼西亚区大区连锁负责人 汤加王国区域负责人 uke克尔格伦群岛区连锁负责人，莱恩群岛区连锁负责人，uke布维岛和南乔治亚和南桑威奇群岛大区连锁负责人

Uke软件标准化协会理事长理事长 Uke 数据库与存储标准化协会副会长

uke终身教育学校副校长   Uke医院 与医学院方面的创始人

uec学院校长， uecip图像处理机器视觉专业系主任   uke文档检索专业系主任

Uke图像处理与机器视觉学院首席院长

Uke 户外运动协会理事长  度假村首席大村长   uke出版社编辑总编

转载请注明来源：attilax的专栏  ?http://www.cnblogs.com/attilax/

--Atiend  v8