Java模擬服務(wù)器解析web數(shù)據(jù)
更新時(shí)間：2021年07月12日 14:21:10 作者：cgblpx
本篇文章主要給大家詳細(xì)分享了搭建JavaWeb服務(wù)器的詳細(xì)步驟以及用到的代碼，對(duì)此有需要的朋友可以跟著學(xué)習(xí)下，希望能給你帶來(lái)幫助
一，模擬 服務(wù)器 解析瀏覽器發(fā)來(lái)的數(shù)據(jù)
package cn.tedu.test;
//模擬 服務(wù)器 解析瀏覽器發(fā)來(lái)的數(shù)據(jù) -- SpringMVC框架
//http://127.0.0.1:8848/cgb2105/stu.html?user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07
public class Test5 {
public static void main(String[] args) {
String url="http://127.0.0.1:8848/cgb2105/stu.html?user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07";
// 1，按照？切割字符串，得到a數(shù)組
// [http://127.0.0.1:8848/cgb2105/stu.html ,
// user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07]
// 2,重點(diǎn)解析數(shù)組里的第二部分a[1] user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07
// 3,按照&切割字符串，得到b數(shù)組
// [user=1,age=2,sex=1,like=1,edu=2,time=2021-07-07]
String[] b= url.split("\\?")[1].split("&");
// 4,遍歷b數(shù)組，得到str,數(shù)據(jù)user=1 age=2 sex=1
for(String str : b){
// 5,再按照=切 [user,1] [age,2]
String data = str.split("=")[1];
System.out.println(data);
}
//TODO jdbc入庫(kù)
}
}
二，CSS選擇器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測(cè)試 css的高級(jí)選擇器</title>
<!-- html嵌入css -->
<style>
/* 1. 分組選擇器：把多種選擇器選中的元素分成一組，統(tǒng)一設(shè)置樣式 */
div,#s1{
color: #008000;
}
/* 2. 屬性選擇器：根據(jù)標(biāo)簽的不同屬性選擇元素 */
input[type='text']{
background-color: #FFFF00;
}
</style>
</head>
<body>
<div>我是div1</div>
<div>我是div2</div>
<div>我是div3</div>
<span id="s1">我是span1</span>
<span>我是span2</span>
<p>我是p</p>
<input type="text" placeholder="我是input1"></input>
<input type="password" placeholder="我是input2"></input>
</body>
</html>
三，練習(xí)HTML和CSS
–1，創(chuàng)建css文件
/* 選中class=a的元素 */
.a{
width: 275px;/* 寬度 */
height: 30px;/* 高度 */
}
/* 修飾保存按鈕 */
input[type="submit"]{
height: 30px; /* 高度 */
width: 45px; /* 寬度 */
color: white; /* 字的顏色 */
background-color: blue; /* 背景色*/
border: 2px solid blue; /*邊框的寬度 實(shí)線 邊框的顏色*/
}
/* 修飾取消按鈕 */
input[type="button"]{
height: 30px; /* 高度 */
width: 45px; /* 寬度 */
color: white; /* 字的顏色 */
background-color: hotpink; /* 背景色*/
border: 2px solid hotpink; /*邊框的寬度 實(shí)線 邊框的顏色*/
}
–2，修改html文件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>練習(xí)form表單</title> <!-- link引入一個(gè)外部的css文件 rel的值是固定寫(xiě)法，表名了文件的類(lèi)型 href用來(lái)指定文件位置路徑 --> <link rel="stylesheet" href="1.css" /> </head> <body> <!-- 默認(rèn)的數(shù)據(jù)提交是get方式 --> <form> <table> <tr> <td> <h3>學(xué)生信息管理系統(tǒng)MIS</h3> </td> </tr> <tr> <td> 姓名： </td> </tr> <tr> <td> <input class="a" type="text" placeholder="請(qǐng)輸入姓名" name="user" /> </td> </tr> <tr> <td> 年齡： </td> </tr> <tr> <td> <input class="a" type="number" placeholder="請(qǐng)輸入年齡" name="age" /> </td> </tr> <tr> <td> 性別：(單選框) <input type="radio" name="sex" value="1" checked="checked"/>男 <input type="radio" name="sex" value="0"/>女 </td> </tr> <tr> <td> 愛(ài)好：(多選) <input type="checkbox" name="like" value="1"/>乒乓球 <input type="checkbox" name="like" value="2" checked="checked"/>爬山 <input type="checkbox" name="like" value="3"/>唱歌 </td> </tr> <tr> <td> 學(xué)歷：(下拉框) <select name="edu"> <option value="1">本科</option> <option value="2">專(zhuān)科</option> <option value="3">高中</option> <option value="4">小學(xué)</option> </select> </td> </tr> <tr> <td> 入學(xué)日期： <br/> <input type="date" name="time"/> </td> </tr> <tr> <td> <input type="submit" value="保存" /> <input type="button" value="取消" /> </td> </tr> </table> </form> <audio controls="controls"> <source src="jay.mp3"></source> </audio> <video controls="controls" loop="loop"> <source src="b.mp4"></source> </video> </body> </html>
四，css的盒子模型
–1，
概述
css把網(wǎng)頁(yè)中的每個(gè)元素看做是一個(gè)盒子。 margin：外邊距，是指盒子和盒子之間的距離 padding：內(nèi)邊距，是盒子里的內(nèi)容和邊距的距離 width/height：內(nèi)容的寬度.高度 border：邊框
–2，練習(xí)
html代碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>測(cè)試 用戶(hù)注冊(cè)</title> <!-- 引入一個(gè)外部的css文件 --> <link rel="stylesheet" href="2.css"/> </head> <body> <!-- form標(biāo)簽用來(lái)提交數(shù)據(jù)，method屬性用來(lái)指定數(shù)據(jù)的提交方式，action屬性用來(lái)指定提交給誰(shuí) --> <form method="get" action="#"> <table> <tr> <td> <h2 style="padding-left:120px;">用戶(hù)注冊(cè)</h2> </td> </tr> <tr> <td> <input type="text" placeholder="用戶(hù)名" class="a" /> </td> </tr> <tr> <td class="b" > 支持中文、字母、數(shù)字、“-”、“_”的組合，4-20個(gè)字符 </td> </tr> <tr> <td> <input type="password" placeholder="設(shè)置密碼" class="a" /> </td> </tr> <tr> <td class="b" > 建議使用數(shù)字、字母和符號(hào)兩種以上的組合，6-20個(gè)字符 </td> </tr> <tr> <td> <input type="password" placeholder="確認(rèn)密碼" class="a" /> </td> </tr> <tr> <td class="b" > 兩次密碼輸入不一致 </td> </tr> <tr> <td> <input type="number" placeholder="驗(yàn)證手機(jī)" class="a" /> 或 <a href="#">驗(yàn)證郵箱</a> </td> </tr> <tr> <td id="m"> <input type="checkbox"/> 我已閱讀并同意 <a href="#">《京淘用戶(hù)注冊(cè)協(xié)議》</a> </td> </tr> <tr> <td> <input type="submit" value="立即注冊(cè)"/> </td> </tr> </table> </form> </body> </html>
css代碼
/* 修飾輸入框 */
.a{
width: 300px;/* 寬度 */
height: 30px;/* 高度 */
padding: 10px;/* 內(nèi)邊距 */
margin: 10px;/* 外邊距 */
font-size: 20px;/* 加大字號(hào) */
}
/* 修飾小文字 */
.b{
font-size: 10px; /* 大小 */
color: gray; /* 顏色 */
padding-left:25px ; /* 左邊距 */
}
/* 修飾我已閱讀 */
#m{
padding-left: 25px;/* 左邊距 */
}
/* 修飾立即注冊(cè)按鈕 */
input[type="submit"]{
background-color: #FF0000; /* 背景色 */
color: white;/* 字的顏色 */
font-size: 20px;/* 字號(hào) */
height: 50px;/* 高度 */
width: 320px;/* 寬度 */
margin-left: 10px;/* 左邊距 */
margin-top: 20px;/* 上邊距 */
border:1px solid red;/* 邊框 */
}
五，JS
–1，入門(mén)案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測(cè)試 js的入門(mén)案例</title>
<!-- 在HTML嵌入js，寫(xiě)法2：內(nèi)部js -->
<script>
alert(100); /* 彈100 */
confirm(); /* 確認(rèn)框 */
prompt("請(qǐng)輸入年齡：");/* 輸入框 */
</script>
</head>
<body>
<!-- js就想讓網(wǎng)頁(yè)動(dòng)起來(lái)，寫(xiě)法1：行內(nèi)js
js是基于對(duì)象的事件驅(qū)動(dòng)的腳本語(yǔ)言。
事件驅(qū)動(dòng)是指：給網(wǎng)頁(yè)中的不同元素，添加了各種觸發(fā)的方式
onclick是單擊 ondblclick是雙擊 onmouseenter是鼠標(biāo)進(jìn)入 onmouseleave鼠標(biāo)劃出
alert彈出框 prompt輸入框 confirm確認(rèn)框
-->
<a href="#" onclick="alert(10);">單擊彈框</a>
<a href="#" onclick="prompt();">單擊輸入框</a>
<a href="#" onclick="confirm();">單擊???</a>
<a href="#" ondblclick="alert(10);">雙擊彈框</a>
<a href="#" onmouseenter="alert(10);">鼠標(biāo)劃入彈框</a>
<a href="#" onmouseleave="alert(10);">鼠標(biāo)劃出彈框</a>
</body>
</html>
–2，基礎(chǔ)語(yǔ)法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測(cè)試 js的數(shù)據(jù)類(lèi)型</title>
<!-- 在HTML里嵌入JS代碼 -->
<script>
/* 2. js的運(yùn)算符 */
//三元運(yùn)算符 求兩個(gè)數(shù)里的大值
var j=10;
var k=20;
alert( j < k ? k : j );
//== ===
alert(1==1); //比值，true
alert(1===1); //比類(lèi)型和值，true
alert(1==='1');//比類(lèi)型和值，false
// % / 求25的個(gè)位數(shù)和十位數(shù)
var g=25;
alert( g%10 );//%取余，個(gè)位數(shù)
alert( g/10 ); //2.5
// ++ --
var h = 10;
h = h++ ;
alert(h); //10
/* java里，以下兩行代碼的區(qū)別？
byte d = 1;
d = d+1; //報(bào)錯(cuò)，必須強(qiáng)轉(zhuǎn)
d += 1; //解決方案，自動(dòng)類(lèi)型轉(zhuǎn)換
*/
/* 1. js是弱類(lèi)型的語(yǔ)言，沒(méi)有嚴(yán)格意義上的數(shù)據(jù)類(lèi)型，包括：number string boolean null undefined */
var a = 10;//number類(lèi)型
a = 1.1; //number類(lèi)型
a = "hello js" ; //string類(lèi)型
a = 'hello js' ; //string類(lèi)型
a = true ; //boolean類(lèi)型
a = null ; //null類(lèi)型
alert(a);
var b ; alert(b); //undefined
var c = 1.1 + 1.9 ; //+用來(lái)求和
alert(c); //自動(dòng)類(lèi)型轉(zhuǎn)換
alert("c"+c); //+用來(lái)拼串
//變量交換值--首尾相連
var d = 1;
var e = "hello" ;
var f = d;
d=e;
e=f;
alert(d +","+e);
</script>
</head>
<body>
</body>
</html>
總結(jié)
本篇文章就到這里了，希望能給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更對(duì)內(nèi)容！
相關(guān)文章
SpringBoot結(jié)合mockito測(cè)試實(shí)戰(zhàn)
與集成測(cè)試將系統(tǒng)作為一個(gè)整體測(cè)試不同，單元測(cè)試更應(yīng)該專(zhuān)注于某個(gè)類(lèi)。所以當(dāng)被測(cè)試類(lèi)與外部類(lèi)有依賴(lài)的時(shí)候，尤其是與數(shù)據(jù)庫(kù)相關(guān)的這種費(fèi)時(shí)且有狀態(tài)的類(lèi)，很難做單元測(cè)試。但好在可以通過(guò)“Mockito”這種仿真框架來(lái)模擬這些比較費(fèi)時(shí)的類(lèi)，從而專(zhuān)注于測(cè)試某個(gè)類(lèi)內(nèi)部的邏輯2022-11-11
這篇文章主要介紹了Java 泛型的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)Java，感興趣的朋友可以了解下2020-08-08
這篇文章主要為大家詳細(xì)介紹了Java的內(nèi)部類(lèi)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
這篇文章主要為大家詳細(xì)介紹了java多文件壓縮下載的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
JAVA中數(shù)組插入與刪除指定元素的實(shí)例代碼
下面小編就為大家分享一篇JAVA中數(shù)組插入與刪除指定元素的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
零拷貝技術(shù)可以減少數(shù)據(jù)拷貝和共享總線操作的次數(shù)，消除傳輸數(shù)據(jù)在存儲(chǔ)器之間不必要的中間拷貝次數(shù)，從而有效地提高數(shù)據(jù)傳輸效率，這篇文章主要介紹了MMAP零拷貝在RocketMQ中的運(yùn)用,需要的朋友可以參考下2022-07-07
SSM框架下如何實(shí)現(xiàn)數(shù)據(jù)從后臺(tái)傳輸?shù)角芭_(tái)
這篇文章主要介紹了SSM框架下如何實(shí)現(xiàn)數(shù)據(jù)從后臺(tái)傳輸?shù)角芭_(tái)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
利用Java如何獲取Mybatis動(dòng)態(tài)生成的sql接口實(shí)現(xiàn)
MyBatis 的強(qiáng)大特性之一便是它的動(dòng)態(tài)SQL,下面這篇文章主要給大家介紹了關(guān)于利用Java如何獲取Mybatis動(dòng)態(tài)生成的sql接口實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01
詳解Mybatis 傳遞參數(shù)類(lèi)型為L(zhǎng)ist的取值問(wèn)題
這篇文章主要介紹了詳解Mybatis 傳遞參數(shù)類(lèi)型為L(zhǎng)ist的取值問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
這篇文章主要介紹了Java并發(fā)之嵌套管程鎖死詳解，涉及嵌套管程鎖死的發(fā)生，實(shí)例等相關(guān)內(nèi)容，具有一定參考價(jià)值，需要的朋友可以了解下。2017-11-11