根据前面的爬虫课程,我们重新开一个坑,就是基于爬取到的数据,搭建一个vue+flask的前后端分离的数据分析系统
1 通过这个系列教程可以学习到什么?
- 从0开始搭建一个 vue + flask 的数据分析系统;
- 了解系统的整体架构,前后端交互、 后端与数据库的交互方式;
- 几种常用的 echarts 图形的如何使用
- element-ui 搭建管理程序布局风格的系统
- flask 后端框架简单实用
- 推荐算法的集成(如果时间安排来得及的话)
2 构建前端项目
我们的前端项目名称就叫tour-vue
npm install -g @vue/clivue create tour-vue
我们选择vue2的版本,然后等待它的安装
3 运行前端程序
使用webstorm打开项目tour-vue
直接在terminal里执行
npm run serve
或者是点击package.json中的serve旁边的绿色按钮就可以运行项目,在浏览器的localhost:8080中就可以查看到这个系统运行的情况了
运行效果如下:
4 移除ESlint
为了方便开发,我们删除ESlint,这个东西会经常提示我们编写的代码不规范,目前阶段我们不需要这个。
为了方便开发,我们删除ESlint,这个东西会经常提示我们编写的代码不规范,目前阶段我们不需要这个。
npm uninstall eslint eslint-plugin-vue @vue/cli-plugin-eslint