基于JSP的職業(yè)學(xué)?！毒W(wǎng)頁(yè)制作》專(zhuān)題學(xué)習(xí)網(wǎng)站的開(kāi)發(fā)

黑龍江 朱順

基于JSP的職業(yè)學(xué)校《網(wǎng)頁(yè)制作》專(zhuān)題學(xué)習(xí)網(wǎng)站的開(kāi)發(fā)

黑龍江 朱順

JSP(Java Server Pages)是一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。本文論述了職業(yè)學(xué)?！毒W(wǎng)頁(yè)制作》專(zhuān)題學(xué)習(xí)網(wǎng)站頁(yè)面結(jié)構(gòu)設(shè)計(jì)、內(nèi)容設(shè)計(jì)、查詢(xún)功能設(shè)計(jì)、MySQL數(shù)據(jù)庫(kù)連接設(shè)計(jì)及對(duì)專(zhuān)題學(xué)習(xí)網(wǎng)站的展望。

專(zhuān)題學(xué)習(xí)網(wǎng)站；職業(yè)學(xué)校；JSP；網(wǎng)頁(yè)制作

JSP(Java Server Pages)是一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。JSP開(kāi)發(fā)的網(wǎng)站具有跨平臺(tái)性，網(wǎng)絡(luò)中計(jì)算機(jī)的操作系統(tǒng)不一定必須全都是Windows。采用JSP技術(shù)開(kāi)發(fā)的專(zhuān)題學(xué)習(xí)網(wǎng)站，可以通過(guò)瀏覽器登錄網(wǎng)站，而不受所使用計(jì)算機(jī)的操作系統(tǒng)的局限，十分靈活方便。

一、JSP與PHP、ASP相比較

開(kāi)發(fā)網(wǎng)站的技術(shù)很多，之所以采用JSP，因?yàn)槠渚哂袕?qiáng)大的生命力和發(fā)展?jié)摿Α?/p>

JSP跨平臺(tái)，訪問(wèn)數(shù)據(jù)庫(kù)速度快，擴(kuò)展性好，安全性高。

PHP簡(jiǎn)單易學(xué)，特別是對(duì)有一定基礎(chǔ)的，適合快速開(kāi)發(fā)。

ASP不跨平臺(tái)，漏洞多，采用該技術(shù)所開(kāi)發(fā)的網(wǎng)站容易被攻擊，開(kāi)發(fā)ASP的微軟公司已經(jīng)放棄了對(duì)其進(jìn)行技術(shù)支持和升級(jí)。

二、專(zhuān)題學(xué)習(xí)網(wǎng)站頁(yè)面結(jié)構(gòu)設(shè)計(jì)

職業(yè)學(xué)校專(zhuān)題網(wǎng)站的功能主要是提供給學(xué)習(xí)《網(wǎng)頁(yè)制作》的專(zhuān)業(yè)知識(shí)的途徑。

職業(yè)學(xué)?！毒W(wǎng)頁(yè)制作》專(zhuān)題學(xué)習(xí)網(wǎng)站的頁(yè)面結(jié)構(gòu)采用框架進(jìn)行設(shè)計(jì)，通過(guò)HTML語(yǔ)言中的〈frame〉標(biāo)簽和〈frameset〉標(biāo)簽將頁(yè)面布局設(shè)計(jì)成三部分，分別是“網(wǎng)頁(yè)導(dǎo)航”、“網(wǎng)頁(yè)頂部”、“頁(yè)面內(nèi)容”。這種設(shè)計(jì)將每一個(gè)頁(yè)面都分別單獨(dú)放在一個(gè)框架里面，學(xué)習(xí)者登錄專(zhuān)題學(xué)習(xí)網(wǎng)站后，“網(wǎng)頁(yè)導(dǎo)航”和“網(wǎng)頁(yè)頂部”是固定不變的，學(xué)習(xí)者在瀏覽器里的操作就會(huì)在“頁(yè)面內(nèi)容”中顯示結(jié)果。這種結(jié)構(gòu)設(shè)計(jì)的優(yōu)勢(shì)如下：

