自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 山东大学项目实训第五周03

经过数据库查询得到的数据如何返回前端呢,我想到了使用Json。将查询结果转化为一个Json返回前端,前端用户再从Json中解析获得数据。 在前端的JS文件中,编写一个函数用来获取后端发来的Json文件,并将数据保存成数组,便于后续使用。 这样的方式可以让使用的数据和数据库中的实时同步,一旦数据库中数据发生变化,用户只需要刷新网页就可以得到最新数据。 修改前: 修改后: ...

2021-07-29 20:11:29 77

原创 山东大学项目实训第五周02

接下来就是学会如何使用php连接数据库了,经过学习发现连接需要的语句也比较简单,大致过程就是使用用户名和密码连接,连接成功后选择数据库,以便进行接下来对表的操作。 然后就可以正常使用sql语句了。 ...

2021-07-29 20:03:51 69

原创 山东大学项目实训第五周01

这周我开始学习一些后端相关的知识,利用Apache和Php实现服务器后端。 首先需要配置环境,我在CSDN上搜索了相关教程,更改了Apache和Php目录下的配置文件内容。 新建一个php文件,内容如下,用于测试配置是否成功: <?php phpinfo(); ?> 然后运行Apache目录下的httpd.exe,将111.php放在htdocs目录下,由下图可以看到环境配置成功。 ...

2021-07-29 19:59:11 69

原创 山东大学项目实训第四周03

这周的最后一个任务是将阿里云,腾讯云,百度云和华为云的服务器位置分布进行可视化。我的想法是在世界地图上服务器所在城市插上一个标志,并且标明是哪个公司的服务器。 同样,我来到了ECharts论坛,找到了一个空的世界地图。 经过代码研究发现,代码中引入了地图文件和坐标系,还将所有国家的位置写入代码。 如果要在某个位置显示一个服务器,只需要输入该城市的经纬度,然后在标志的value中显示公司名称即可。四个公司的服务器用四种不同颜色的标志展示,如果一个城市有多个公司的服务器,那就将经纬度设置为有微..

2021-07-23 21:38:06 88

原创 山东大学项目实训第四周02

完成一个统计图后,我又投入了另一个折线图的编写中。首先我依旧找到了一个优秀的半成品。 研究代码学习发现,漂亮的渐变背景色可以在areaStyle中加入循环控制颜色来实现。 由于这张图要用来展示历史数据和预测数据,所以这两者最好用不同颜色的折点进行表示,经过思考,我决定将这两类折点用两条折线表示出来。同时加上背景图片,滚动条和图例。 最后我将模板交给项目组其他同学,填充数据后效果如下图: ...

2021-07-23 21:26:48 72

原创 山东大学项目实训第四周01

学会ECharts的初步使用,我终于可以开始为项目组定制统计图了。由于一切从头开始比较耗费时间,我决定在一些优秀半成品统计图上进一步加工。 EChart有一个论坛,上面有很多大神分享自己的作品和源代码,供我们借鉴学习,是一个非常不错的平台。 我找到一个非常漂亮的折线图,风格如下: 经过研究,我发现每一条线其实是由两部分组成的,分别是折线(line)和动画散点(effectScatter),两部分的数据(data)完全相同,这样显示效果就好像一条线了。 经过和组内同学的交流,我们一条线可能

2021-07-23 21:16:16 89

原创 山东大学项目实训第三周03

最后就是将我们调试好的EChart代码放置到我们自己编写的项目内,并使统计图能正常显示。 首先找到html文件中的div,记住class名字。 编写一个JS函数,将myChart初始化并放置到class名字bar4下的chart中。 将官网上给出的代码复制并粘贴到后面,最后一句将编写好的统计图放入myChart中。 运行网页就可以看到统计图可以正常显示出来了。 ...

2021-07-23 20:56:22 52

原创 山东大学项目实训第三周02

接着我开始熟悉并初步练习EChart,首先登陆ECharts官网,从最简单的折线图开始学习。 可以在左侧看到图形的源代码,更改代码hou点击刷新右侧的图形就会变化

2021-07-23 20:34:05 63

