Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准
2017-03-26 19:19
871 查看
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.js 2
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
当界面制作好,就可以通过通用接口或者本地json直接连接测试,提升效率。
后端则类库化。通用化。
3.1. 页面html
优点非常多,跨语言跨平台通用,java php net
项目,安卓 ios跨平台app都可以使用。。。
方便前端人员随时调整与介入。如用服务端技术,则修改门槛变高,前端人员难以修改
方便调整,无需服务器环境。。
3.2. Html Ide用好dw
3.4. Ajax
经过洗衣洗衣项目的验证。。基本证明fetch效果很好了,兼容性chrome ff 360se
Get操作全兼容,Post操作在360se8会有点兼容性问题,可以使用jq实现post。。
Ajax方面解决方案参照文档::Atitit v2 ajax
最佳实践规范 标准化流程attilax总结
r34.docx
3.7. 模块化
如有调整,则直接调整界面微调即可。
有些界面可能有些复杂,配合现有原型工具。
4.4. 跨域
作者::
绰号:老哇的爪子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://blog.csdn.net/attilax
--Atiend v8
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.js 2
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 360seGet操作全兼容,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://blog.csdn.net/attilax
--Atiend v8
相关文章推荐
- Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范推荐标准
- Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范推荐标准
- Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准
- Atitit 团队工具链体系打造---开发方面提升效率的软件与技术体系 attilax总结.docx
- Atitit 团队工具链体系打造---提升团队效率的一些通用软件 attilax总结
- atitit.提升2--3倍开发效率--cbb体系的建设..
- atitit.提升2--3倍开发效率--cbb体系的建设..
- atitit.提升2--3倍开发效率--cbb体系的建设..
- atitit.提升开发效率---mda 软件开发方式的革命--(2)
- Atitit gui界面ui技术发展史与未来趋势
- Atitit 使用h5技术( html css js)制作桌面程序gui界面解决方案attilax总结
- Atitit 快速开发的推荐技术标准化 规范 大原则
- Atitit. 提升可读性推荐标准规范解决方案 关于编程语言的v5 docx
- Atitit 快速开发的推荐技术标准化 规范 大原则
- Atitit 发帖机实现(4 )- usbQBM1601 gui操作标准化规范与解决方案attilax总结
- Atitit 软件项目的一整套解决方案(gui界面,中间,存储数据库,图像处理,全文搜索)attilax总结
- atitit groovy 总结java 提升效率
- atitit groovy 总结java 提升效率
- Atitit 发帖机实现(4 )- usbQBM1601 gui操作标准化规范与解决方案attilax总结
- Atitit 项目中的勋章体系,,mvp建设 ,荣典体系建设