（一）瀏覽器反復(fù)加載“網(wǎng)頁(yè)導(dǎo)航”和“網(wǎng)頁(yè)頂部”等相同內(nèi)容的現(xiàn)象可以被有效避免，從而極大加快了瀏覽器訪問(wèn)《網(wǎng)頁(yè)制作》專(zhuān)題學(xué)習(xí)網(wǎng)站的速度。

（二）無(wú)需在JSP頁(yè)面中大量引用〈include〉動(dòng)作標(biāo)簽。

三、專(zhuān)題學(xué)習(xí)網(wǎng)站內(nèi)容設(shè)計(jì)

主要內(nèi)容設(shè)計(jì)為“網(wǎng)頁(yè)制作基礎(chǔ)”、“網(wǎng)頁(yè)制作工具”和“網(wǎng)頁(yè)制作技術(shù)”三部分。

（一）“網(wǎng)頁(yè)制作基礎(chǔ)”：主要介紹互聯(lián)網(wǎng)的發(fā)展歷史和現(xiàn)實(shí)應(yīng)用，網(wǎng)站和主頁(yè)的定義及概念。

（二）“網(wǎng)頁(yè)制作工具”：Flash、Dreamweaver、Firework是網(wǎng)頁(yè)制作的三個(gè)常用軟件。

（三）“網(wǎng)頁(yè)制作技術(shù)”：框架網(wǎng)頁(yè)的制作、網(wǎng)頁(yè)的布局視圖排版、網(wǎng)站的發(fā)布。

四、專(zhuān)題學(xué)習(xí)網(wǎng)站文件夾結(jié)構(gòu)

在校園網(wǎng)專(zhuān)題學(xué)習(xí)網(wǎng)站服務(wù)器上創(chuàng)建文件夾webpageproduction，網(wǎng)站名稱(chēng)是webpageproduction，專(zhuān)題學(xué)習(xí)網(wǎng)站主頁(yè)上的欄目有：“網(wǎng)頁(yè)制作軟件”、“網(wǎng)頁(yè)制作教程”、“網(wǎng)頁(yè)制作視頻”、“網(wǎng)頁(yè)制作范例”、“網(wǎng)頁(yè)制作模板”和“網(wǎng)頁(yè)制作資源下載”，在服務(wù)器硬盤(pán)上webpageproduction文件夾下相應(yīng)的建立子文件夾software、tutorial、video、example、template 和 download。 在 webpageproduction文件夾里保存主頁(yè)文件，其他欄目的文件被相應(yīng)存儲(chǔ)在各自對(duì)應(yīng)的子文件夾里。每個(gè)文件夾均采用小寫(xiě)英文字母命名。

五、專(zhuān)題學(xué)習(xí)網(wǎng)站查詢(xún)功能設(shè)計(jì)

（一）條件查詢(xún)

在JSP頁(yè)面中輸入查詢(xún)條件，Tag文件可以根據(jù)JSP提交的條件進(jìn)行查詢(xún)。Tag文件是一種特殊的文本文件。Tag文件和JSP文件很類(lèi)似，可以被JSP頁(yè)面動(dòng)態(tài)加載調(diào)用，但用戶(hù)不能通過(guò)該Tag文件所在Web服務(wù)目錄直接訪問(wèn)這個(gè)Tag文件。Tag文件是擴(kuò)展名為.tag的文本文件，其結(jié)構(gòu)幾乎和JSP文件相同。一個(gè)Tag文件中可以有普通的HTML標(biāo)記符、某些特殊的指令標(biāo)記、成員變量和方法的聲明、Java程序片和Java表達(dá)式。

（二）隨機(jī)查詢(xún)

為了在結(jié)果集中能前后移動(dòng)，隨機(jī)顯示若干記錄，就必須要返回一個(gè)可滾動(dòng)的結(jié)果集。

Statement stmt=con.createStatement（int type，int concurrency）；

