总结一下目前PC端存在的问题:
用Vue重构后的系统特点:
- 前后端完全分离,提高开发效率
- 前端代码高度模块化,可以按需引入对应功能模块
- 系统内有大量的表单操作,MVVM框架可以大大简化类似逻辑操作
- 系统扩展更加容易
前端方面,用Vue重构网站主要需要解决的问题如下:
css方面:
- 目前系统的
reset.css
模糊,给开发造成困扰,mainf.css
比较乱 - 统一的UI框架,能够满足现在庞大的系统的需求
- 封装UI库的规范,统一的UI风格和交互设计
- 字体库越来越庞大,建议差不多的去重处理,(网站目前有多个不同的删除、编辑、人物等图标)
- 必须用less或者sass,不解释了
js方面:
- 当出现复杂的DOM操作的时候,可能需要jq的支持(课件制作、培训计划制作)
- 插件与vue框架兼容性(目前大量插件都支持npm模块引入,否则就静态引入,从管理上来讲推荐前者)
- 3D图像相关的webgl、js、html
- 着重解决layer、U-editor、Z-tree(自己封装的树型文件管理插件)
业务需求方面:
- 权限安全评估
- 后台逻辑冲击评估。。。
- 菜单展示的逻辑交由前台控制,后台返回对应权限控制
- 当存在二级页面的分情况跳转:
- 保存当前页面状态,二级页
- 加载二级页面,返回时刷新一级页面
- 页面埋点,统一逻辑控制(是否第三方),后台日志
- 多语言:前端控制键值索引,直接引入data.js或者XML
- 改善交互,更加人性化,由此带来的优化如果能降低网站深度(层级)最好,目前已经三级,参考
Ant Design
设计 - Ifram传参很烦
- 文件名称,id,类名规范