原创 山东大学项目实训第三周01

这周开始我的任务是编写统计图,和后端同学的数据对接将数据可视化。经过网上资料查找,我决定使用Echart进行绘制。 首先我需要配置Echart的编写环境。利用Echart画图需要一个echart.js或者echat.min.js文件,将下载解压好的js文件放置到项目目录下。 然后在html文件中引入,就可以开始正常工作编写统计图了。 ...

2021-07-23 20:26:31 44

原创 山东大学项目实训第二周03

接着上次的工作,我编写了多重循环控制不同的按钮,遍历所有地点,系统类型和网络类型的组合情况。 然后获取表格中所有的td,暂存入list中,一次性将整个表格的数据切分成行写入CSV中。 遍历完一个大地区的地点后,还需要点击按钮切换到其它两个大地区。编码编写同理,只需要再写一层循环,将x_path提前写入数组,按照索引取出即可。 程序运行完成后就能获得包含所需信息的csv文件了。 ...

2021-07-12 10:46:03 71

原创 山东大学项目实训第二周02

上次已经成功配置了selenium在python中运行的环境,下面就是利用selenium正式爬取数据了。 为了让selenium逐个点击地区,系统和网络,完整爬取所有数据,我们需要将这些元素找到并调用click()方法 然而不管我通过class_name,tag_name还是x_path(完整的和相对的都尝试过),都不能成功定位到元素。 经过仔细分析网页结构我才发现,阿里云为了反爬虫,采用了iframe框架生成html网页,因此无法定位到网页内的元素。 经过查阅资料,我找到了...

2021-07-12 10:33:18 62

原创 山东大学项目实训第二周01

第二周我的工作是从阿里云网站上获取云服务器ECS的价格,打开网站后我发现价格居然可以直接下载并保存为CSV格式文件 但是为了锻炼自己的能力,我还是决定写一个爬虫来获取想要的数据。经过观察发现,当我们点击不同的按钮切换服务器位置时,网站的URL不会发生变化,于是我想到使用selenium模拟用户对按钮逐个点击。 使用selenium首先要下载浏览器驱动,我检查了自己的浏览器版本,并下载了对应的驱动。 然后将驱动解压到python安装目录和edge安装目录下 编写如下几行...

2021-07-12 10:22:41 56

原创 山东大学项目实训第一周03

上面提到我已经获取了1个G的数据文件,下面的工作就是如何应对这个庞然大物,从其中分析出价格变化最大的服务器。我的想法是把所有数据导入数据库,用强大的检索查找能力来完成这项工作。 我将csv文件按照每1000000条数据为单位划分成若干个csv文件,共计15个(采用python完成),速度非常可观。接着我对每个csv文件进行去重操作,总计还剩700多万条数据。 用Navicat将所有csv文件导入数据库 起初我想计算每个服务器所有时刻的价格均值,然后计算出服务器的价格方差,利用方差来衡量服务器价格波

2021-07-02 16:51:38 80

原创 山东大学项目实训第一周02

第一周我的任务主要是获取阿里云服务器ECS的历史价格,并找出价格波动较大的服务器,为深度学习算法提供可靠数据。 首先我注册并登录了阿里云官方网站,在开发者工具中找到了能够获取抢占式实例近30天内的历史价格的API。 于是我开始根据网站上给出的实例程序和API文档学习如何调用并获取结果。上图带红色星号的参数是必须指定的,没有红色星号的则可以自由选择指定或不指定。 阿里云的服务器实时价格可以直接下载文件获取,我将下载的文件提取出所有的ZoneId和InstanceType,以便查询。 下载的示例程序

2021-07-02 16:33:55 110

原创 山东大学项目实训第一周01

项目实训第一周,我们团队完成分工后,我首先进行了开发环境的配置以及开发工具的熟悉。我们团队主要使用的开发环境有IDEA,PyCharm,Visual Studio Code,并且创建了Git用于项目进度的控制和监督。 PyCharm运行截图 IDEA运行截图 VS code运行截图 将Git项目clone到本地后用pull命令更新,上传自己的工作成果后,用push同步 ...

2021-07-02 16:17:39 55

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除