前端框架介绍

目前设计平台前端是独立部署的,引入了 Angular 和 Vue,您可以根据自己技术强项 选择使用 Angular 或者 Vue,他们引入的成本都很小。

比如我们团队使用 Angular 很多年了,依赖注入,模块化概念很舒服,使用它构建复杂应用非常得心应手,自然会倾向 Angular

但是更多人喜欢使用更高效更简单的 Vue,他的入门成本很低,性能很好 当然也是很不错的选择,我们也推荐您使用 Vue 。

前端引入模块

我们使用 webpack 把某类引入打包成了一个文件,这样可以减少 js 体积以及请求数量,加快加载速度,而且模块化可以减少对全局作用域的污染。
目前前端含一下模块:

  • base 模块 :平台公共必备组件的引入,一般为jQuery组件,均以注册到 jQuery 的形式暴露给全局作用域
  • ng-edit 模块 : Angular js 相关的 公共服务,并将 angular 暴露到全局作用域
  • vue-edit 模块 :Vue js 相关的 公共组件,将 Vue 暴露给全局作用域
  • grid 模块 :用于列表页面 公共js的引入,只有BootstrapTable.js 一个引用

列表页面默认不需要 双向绑定组件,列表数据中监控数据变化存在页面性能问题,所以默认列表页面不提供 Angular引入,如有需要可以单独引入

具体引入情况,以及开发调试说明请查看脑图

脑图地址:http://naotu.baidu.com/file/deeb389ab1b7e368568ca0288cda9b01?token=f449b1704d94e0d3
查看原图