Health Monitoring Dashboard是可以动态显示身体健康数据的交互面板。当我们能够获取到一些个人的健康数据时,将其整合成一个交互面板可以让用户更直观地看到自身的一些身体情况和变化。
布局模板链接(采用了模板的布局样式,可视化设计、数据以及内部交互逻辑均为小组设计)
Web Page(preview online)
项目基于vue2框架实现,使用了dataview和element ui库的部分组件,图表使用echarts库制作,项目目前还没有接入后端数据,使用的数据为src/assets/data中的json文件。
Vue开发环境搭建教程:
Windows:https://blog.csdn.net/weixin_45899210/article/details/124107405?spm=1001.2014.3001.5502
MacOS:https://blog.csdn.net/qq_31885421/article/details/82751940
使用终端进入项目文件夹
在终端输入以下指令以拉取依赖包
yarn install
在终端输入以下指令以运行项目
npm run serve
Vue-cli-3.0
npm-6.14.17
yarn-1.22.19
Node-v14.21.1
data-view-2.7.3
echarts-5.4.1
element-ui-2.15.12
1.https://blog.csdn.net/qq_40282732/article/details/105656848 (布局模板)
2.https://echarts.apache.org/zh/option.html#title (Echarts配置项手册)