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

韓思凡

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

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

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

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

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

利用jsp 實現(xiàn)分頁，它讀取數(shù)據(jù)的時候是分批次讀取的，操作頁數(shù)跳轉(zhuǎn)的時候才從數(shù)據(jù)庫中加載新的數(shù)據(jù)。可以用以下方法實現(xiàn)分頁：

i:通過sql 語句來首先計算得到數(shù)據(jù)庫中的記錄條數(shù)，簡寫代碼為：

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

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

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

2 servlet

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

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

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

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

3.3 jsp 實現(xiàn)分頁功能。關(guān)于分頁這個功能我們在Web 開發(fā)中使用的非常多，例如我們逛淘寶等等電商平臺時候我們在瀏覽商品的時候當(dāng)前頁面的商品瀏覽完后我們會點擊“下一頁”來加載新的商品。分頁功能會極大的提高用戶的體驗度，讓頁面更

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

servlet 的使用方法及步驟：

（1）創(chuàng)建servlet 類，重寫doGet（）方法或doGet（）方法

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

//通過xml 文件配置

其中兩個 要相同，在定義URL 路徑（）為xxx后，在瀏覽器中訪問servlet 的的格式為：http://localhost:8080/項目名稱/xxx

通過注解配置

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

4 結(jié)論

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