htrj-components v1.0.0

企业级项目管理云平台

源码下载

git clone git@10.0.33.159:avplan-cloud/avplan-cloud.git

安装使用

1. 无开发环境node_modules

cd avplan-cloud
npm install --registry=https://registry.npm.taobao.org

2. 有开发环境 node_modules (node_modules.zip)

• 解压 node_modules.zip 到avplan-cloud/目录

3. 开发配置

.env.development 文件内修改开发环境后端服务器配置
VUE_APP_BASE_API = 'http://后端IP端口号/avplan'
还需要将后端服务地址配置在public下的index.html文件中

开发环境接口代理配置

注意： 1、开发环境需要配置文件public\index.html中的window._CONFIG'BASE_URL'为完整的ASP后端请求地址，如：http://10.0.44.52:2026/asp;再打包发布时将该值还原为ASP后端请求的前缀即可，如：/asp。 2、使用ASP前端开发功能时，如果开发环境需要调用其他各个服务，代理地址配置在文件vue.config.js中对应的proxy中。具体参考现有配置即可。 3、前端在请求接口时需要携带参数，请求前缀也就是基础路由，如src\api\mainbar\index.js中请求接口时的baseURL。 4、后端接口返回数据必须严格按照Result格式返回。

启动开发调试

npm run dev

注意：浏览器调试地址为：http://ip:8085/avplan

生产环境安装包构建

npm run build:prod

测试环境安装包构建

npm run build:stage

统一权限路由菜单配置

开发注意

1. 前端 占用端口：8085
2. 配置菜单时，统一权限平台配置菜单时，描述中配置页面http连接，必须加‘？’，嵌入的页面需要nginx转发到指定服务如：10.0.44.17，domain为配置不同服务‘例：@bj’
3. 如果一级路由下是若干个二级菜单，每个菜单下才是指定的访问路由，那么一级路由默认访问对应的路由标识应该按照如下配置；经营计划contract_1，签约计划contract_2,甲方contract_3
4. 由于本项目要同时适配基于ASP平台开发的前端功能还要适配之前已经开发的项目计划等功能，在实际测试运行时，需要将本项目的打包文件直接覆盖到nginx下A5_AVPLAN文件夹中
5. 命名及其路由组件约束规范，在views下对应的功能文件夹中对应的index.vue文件中，组件的命名必须和文件夹保持一致；在统一权限中对应的菜单标识可以自定义，但是如果是对应的一级菜单点击后默认的展示路由为二级菜单，那么标识必须以Index结尾；如果是三级则参考上面第二条描述。
6. 项目成员每次提交代码必须填写代码修改日志，提交日志不能为空

相关文档

https://www.cnblogs.com/qcloud1001/p/10310573.html https://www.cnblogs.com/init-007/p/11395883.html

mock 测试接口 ： http://10.0.37.11:8085/devmock/notoken/orgdepartment/fadfadf

模板引擎文档：http://www.ghostchina.com/introducing-the-handlebars-js-templating-engine/

认证过期重定向问题：

问题描述：现在前端遇到问题，当后端生成的jsession过期后，后端会将状态码设置为302，使前端重定向。因重定向相关状态码前端无法拦截。前端发的ajax请求，并且出现跨域时，因当会话过期，会导致重定向失败问题。 用户体验问题：如果用户填写一半表单，点击提交，发现因会话过期，导致重定向。会严重影响用户体验。 具体解决方案及相关问题描述： https://www.jb51.net/article/138026.htm

TODO

1. 手势支持 https://github.com/vuejs/vue-touch/blob/master/vue-touch.js http://hammerjs.github.io/getting-started/