数据分析疫情图——day1

数据分析疫情

    • 一. 创建javaweb项目
    • 二.前端练习
        • 1.导入视频
        • 2. 获取二维码
        • 3. 实现跳转连接
        • 4. 简单界面构建

前言:

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

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

软件:eclipse
环境:jdk 1.8以上

一. 创建javaweb项目

新建-》Dynamic Web Project
数据分析疫情图——day1_第1张图片

数据分析疫情图——day1_第2张图片

数据分析疫情图——day1_第3张图片

二.前端练习

创建前端文件
数据分析疫情图——day1_第4张图片

1.导入视频

在src中放入视频路径

数据分析疫情图——day1_第5张图片

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

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

效果展示
数据分析疫情图——day1_第6张图片

2. 获取二维码

  1. 导入三个包放到WEB-INF/lib里面
    数据分析疫情图——day1_第7张图片
  2. 创建包和类
    直接右击src就行
    在这里插入图片描述
    数据分析疫情图——day1_第8张图片

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

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

在创建类之前我们先修改一下他的生成模版
数据分析疫情图——day1_第9张图片
数据分析疫情图——day1_第10张图片

类同理

数据分析疫情图——day1_第11张图片
在java类里面编写代码

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

/**
* @author chenyunzhi
* @email [email protected]
* @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("创建二维码成功");
	}

}

运行方法

数据分析疫情图——day1_第12张图片

运行效果
数据分析疫情图——day1_第13张图片
数据分析疫情图——day1_第14张图片
放入html里面


	<img alt="" src="./picture/1.png">

3. 实现跳转连接

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

代码
main.html跳转word.html

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

4. 简单界面构建


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

本人博客:https://blog.csdn.net/weixin_46654114
本人b站求关注:https://space.bilibili.com/391105864
转载说明:跟我说明,务必注明来源,附带本人博客连接。

请给我点个赞鼓励我吧
在这里插入图片描述

你可能感兴趣的:(数据分析疫情,java,大数据)