typo wordpress themewindows優(yōu)化大師好嗎
目錄
HTML含義
?HTML作用
HTML的常用元素
元素的特點(diǎn)
元素的分類
1 是否嵌套關(guān)系
2 是否獨(dú)占一行
塊元素：獨(dú)占一行?
行內(nèi)元素：共享一行?
行內(nèi)元素與塊級(jí)元素的轉(zhuǎn)換
3是否有結(jié)束標(biāo)簽???
常用標(biāo)簽
1 標(biāo)題標(biāo)簽：有六級(jí) 我們用h1 ~h6 表示
2 段落標(biāo)簽：
內(nèi)容
3? 圖像標(biāo)簽:< img? ?src="? 圖片路徑"?> 是為了添加圖片使用的
4 視頻標(biāo)簽： 添加視頻使用
5? 列表
5.1 無序列表
5.2 有序列表
6 超鏈接 ：? 內(nèi)容
1 訪問同目錄下的網(wǎng)頁
2 訪問外部 網(wǎng)頁
3? 訪問本地網(wǎng)頁
7 標(biāo)簽??
8 表單?
主要表單標(biāo)簽
綜合實(shí)例
前端
注意
value屬性在不同type下的作用：
后端
思路
HTML含義
含義：HTML 是一門超文本標(biāo)記語言
怎么理解這句話呢？我們把他拆開來，理解！
超文本：可以理解為：?超鏈接 <a >。我們?cè)诤竺鎸W(xué)習(xí)超鏈接 <a? > 時(shí)，我們知道可以，通過超鏈接的方式，把每一個(gè)獨(dú)立的網(wǎng)頁串聯(lián)起來，變成我們所熟知的網(wǎng)站。
標(biāo)記：可以理解為：給事物打上記號(hào)，方便瀏覽器理解。在這里，我們使用各種元素注明文本、圖片和其他內(nèi)容。如標(biāo)題，我們 有h1-h6? 來表示；圖片 ，我們用標(biāo)簽 img表示；視頻 ，我們用標(biāo)簽 video表示等等。
總而言之;我們使用 各種元素 搭建 網(wǎng)頁的內(nèi)容 并通過超鏈接的方式 又使每一個(gè)網(wǎng)頁相互之間存在某種聯(lián)系，并最終被瀏覽器解析，執(zhí)行成為我們最終我們看到的網(wǎng)頁。
?HTML作用
作用：定義網(wǎng)頁的結(jié)構(gòu)和賦予網(wǎng)頁內(nèi)容
如下圖所示：最基本的網(wǎng)頁框架
<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8" /><title>我的測(cè)試站點(diǎn)</title></head><body><p>這是我的頁面</p></body>
</html>
如下圖所示每一個(gè)部分的含義：
<!DOCTYPE html>: 聲明文檔類型。早期的 HTML（大約 1991-1992 年）文檔類型聲明類似于鏈接，規(guī)定了 HTML 頁面必須遵從的良好規(guī)則，能自動(dòng)檢測(cè)錯(cuò)誤和其他有用的東西。文檔類型使用類似于這樣：HTMLCopy to Clipboard
文檔類型是一個(gè)歷史遺留問題，需要包含它才能使其他東西正常工作?，F(xiàn)在，只需要知道?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html>?是最短的有效文檔聲明！<html></html>:?<html>?元素。這個(gè)元素包裹了頁面中所有的內(nèi)容，有時(shí)被稱為根元素。<head></head>:?<head>?元素。這個(gè)元素是一個(gè)容器，它包含了所有你想包含在 HTML 頁面中但不在 HTML 頁面中顯示的內(nèi)容。這些內(nèi)容包括你想在搜索結(jié)果中出現(xiàn)的關(guān)鍵字和頁面描述、CSS 樣式、字符集聲明等等。以后的章節(jié)中會(huì)學(xué)到更多相關(guān)的內(nèi)容。<meta charset="utf-8">:?<meta>?元素。這個(gè)元素代表了不能由其他 HTML 元相關(guān)元素表示的元數(shù)據(jù)，比如?<base>、<link>、<script>、<style>?或?<title>。charset?屬性將你的文檔的字符集設(shè)置為 UTF-8，其中包括絕大多數(shù)人類書面語言的大多數(shù)字符。有了這個(gè)設(shè)置，頁面現(xiàn)在可以處理它可能包含的任何文本內(nèi)容。沒有理由不對(duì)它進(jìn)行設(shè)置，它可以幫助避免以后的一些問題。<title></title>:?<title>?元素。這設(shè)置了頁面的標(biāo)題，也就是出現(xiàn)在該頁面加載的瀏覽器標(biāo)簽中的內(nèi)容。當(dāng)頁面被加入書簽時(shí)，頁面標(biāo)題也被用來描述該頁面。<body></body>:?<body>?元素。包含了你訪問頁面時(shí)所有顯示在頁面上的內(nèi)容，包含文本、圖片、視頻、游戲、可播放音頻軌道等等。
HTML的常用元素
元素的組成
元素的組成：開始標(biāo)簽和結(jié)束標(biāo)簽 以及標(biāo)簽之間的內(nèi)容組成
開始標(biāo)簽：（Opening tag）：包含元素的名稱（本例為?p），被左、右角括號(hào)所包圍。開頭標(biāo)簽標(biāo)志著元素開始或開始生效的地方。在這個(gè)示例中，它在段落文本的開始之前。
內(nèi)容：元素的內(nèi)容，本例中就是段落的文本。
結(jié)束標(biāo)簽：（Closing tag）：與開始標(biāo)簽相似，只是其在元素名之前包含了一個(gè)斜杠。這標(biāo)志著該元素的結(jié)束。沒有包含關(guān)閉標(biāo)簽是一個(gè)常見的初學(xué)者錯(cuò)誤，它可能會(huì)產(chǎn)生奇特的結(jié)果。
如下圖所示
元素的特點(diǎn)
1 不區(qū)分大小寫
2 字符串表示時(shí) 雙引號(hào)，單引號(hào)都可以使用。但不能交替使用如 "11'。
元素的分類
1 是否嵌套關(guān)系
嵌套元素：把兩元素相互嵌套，但不重疊，定義為嵌套元素。
你也可以把元素放到其他元素之中——這被稱作嵌套。如果我們想要表明我們的小貓脾氣很暴躁，可以將?very?一詞嵌套在?<strong>?元素中，意味著這個(gè)單詞被著重強(qiáng)調(diào)：
<p>My cat is <strong>very</strong> grumpy.</p>注意;元素和元素之間，不能重疊。
下面這行代碼是錯(cuò)誤的
<p>My cat is <strong>very grumpy.</p></strong>
2 是否獨(dú)占一行
根據(jù)是否獨(dú)占一行，定義為塊元素 和行內(nèi)元素
塊元素：獨(dú)占一行?
在HTML中，常見的塊元素主要包括以下幾種：
- 標(biāo)題標(biāo)簽：
<h1>至<h6>，這些標(biāo)簽用于定義HTML文檔中的標(biāo)題，<h1>表示最高級(jí)別的標(biāo)題，而<h6>表示最低級(jí)別的標(biāo)題。- 段落標(biāo)簽：
<p>，用于定義HTML文檔中的段落。div標(biāo)簽：最典型的塊元素，用于定義一個(gè)文檔中的分區(qū)或節(jié)，常用于布局和樣式化。- 列表標(biāo)簽：包括無序列表
<ul>、有序列表<ol>以及列表項(xiàng)<li>，用于創(chuàng)建HTML文檔中的列表。- 表格相關(guān)標(biāo)簽：如
<table>（表格）、<tr>（表格行）、<th>（表格頭單元格）等，雖然它們?cè)诂F(xiàn)代網(wǎng)頁設(shè)計(jì)中使用較少，但仍然屬于塊元素。- 其他塊元素：如
<dl>（定義列表）、<dt>（定義術(shù)語）、<dd>（定義描述）、<hr>（水平線）等，這些標(biāo)簽在特定的HTML文檔結(jié)構(gòu)中也有應(yīng)用。- 塊元素的特點(diǎn)包括：
- 獨(dú)占一行，即每個(gè)塊元素都會(huì)從新的一行開始，并在其后的內(nèi)容之前結(jié)束。
- 可以設(shè)置寬度、高度、外邊距以及內(nèi)邊距等CSS屬性，這使得塊元素在網(wǎng)頁布局和樣式化中具有更大的靈活性。
實(shí)例
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><p>1111111111</p> <p>1111111111</p></body> </html>打開瀏覽器，發(fā)現(xiàn)每一個(gè)塊元素都獨(dú)占一行
行內(nèi)元素：共享一行?
實(shí)例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><span>1111111111</span><span>2222222</span></body> </html>打開瀏覽器，發(fā)現(xiàn)每一個(gè)行內(nèi)元素都共享一行
以下是一些常見的行內(nèi)元素及其用途：
- 文本相關(guān)元素：
<span>：用于對(duì)文本中的部分內(nèi)容進(jìn)行分組或應(yīng)用樣式。<a>：用于創(chuàng)建超鏈接，可以鏈接到其他網(wǎng)頁或同一網(wǎng)頁內(nèi)的其他位置。<em>：表示強(qiáng)調(diào)的文本，通常呈現(xiàn)為斜體。<strong>：表示語氣更為強(qiáng)烈的強(qiáng)調(diào)文本，通常呈現(xiàn)為粗體。<b>、<i>、<u>、<s>：分別用于設(shè)置文本的粗體、斜體、下劃線和刪除線效果。<sup>、<sub>：分別用于設(shè)置上標(biāo)和下標(biāo)文本。<code>、<pre>：用于表示代碼或預(yù)格式化文本。- 圖像相關(guān)元素：
<img>：用于在HTML文檔中嵌入圖像。<input type="image">：用于創(chuàng)建圖像輸入字段，通常用于提交表單時(shí)作為按鈕使用。- 表單相關(guān)元素：
<input>（type屬性為text、button、checkbox、radio等）：用于創(chuàng)建文本輸入字段、按鈕、復(fù)選框和單選按鈕等。<select>：用于創(chuàng)建下拉列表。<textarea>：用于創(chuàng)建多行文本輸入字段。<button>：用于創(chuàng)建可點(diǎn)擊的按鈕。- 其他元素：
<label>：為表單元素定義標(biāo)簽。<option>：用于定義下拉列表中的選項(xiàng)。<iframe>：用于在當(dāng)前HTML文檔中嵌入另一個(gè)HTML文檔。<audio>、<video>：用于嵌入音頻和視頻內(nèi)容。行內(nèi)元素與塊級(jí)元素的轉(zhuǎn)換
在CSS中，可以使用
display屬性來修改元素的顯示類型，實(shí)現(xiàn)行內(nèi)元素與塊級(jí)元素之間的轉(zhuǎn)換：
- 將行內(nèi)元素轉(zhuǎn)換為塊級(jí)元素：
display: block;- 將塊級(jí)元素轉(zhuǎn)換為行內(nèi)元素：
display: inline;- 將元素轉(zhuǎn)換為行內(nèi)塊級(jí)元素（既具有行內(nèi)元素的特性，又可以設(shè)置寬度和高度）：
display: inline-block;這種轉(zhuǎn)換在網(wǎng)頁布局和樣式化中非常有用，可以靈活地調(diào)整元素的顯示方式和行為。
3是否有結(jié)束標(biāo)簽???
如果這個(gè)元素沒有結(jié)束標(biāo)簽如? <img > ,<video>等 這些都沒有結(jié)束標(biāo)簽，我們稱為空元素
在標(biāo)簽中，根據(jù)有么有結(jié)束標(biāo)簽，分為：單標(biāo)簽/雙標(biāo)簽。
單標(biāo)簽：也稱為空標(biāo)簽或自閉合標(biāo)簽，是由一個(gè)尖括號(hào)包圍的標(biāo)簽，它沒有結(jié)束標(biāo)簽。
在這里 單標(biāo)簽就是指?空元素。
我剛剛講元素是由標(biāo)簽和標(biāo)簽所包含的內(nèi)容組成，接下來講常見的標(biāo)簽
常用標(biāo)簽
1 標(biāo)題標(biāo)簽：有六級(jí) 我們用h1 ~h6 表示
實(shí)例
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><h1>111111111111111</h1><h2>111111111111111</h2><h3>111111111111111</h3><h4>111111111111111</h4><h5>111111111111111</h5><h6>111111111111111</h6></body> </html>打開瀏覽器
特點(diǎn) ：大小依次降低
2 段落標(biāo)簽：<p > 內(nèi)容</p>
實(shí)例
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><!-- <h1>111111111111111</h1><h2>111111111111111</h2><h3>111111111111111</h3><h4>111111111111111</h4><h5>111111111111111</h5><h6>111111111111111</h6>--> <p>1111111111111</p> </body> </html>打開瀏覽器
3? 圖像標(biāo)簽:< img? ?src="? 圖片路徑"?> 是為了添加圖片使用的
實(shí)例
src 表示當(dāng)前標(biāo)簽的屬性，查找圖片時(shí)，需要的路徑
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body> <img src="C:\Users\Administrator\Pictures\image\6.jpg"> </body> </html>打開瀏覽器
4 視頻標(biāo)簽：<video> 添加視頻使用
5? 列表
5.1 無序列表
格式如下：?<ul>?<li>? ?</li>? </ul>
實(shí)例
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body> <!-- 無序列表--><ul><li>1</li><li>22</li><li>333</li></ul> </body> </html>
5.2 有序列表
格式：<ol><li>? ?</li></ol>
實(shí)例
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body> <!-- 有序列表--><ol><li>1</li><li>22</li><li>333</li></ol> </body> </html>
6 超鏈接 ：<a? ?href="? 網(wǎng)頁地址">? 內(nèi)容 </a>
超鏈接有三種應(yīng)用方式
1 訪問同目錄下的網(wǎng)頁
什么意思呢
假設(shè)，你創(chuàng)建了多個(gè)HTML文件，你想通過超鏈接跳轉(zhuǎn)到其他網(wǎng)頁中去
實(shí)例
打開瀏覽器
2 訪問外部 網(wǎng)頁
舉個(gè)例 ，你想要訪問 文心一言的網(wǎng)頁
實(shí)例
3? 訪問本地網(wǎng)頁
實(shí)例
<!DOCTYPE html> <html > <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><p>今天<a href="#p1" >天氣</a>怎么樣？</p><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br><p id="p1">天氣真不錯(cuò)</p> </body> </html>從以上的代碼，我們不難看出，如果我們 要看寫在下面的p標(biāo)簽的內(nèi)容，如果不使用超鏈接 ，是要使用鼠標(biāo)一直滑動(dòng)的，但如果使用了超鏈接就更為方便。
思路：把“#p1" 作為錨點(diǎn)，當(dāng)你點(diǎn)擊時(shí)，會(huì)跳轉(zhuǎn)到目標(biāo)位置--p1。
7 標(biāo)簽 <br>，? <hr>
<br> :換行符? <hr>:水平制表符
實(shí)例
8 表單?
表單的作用
收集用戶提交的數(shù)據(jù)，并傳遞給服務(wù)器
表單的語法
主要表單標(biāo)簽
<form>標(biāo)簽
- 作用：定義表單的整體區(qū)域，用于收集和傳遞用戶信息。
- 屬性：
action：定義表單提交的服務(wù)器地址。method：定義表單的提交方式，常用的有GET和POST兩種。
<input>標(biāo)簽
- 作用：定義不同類型的用戶輸入數(shù)據(jù)方式，是最重要也是最全能的表單標(biāo)簽之一。
- 屬性：
type：定義輸入字段的類型，如文本框（text）、密碼框（password）、單選按鈕（radio）、復(fù)選框（checkbox）、按鈕（button）等。name：定義提交的參數(shù)名，后臺(tái)可以通過這個(gè)屬性找到對(duì)應(yīng)的表單。value：定義提交的數(shù)據(jù)，對(duì)于文本框等輸入型控件，value屬性表示輸入框的默認(rèn)值；對(duì)于按鈕等控件，value屬性表示按鈕上顯示的文本。checked：用于單選按鈕和復(fù)選框，表示默認(rèn)選中狀態(tài)。
<textarea>標(biāo)簽
- 作用：定義多行文本輸入的控件，允許用戶輸入大段文本。
- 屬性：
rows：設(shè)置文本區(qū)域的可見行數(shù)。cols：設(shè)置文本區(qū)域的可見寬度（以像素為單位）。maxlength：設(shè)置文本輸入框的最大輸入字?jǐn)?shù)。placeholder：定義文本輸入框還未輸入文本前框里的輸入說明。
<label>標(biāo)簽
- 作用：為表單元素定義文字標(biāo)注，提高用戶交互體驗(yàn)。
- 屬性：
for：指定該標(biāo)簽與哪個(gè)表單元素關(guān)聯(lián)，其值應(yīng)與表單元素的id屬性值相同。
<select>標(biāo)簽
- 作用：定義下拉列表，允許用戶從多個(gè)選項(xiàng)中選擇一個(gè)或多個(gè)值。
- 屬性：
name：定義提交的參數(shù)名。- 通常與
<option>標(biāo)簽一起使用，<option>標(biāo)簽設(shè)置下拉列表中的各個(gè)選項(xiàng)。
<button>標(biāo)簽
- 作用：定義按鈕控件，可以包裹更多類型的內(nèi)容，如文本、圖片等。
- 屬性：
type：定義按鈕的類型，如普通按鈕（button）、提交按鈕（submit）、重置按鈕（reset）。
綜合實(shí)例
問題：寫一個(gè)表單 （名字，密碼，日期，單選，多選,上傳文件，并且記錄文件的大小）將這些信息上傳給服務(wù)器（在idea中搭建spring boot 項(xiàng)目，接收來自前端發(fā)來的數(shù)據(jù)）
最終結(jié)果如下圖所示：
點(diǎn)擊提交
前端
重點(diǎn)
1 form標(biāo)簽中最為重要的三個(gè)屬性：
action 屬性 ;定義表單提交的服務(wù)器地址
method 屬性：定義表單提交的方式（如get :向服務(wù)器獲取數(shù)據(jù)；post:向服務(wù)器發(fā)送數(shù)據(jù)）
enctype屬性：上傳文件時(shí)需要添加該屬性，來選擇數(shù)據(jù)格式：multipart/form-data
注意
1在單選和多選都使用了 name 屬性
原因：表示同一字段組，方便區(qū)分
2 checked ：表示單選或多選中的默認(rèn)選項(xiàng)
3value 表示默認(rèn)值，
在HTML的
<input>標(biāo)簽中，value屬性扮演著關(guān)鍵角色，它的功能根據(jù)<input>標(biāo)簽的type屬性值的不同而有所差異。
value屬性在不同type下的作用：
- 文本輸入（
type="text"）:
value屬性為文本輸入框設(shè)定了默認(rèn)值。當(dāng)頁面首次加載時(shí)，這個(gè)值會(huì)顯示在輸入框內(nèi)，用戶可以修改它。- 密碼輸入（
type="password"）:
- 與文本輸入類似，
value屬性為密碼輸入框設(shè)定了默認(rèn)值，但出于安全考慮，這些字符在輸入框中通常以圓點(diǎn)或星號(hào)等掩碼字符顯示。- 單選按鈕（
type="radio"）和復(fù)選框（type="checkbox"）:
- 對(duì)于這兩種類型的輸入，
value屬性定義了當(dāng)該選項(xiàng)被選中時(shí)，表單數(shù)據(jù)中將包含哪個(gè)值。此外，checked屬性可用于預(yù)設(shè)哪個(gè)選項(xiàng)在頁面加載時(shí)就被選中。- 提交按鈕（
type="submit"）、重置按鈕（type="reset"）和普通按鈕（type="button"）:
- 在這些情況下，
value屬性定義了按鈕上顯示的文本。例如，一個(gè)提交按鈕的value可能設(shè)為“提交”，而一個(gè)重置按鈕的value可能設(shè)為“重置”。- 隱藏輸入（
type="hidden"）:
- 隱藏輸入字段不會(huì)在頁面上顯示，但其
value屬性仍會(huì)隨表單一起提交。這種類型通常用于傳遞不需要用戶直接修改的數(shù)據(jù)。- 文件選擇（
type="file"）:
- 對(duì)于文件選擇輸入，
value屬性通常不由開發(fā)者直接設(shè)置，而是由用戶通過文件選擇對(duì)話框選定文件后自動(dòng)填充。不過，出于安全和隱私的考慮，即使文件被選中，瀏覽器通常也不會(huì)在頁面代碼如下：
<!DOCTYPE html>
<html >
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><form action="http://localhost:8080/test" method="post" enctype="multipart/form-data">用戶 <input type="text" name ='username'><br>密碼 <input type="password" name="password"><br>日期 <input type="date" name="date"><br>男 <input type="radio" name="sex" value="男" checked> 女 <input type="radio" name="sex" value="女"><br><label> Reading <input type="checkbox" name="hobbies" value="reading" checked> </label><label> traveling <input type="checkbox" name="hobbies" value="traveling"> </label> <label> Cooking <input type="checkbox" name="hobbies" value="cooking"> </label> <label> Sports <input type="checkbox" name="hobbies" value="sports"> </label> <br><input type="file" name="file"><br><input type="submit" value="提交"></form>
</body>
</html><!-- <input type="checkbox " name="ff" value="唱歌"><input type="checkbox " name="ff" value="跳舞"><input type="checkbox " name="ff" value="游戲"> -->后端
前提：已經(jīng)搭建好spring boot的基本工程
思路
1 在TestController 類中 通過@RequestMapping 注解 映射路徑方式（找到服務(wù)器，并調(diào)用ff方法）向User類傳遞數(shù)據(jù)和獲得傳遞過來的文件的大小，最后通過IDEA控制臺(tái)打印出來
//TestController 類中通過 @RequestMapping 注解 映射路徑的方式，向服務(wù)器傳遞數(shù)據(jù)
package com.guoqing.controller;import com.guoqing.entity.User;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;@RestController
public class TestController {@RequestMapping("/test")public String ff(User user ,MultipartFile file) {System.out.println("user="+user);System.out.println("file="+file.getSize());return "收到數(shù)據(jù)";}}2?User類 中的 成員變量每一個(gè)都對(duì)應(yīng)前端代碼中的name，value（單選，多選）值
代碼如下
// 在entity 實(shí)體包中 User類 中 對(duì)應(yīng)前端發(fā)來的數(shù)據(jù)package com.guoqing.entity;import org.springframework.format.annotation.DateTimeFormat;import java.time.LocalDate;
import java.util.List;public class User{private String username;private String password;@DateTimeFormat(pattern = "yyyy-MM-dd")private LocalDate date;private String sex;private List<String> hobbies;public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}public LocalDate getDate() {return date;}public void setDate(LocalDate date) {this.date = date;}public String getSex() {return sex;}public void setSex(String sex) {this.sex = sex;}public List<String> getHobbies() {return hobbies;}public void setHobbies(List<String> hobbies) {this.hobbies = hobbies;}@Overridepublic String toString() {return "User{" +"username='" + username + '\'' +", password='" + password + '\'' +", date=" + date +", sex='" + sex + '\'' +", hobbies=" + hobbies +'}';}
}本篇的最后，由于我需要上傳文件，使用了method屬性，enctype屬性 ，下一篇詳細(xì)介紹method屬性，enctype屬性的相關(guān)知識(shí)（http請(qǐng)求，數(shù)據(jù)格式，編碼）