数据可视化系统

数据可视化系统任务详细内容分布

步骤1：使用Bootstrap设计一个网页主页和一个账号密码登录界面，主页只有主页名称和登录按钮两个元素，登录按钮点击登录后能够跳转到路由/login中

步骤2：使用Flask框架搭建一个简易的数据可视化系统，预设2个账号密码和相应的2个不同的图形的html文件

步骤3：主路由“/”对应网页主页，登录路由“/login”对应账号密码登录界面，另外还有2个图形对应的2个路由

步骤4：每个账号对应1个图形，在flask的app.py主程序中编辑登录后处理账号密码的逻辑，使得不同账号登录后跳转到不同的图形页面中

前期准备

1、Anaconda环境中安装pyecharts库

2、Vscode软件中配置jupyter notebook环境

3、我们需要一些画图的js代码，ECharts 本质上是一个JavaScript库，使用时需要下载或者从网上引入。关于echarts的下载有以下几种方法：（一）在官网的下载页面中下载：Apache ECharts，（二）其他途径下载，比如从GitHub上下载、使用npm工具来下载。此类方法不推荐非专业人员使用。

以下是在官网中下载echarts的一种方法：

进入下载界面

选择在线定制

勾选需要的图形和功能模块

选择下载

4、我们需要建一个大的文件夹叫做数据可视化系统，其中包括了static、templates文件夹，在static文件夹里面还包括css、js文件夹（文件夹的顺序最好不要搞错，不然容易出现测试）

5、建好文件夹以后，需要建好一些文件，如下图所示：

步骤1：

使用Bootstrap设计一个网页主页和一个账号密码登录界面，主页只有主页名称和登录按钮两个元素，登录按钮点击登录后能够跳转到路由/login中

1、主页