项目名称:内蒙古西辽河流域水资源调度管理系统(http://27.17.43.146:8011/neimeng/)
项目描述:
1、技术栈:Vue、Vue-CLi、Vue Router、Vuex、Element-UI、ECharts、Gis等
2、使用Vue-CLi脚手架工具搭建框架,结合Element-UI组件进行页面布局
3、通过Axios请求、响应拦截,配合Loading、Message、Result、Alert等实现请求遮罩、请求成功提示语、请求失败提示语,实现请求逻辑
4、通过Vuex配合公共请求实现全局数据共享以及交互,减少http请求
5、使用ECharts可视化工具展示柱状图、折线图、折柱混合图、饼图、雷达图、旭日图、仪表盘、地图等,并实现图形自适应
6、使用Element-UI组件进行Form表单制作,并调用validate函数进行表单验证
7、使用Element-UI组件进行Table表格制作,并自定义表格样式、类型,以及表格内嵌套Button按钮、Input输入框等其他组件进行多样化功能的实现
8、使用Dialog、Drawer实现不同业务需求的弹出框,并进行嵌套其他组件显示页面
9、使用Vue中的reload()方法优化页面加载及刷新
10、请求接口统一集成模块,方便各页面调用,增强代码维护性,提高开发效率
11、通过async、await声明请求,使业务逻辑更加清晰
12、使用Git版本管理工具管理代码
13、使用ApiPost进行接口联调
项目名称:淮安区智慧水务综合管控平台(http://222.184.25.234:28888)
项目描述:
1、技术栈:Vue、Vue-CLi、Vue Router、Vuex、Element-UI、ECharts等
2、在Vue组件中使用scss进行页面样式开发,避免css类名冲突,便于维护,提升开发质量
3、灵活利用Vue组件的可复用性,进行页面搭建,多个组件渲染出页面
4、在项目中统一集成后端接口地址并按规则命名,在需要调用的页面或组件中按需导入、调用
5、在package.json文件中配置项目启动命令及打包命令,并结合VS Code中NPM脚本进行一键启动或打包
6、通过Axios对后端接口进行请求,并根据不同状态确定是否能正常请求,提升性能
7、使用NProgress第三方插件设置页面顶部加载进度条功能,提升用户直观感受
8、使用ECharts可视化工具进行不同功能的图形、图表展示
9、使用ApiPost进行请求接口调试
10、使用Git版本控制工具进行代码管理
项目名称:长江生态环保
项目描述:
1、技术栈:Vue、Vue-CLi、Vue Router、Vuex、Element-UI、ECharts等
2、使用Vue-CLi脚手架工具搭建框架,结合Element-UI组件进行页面布局
3、使用Element-UI组件进行Table表格制作,并根据业务需求自定义样式
4、使用Dialog、Drawer实现不同业务需求的弹出框,并进行嵌套其他组件显示页面
5、使用ECharts可视化工具按需求以柱状图、折线图等图表展示数据
6、使用Axios来进行Ajax请求,完成页面数据的渲
7、使用Vue中的reload()方法优化页面加载及刷新
8、利用Vue组件使页面代码组件化,精简代码,提升开发效率