資料分析疫情
- 一. 創建javaweb專案
- 二.前端練習
- 1.匯入視頻
- 2. 獲取二維碼
- 3. 實作跳轉連接
- 4. 簡單界面構建
前言：
本來還得在學校見習的，因為疫情改成了上網課，雖然沒有了在學校和同學們討論的歡樂，但也很有趣，今天是第一天，我們的老師 要帶我們做的專案是分析全國疫情的圖（老師也很辛苦啊），打算每天記一下筆記，讓自己知道沒白學
本文已收錄進我的小破站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> <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> <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
網址跳轉：<a href="baidu.com">百度</a>
</footer>
</body>
</html>
本人博客：https://blog.csdn.net/weixin_46654114
本人b站求關注：https://space.bilibili.com/391105864
轉載說明：跟我說明，務必注明來源，附帶本人博客連接，
請給我點個贊鼓勵我吧
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/247735.html
標籤：其他