根据现阶段公司技术水平分配,需制定想对应的前端架构方案。
服务端组:
服务端采用Java开发,jsp模版模式进行页面嵌套。
后台人员前端水平相对较低,对整个前端发展的认知还停留在jquery时代。
前端组:
UI转换成静态页面没有问题,但css没有统一的规范。
动态数据交互方面,前端人员只能提供一些插件,很大部分的数据交互部分由后台人员实现。
造成的问题:
- 服务端人员无法整体把握页面,特别是在页面动态交互方面。
- 前端人员调试与修改需要在JSP页面上进行,加大了前端人员的工作难度与工作效率。
- 由于动态交互与前端人员是相对隔离开的,前端出现问题不容易定位。
相应措施:
- 初步的前后端分离,这里的“初步”是根据团队实际情况而定的,并不是完全意义的前后端分离,更多的是职责的划分。
- 由后台人员对页面嵌套,转换成大部分由前端人员进行。原则上不改变JSP模式的存在,只是尽量少依赖服务端进行输出。对于一些有SEO要求的项目需要考虑对应方案。
- 后台人员需要制定规范的API供前端人员调用,数据交换使用json进行传输。
2.前端人员制定统一的CSS规范和UI组件。
前端架构组成:
requireJs、jquery、gulp、artTemplate