技术栈: ES6、ECharts、Vue.js、Element-plus、scss、Axios、Vuex、Node.js、WebPack E
负责内容:
1. 设计并实现可视化的图表展示,包括折线图、柱状图、饼图等。
2. 实现数据的实时更新和展示,确保数据的准确性和及时性。
3. 构建整个项目的前端框架,采用Vue.js和Element UI等技术栈。
4. 与后端工程师对接,完成数据交互及前后端联调。
技术实现:
1. 通过与 UI 沟通,使用 Echarts 实现数据可视化以及图表的搭建 可以快速展示大量数据。
2. 使用Vue脚手架vue-cli创建项目, 使用Git对项目进行版本控制
3. 使用npm下载需要对应的插件
4. 使用vue-router配置项目中的路由以及实现页面的跳转和传参
5. 使用 axios 异步请求后台接口,完成前后端数据交互和数据渲染
6. 使用proxy属性对接口进行代理,完成项目的跨域请求
7. 将项目中可复用的模块进行封装成组件,可在不同页面相同功能中调用,提高了 代码的灵活性和开发效率