海事网站开发,WordPress博客首页如何静态,书画网站模板,网站开发绩效考核与薪酬目前设计平台前端是独立部署的#xff0c;引入了 Angular 和 Vue#xff0c;您可以根据自己技术强项 选择使用 Angular 或者 Vue#xff0c;他们引入的成本都很小。比如我们团队使用 Angular 很多年了#xff0c;依赖注入#xff0c;模块化概念很舒服#xff0c;使用它构…目前设计平台前端是独立部署的引入了 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引入如有需要可以单独引入前端开发介绍配置后端服务地址配置 assets/app-conf.jswebpack 打包配置 /agilebpm-ui/webpack.config.jswebpack 相关打包的引入文件配置 /agilebpm-ui/assets/entry开发AgileBPM 仅对基础模块进行了打包如果您这边不是对基础模块进行的修改则无需打包安装的初次开发需要执行 node命令安装依赖 npm install开发时执行 npm run source 监控前端文件变化并实时打包您可以开启npm run source 模式下去调试开发基础模块的源码完成开发后执行打包命令 npm run build 最后提交打包后的文件注意angular js 不支持混淆模式的打包所以默认打包命令屏蔽了相关引入具体请查看 /agilebpm-ui/webpack.config.js 引入描述设置非混淆时才能打包相关引入。前端分离开发时可以使用 npm run dev 使用 webpack server 单独跑前端项目(如果是agilebpm-ui 以 jar 形式时运行前端则可以忽略该方式)JS 引入情况前端 目录├─assets资源目录│ ├─cssCSS│ ├─entrywebpage打包入口│ │ ├─common公共JS打包引入│ │ └─home│ ├─fonts字体图标│ ├─img图标LOG等资源│ ├─jsJS│ │ ├─common公共js│ │ ├─platform平台模块js│ │ │ └─util│ │ └─plugins│ └─vueVUE表单相关js引入├─bpm流程模块HTML源代码├─bpmplugin流程插件HTML源代码├─buildwebpack 打包后的压缩文件│ ├─commonwebpack 打包的公共JS引入│ ├─font│ ├─form│ ├─home│ └─images├─bus业务对象模块HTML源代码├─demo案例模块HTML源代码├─flow-editor流程设计器源代码├─form表单模块HTML源代码├─org组织模块HTML源代码└─sys系统模块HTML源代码