ResultSet re=stmt.executeQuery（SQL語(yǔ)句）；

（三）順序查詢(xún)

和數(shù)據(jù)庫(kù)建立連接對(duì)象con，調(diào)用getMeta-Data（）可返回DatabaseMetaData對(duì)象。Metadata對(duì)象再調(diào)用getColumns（）方法可將表的字段信息以行列的形式存儲(chǔ)在ResultSet對(duì)象中。

（四）模糊查詢(xún)

在JSP頁(yè)面中輸入模糊查詢(xún)條件，Tag文件可以根據(jù)JSP提交的條件進(jìn)行模糊查詢(xún)?？梢栽赟QL語(yǔ)句中使用LIKE操作符進(jìn)行模式匹配，用“%”代替零個(gè)或多個(gè)字符，下劃線“_”代替一個(gè)字符等。

（五）排序查詢(xún)

在SQL語(yǔ)句中使用ORDER BY子語(yǔ)句，將記錄排序。在JSP頁(yè)面中輸入排序方式，Tag文件根據(jù)JSP提交的數(shù)據(jù)進(jìn)行排序查詢(xún)。

六、MySQL數(shù)據(jù)庫(kù)連接設(shè)計(jì)

職業(yè)學(xué)校《網(wǎng)頁(yè)制作》專(zhuān)題學(xué)習(xí)網(wǎng)站使用MySQL數(shù)據(jù)庫(kù)，MySQL不依賴(lài)于平臺(tái)、功能強(qiáng)大，是開(kāi)源項(xiàng)目。加載MySQL的Java驅(qū)動(dòng)程序來(lái)和MySQL數(shù)據(jù)庫(kù)建立連接如下：

（一）加載驅(qū)動(dòng)程序

將mysql-connector-java-5.0.4.zip文件解壓縮到服務(wù)器的硬盤(pán)，在解壓縮文件夾里的mysql-connector-java-5.0.4-bin.jar文件是連接MySQL數(shù)據(jù)庫(kù)的Java數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序。將該驅(qū)動(dòng)程序復(fù)制到Tomcat服務(wù)器安裝目錄的commonlib文件夾中。程序代碼如下：

try{Class.forName("com.mysql.jdbc.Driver")；

}

catch(Exceptione){}

（二）與數(shù)據(jù)庫(kù)建立連接

try{String uri=“jdbc:mysql://localhost/數(shù)據(jù)庫(kù)名”；

Stringuser=“學(xué)習(xí)者姓名”；

Stringpassword="學(xué)習(xí)者密碼"；

Con=DriverManager.getConnection （uri，user，password）；

}

catch(SQLExceptione){}

七、專(zhuān)題學(xué)習(xí)網(wǎng)站展望

專(zhuān)題學(xué)習(xí)網(wǎng)站可以讓職業(yè)學(xué)校每個(gè)學(xué)生在校園網(wǎng)里共同分享《網(wǎng)頁(yè)制作》的教學(xué)資源，隨時(shí)隨地學(xué)習(xí)，上傳網(wǎng)頁(yè)制作作品，學(xué)習(xí)交流，共同提高。即使職業(yè)學(xué)校學(xué)生實(shí)習(xí)或畢業(yè)后，也可登錄專(zhuān)題學(xué)習(xí)網(wǎng)站，繼續(xù)學(xué)習(xí)相應(yīng)的日異發(fā)展更新的先進(jìn)技術(shù)，符合終身學(xué)習(xí)和就業(yè)、創(chuàng)業(yè)的時(shí)代要求。

[1]王國(guó)輝，等編著.Java Web開(kāi)發(fā)實(shí)戰(zhàn)寶典.清華大學(xué)出版社，2010年第1版.

[2]張躍平，耿祥義.JSP程序設(shè)計(jì).清華大學(xué)出版社，2009年第1版.

（作者單位：大慶市蒙妮坦職業(yè)高級(jí)中學(xué)）

（編輯 李艷華）