目前PC网站存在以及用Vue重构时需要解决的问题

总结一下目前PC端存在的问题:

  1. css方面
  2. js方面
  3. 业务需求方面

用Vue重构后的系统特点:

  1. 前后端完全分离,提高开发效率
  2. 前端代码高度模块化,可以按需引入对应功能模块
  3. 系统内有大量的表单操作,MVVM框架可以大大简化类似逻辑操作
  4. 系统扩展更加容易

前端方面,用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设计

    https://ant.design/docs/spec/introduce-cn

  • Ifram传参很烦
  • 文件名称,id,类名规范