Web 開(kāi)發(fā)中的JSP 與HTML 的基礎(chǔ)應(yīng)用

韓思凡

（西北民族大學(xué)，甘肅 蘭州730000）

1 網(wǎng)頁(yè)的基本構(gòu)成

我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候第一步是首先要考慮一個(gè)網(wǎng)頁(yè)的基本構(gòu)成要素，其中大體上可以分為頁(yè)眉，主體，頁(yè)腳。頁(yè)眉用HTML中的header 進(jìn)行標(biāo)記，頁(yè)眉中一般包含了本網(wǎng)站標(biāo)志，主導(dǎo)航和其他全站鏈接甚至搜索框等。例如，我們要開(kāi)發(fā)一個(gè)叫做“開(kāi)發(fā)之家”的網(wǎng)站，則網(wǎng)站的標(biāo)志可以這樣寫(xiě)：

網(wǎng)頁(yè)的主體部分寫(xiě)在HTML 標(biāo)簽的部分，主要包括文字，圖片，音頻，視頻等，其中插入文字的時(shí)候通常可用的標(biāo)簽有,

。網(wǎng)頁(yè)的頁(yè)腳部分主要包含的有企業(yè)信息，友情連接，網(wǎng)站的權(quán)威以及信任度。友情連接可以用來(lái)實(shí)現(xiàn)。例如些友情連接，點(diǎn)擊連接到百度，代碼如下：，其中在標(biāo)簽里用屬性href來(lái)實(shí)現(xiàn)要連接到的地方去，href的值不同，點(diǎn)擊后連接到達(dá)的網(wǎng)站就不一樣。以上是寫(xiě)一個(gè)靜態(tài)網(wǎng)頁(yè)最基本的部分。但是我們?nèi)粘Ｔ谑褂玫臅r(shí)候并不是和靜態(tài)網(wǎng)頁(yè)進(jìn)行交互的，否則意義不大，更多的是動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)我們與數(shù)據(jù)庫(kù)的交互，解決現(xiàn)實(shí)問(wèn)題。

利用jsp 實(shí)現(xiàn)分頁(yè)，它讀取數(shù)據(jù)的時(shí)候是分批次讀取的，操作頁(yè)數(shù)跳轉(zhuǎn)的時(shí)候才從數(shù)據(jù)庫(kù)中加載新的數(shù)據(jù)?？梢杂靡韵路椒▽?shí)現(xiàn)分頁(yè)：

i:通過(guò)sql 語(yǔ)句來(lái)首先計(jì)算得到數(shù)據(jù)庫(kù)中的記錄條數(shù)，簡(jiǎn)寫(xiě)代碼為：

以上代碼中的where 1=1；的作用是為了方便拼接字符時(shí)出現(xiàn)條件判斷的時(shí)候無(wú)法判斷下一個(gè)是否需要拼接where 字符。

ii: 上述計(jì)算完數(shù)據(jù)庫(kù)總記錄數(shù)后就可以根據(jù)每一頁(yè)要求的條數(shù)進(jìn)行計(jì)算，這里我們每頁(yè)分為20 條，代碼為：

至此為止就只剩下前端操作了，限于篇幅，就不再詳述。

2 servlet

jsp 與servlet 是同一個(gè)東西，可以把jsp 看成servlet 的可視化界面。1：servlet 是使用java 程序向客戶端輸出HTML的java 類(lèi)2：與jsp 的聯(lián)系：jsp 界面被編譯后就是一個(gè)java 類(lèi)，該類(lèi)繼承自HttpjspBase

3 可以與數(shù)據(jù)庫(kù)交互的動(dòng)態(tài)網(wǎng)頁(yè)

