数据分析疫情图——day1

最新推荐文章于 2023-08-31 20:33:50 发布

神的孩子都在歌唱

最新推荐文章于 2023-08-31 20:33:50 发布

阅读量2k

点赞数 3

分类专栏： # 数据分析疫情文章标签： java 大数据

本文链接：https://blog.csdn.net/weixin_46654114/article/details/112481162

版权

数据分析疫情专栏收录该内容

10 篇文章 1 订阅

订阅专栏

数据分析疫情

前言：

本来还得在学校见习的，因为疫情改成了上网课，虽然没有了在学校和同学们讨论的欢乐，但也很有趣。今天是第一天，我们的老师要带我们做的项目是分析全国疫情的图（老师也很辛苦啊），打算每天记一下笔记，让自己知道没白学

本文已收录进我的小破站chenyunzhi.top 在这里插入代码片

软件：eclipse
环境：jdk 1.8以上

一. 创建javaweb项目

新建-》Dynamic Web Project
在这里插入图片描述

在这里插入图片描述

二.前端练习

创建前端文件
在这里插入图片描述

1.导入视频

在src中放入视频路径

在这里插入图片描述

如果出现：播放本地MP4文件只有声音没有图像。
可以看这篇文章HTML5 video标签只有声音没有图像

<video width="800px" height="400px" controls="controls">
	 <source src="./video/2.mp4" type="video/mp4">
</video>

效果展示
在这里插入图片描述

2. 获取二维码

导入三个包放到WEB-INF/lib里面
创建包和类
直接右击src就行

驼峰命名法(反向) ：cn.tedu.exe

解释：如果多个单词组成的，每一个单词都是小写的，多个单词之间使用 . 分隔开

在创建类之前我们先修改一下他的生成模版
在这里插入图片描述

类同理

在这里插入图片描述
在java类里面编写代码

package cn.tedu.exe;
import org.junit.Test;
import cn.tedu.qr.CreateQR;

/**
* @author chenyunzhi
* @email 1156028692@qq.com
* @version
* @time 下午3:26:17
* @description
*/

public class textqr {
	
	//main方法
	public static void main(String[] args) {
		System.out.println("生成二维码");
	}
	//单元测试方法:双击选中方法的名称，找到JUnit test运行
	@Test
	public void testor() {
		System.out.println("单元测试----testor()");
		String url="叫爸爸";//二维码扫码出来的内容
		String fileName="D:\\java文件\\textproject\\WebContent\\picture\\1.png";//二维码存放的地址
		//创建二维码
		CreateQR.create(200, 200, url, fileName);
		System.out.println("创建二维码成功");
	}

}

运行方法

在这里插入图片描述

运行效果
在这里插入图片描述

放入html里面

<!-- 插入图片 -->
	<img alt="" src="./picture/1.png">

3. 实现跳转连接

创建一个main.html和一个word.html

代码
main.html跳转word.html

<div>
	<span>全国疫情实时追踪情况</span>&nbsp;&nbsp;<a href="word.html" target="_blank">全球疫情</a>
</div>

4. 简单界面构建

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>新冠肺炎疫情</title>
</head>
<body>
	<!-- title:全国疫情/全球疫情 -->
	<div>
		<span>全国疫情实时追踪情况</span>&nbsp;&nbsp;<a href="word.html" target="_blank">全球疫情</a>
	</div>
	
	<!-- 时间显示：当前的系统时间 -->
		<h2>时间</h2>
	<!-- 中间 1 -->
	<div>
		<div><h1>9433</h1></div>
		<div><h1>3</h1></div>
		<div><h1>88888</h1></div>
		<div><h1>666</h1></div>
		<div><h2>累计确诊</h2></div>
		<div><h2>现有疑似</h2></div>
		<div><h2>累计治愈</h2></div>
		<div><h2>累计死亡</h2></div>
	</div>
	<!-- 中间地图 -->
	<div>中间的地图</div>
	
	<!-- 左边1 -->
	<div>
		左边的部分一
	</div>
	
		<!-- 左边2 -->
	<div>
		左边的部分二
	</div>
	
	<!-- footer -->
	<footer>
		By Fever &nbsp;&nbsp;&nbsp;
		网址跳转：<a href="baidu.com">百度</a>
	</footer>
</body>
</html>