准备环境
首先安装WebStorm、NodeJs;
初始项目
Git项目: biplus,CMD在项目根目录运行安装依赖命令、以及启动开发模式命令:1
npm install
1 | npm run dev |
1 | npm run build |
最后的是构建命令,用于生成最终部署的文件!
目录说明
开发过程
假设在此项目上开发一个新的报表,在启动开发模式下,其中主要的开发过程如下1
npm run dev
定义报表字段
修改src/libs/column.js,添加新报表的模型字段定义!
定义服务接口URI
新增src/api/storestock.js,定义新报表的服务接口URI!
定义报表UI表单
新增src/view/storestock.vue,定义报表UI表单!首先使用iview的组件标签设计表单,标签属性相应绑定后面定义的表单变量以及导入的通用函数!
其次,导入通用函数、服务报表接口URI函数、报表字段及其函数!
然后,定义表单变量,定义方法!
定义报表UI路由
新增src/router/routers.js,定义报表UI路由!
访问报表UI路由
http://localhost:8080/biplus?user=dslbi_test&session=782761984&route=storestock