3.1 jsp 在網(wǎng)頁(yè)中實(shí)現(xiàn)登錄注冊(cè)。jsp 在網(wǎng)頁(yè)的制作中作用非常大，可以幫助我們和數(shù)據(jù)庫(kù)進(jìn)行交互，例如可以實(shí)現(xiàn)的第一個(gè)功能是登錄注冊(cè)。當(dāng)我們要實(shí)現(xiàn)一個(gè)注冊(cè)的功能的時(shí)候，第一步我們用HTML寫(xiě)好用來(lái)獲取用戶信息的表單例如性別，用戶自己設(shè)置的密碼，用戶名......等等。然后通過(guò)表單提交給對(duì)應(yīng)的servlet 進(jìn)行系列處理后交JDBC，利用sql 語(yǔ)句將新用戶的信息填寫(xiě)到對(duì)應(yīng)數(shù)據(jù)庫(kù)的用戶信息表中，此時(shí)注冊(cè)完成。當(dāng)然我們要實(shí)現(xiàn)登錄功能的時(shí)候也是同樣的道理，我們首先用HTML設(shè)計(jì)出可以獲取用戶賬號(hào)，密碼的輸入框，然后通過(guò)表單進(jìn)行提交給相應(yīng)的servlet 處理，之后，交由JDBC執(zhí)行sql 語(yǔ)句，根據(jù)用戶的賬號(hào)密碼去用戶信息表中查詢對(duì)應(yīng)的用戶，查詢結(jié)果包含相應(yīng)用戶則登錄成功，否則用戶不存在。

3.2 實(shí)現(xiàn)文件的上傳。文件上傳的功能的實(shí)現(xiàn)主要依賴于JavaBean 組件jspSmartUpload,這個(gè)組件可以直接在網(wǎng)上下載，它的壓縮包的名字是jspSmartUpload.zip。下載后用WinZip或者WinRaR 將器壓縮到Tomcat 的webapps 目錄下。解壓縮后，再把webapps/jspSmartUpload 目錄下的子目錄Web-inf 名字改為大寫(xiě)的WEB-INF，這樣一改jspSmartUpload 類(lèi)才能使用。因?yàn)門(mén)omcat 對(duì)文件名的大小寫(xiě)敏感，它要求Web 應(yīng)用程序相關(guān)的類(lèi)所在目錄為WEB-INF，且必須是大寫(xiě)。然后再重啟Tomcat,這樣就可在jsp 文件中使用jspSmartUpload 組件了。

3.3 jsp 實(shí)現(xiàn)分頁(yè)功能。關(guān)于分頁(yè)這個(gè)功能我們?cè)赪eb 開(kāi)發(fā)中使用的非常多，例如我們逛淘寶等等電商平臺(tái)時(shí)候我們?cè)跒g覽商品的時(shí)候當(dāng)前頁(yè)面的商品瀏覽完后我們會(huì)點(diǎn)擊“下一頁(yè)”來(lái)加載新的商品。分頁(yè)功能會(huì)極大的提高用戶的體驗(yàn)度，讓頁(yè)面更

有條理地顯示，同時(shí)避免數(shù)據(jù)的冗余。我們這里討論的是而HttpjspBase 類(lèi)又繼承自HttpServlet，因此，jsp 的本質(zhì)就是servlet。

servlet 的使用方法及步驟：

（1）創(chuàng)建servlet 類(lèi)，重寫(xiě)doGet（）方法或doGet（）方法

（2）配置URL 與Servlet 的映射（可以通過(guò)xml 配置也可以通過(guò)注解）

//通過(guò)xml 文件配置

其中兩個(gè) 要相同，在定義URL 路徑（）為xxx后，在瀏覽器中訪問(wèn)servlet 的的格式為：http://localhost:8080/項(xiàng)目名稱(chēng)/xxx

通過(guò)注解配置

其中“Custom_path”為自定義路徑，可以任意定義更改，在瀏覽器中訪問(wèn)的格式為“http://localhost:8080/項(xiàng)目名稱(chēng)/自定義路徑”。訪問(wèn)效果如下。

4 結(jié)論

限于篇幅本文針對(duì)于網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)中的jsp 于HTML 的使用就介紹到這里，本文只是根據(jù)我自己幾年的編程經(jīng)歷的經(jīng)驗(yàn)總結(jié)，針對(duì)重點(diǎn)應(yīng)用進(jìn)行短述，難免有遺漏，不到位之處，只能供讀者有個(gè)技術(shù)性文檔參考。對(duì)于廣大人群主要是起到了一定程度的科普作用，讓大家能夠一定程度上對(duì)于編程有個(gè)了解，不再覺(jué)得是神話，而是能逐漸了解編程。