摘 要 動態(tài)網(wǎng)頁以圖、文、聲、像并茂的方式進(jìn)行形象化宣傳,彌補(bǔ)了傳統(tǒng)靜態(tài)網(wǎng)站的不足。本文著重于采用JSP技術(shù)和Dreamweaver軟件進(jìn)行個人動態(tài)網(wǎng)頁設(shè)計(jì)及實(shí)現(xiàn)的研究,首先介紹了計(jì)算機(jī)動態(tài)網(wǎng)頁制作的環(huán)境,然后以JSP的留言本動態(tài)網(wǎng)站的制作為例,進(jìn)行了系統(tǒng)講解。最后指出了計(jì)算機(jī)動態(tài)網(wǎng)頁制作應(yīng)該注意的問題。
關(guān)鍵詞 JSP技術(shù) Dreamweaver 動態(tài)網(wǎng)頁
中圖分類號:TP393.09 文獻(xiàn)標(biāo)識碼:A
0 引言
隨著Internet技術(shù)的突飛猛進(jìn),越來越多的企業(yè)和個人開始建立自己的網(wǎng)站發(fā)布信息。動態(tài)網(wǎng)站雖然在前期設(shè)計(jì)階段開銷較大,但一旦建成維護(hù)簡單方便,而且具有功能強(qiáng)大、客戶端與服務(wù)器交互性好等特點(diǎn),這些特點(diǎn)使得動態(tài)網(wǎng)站設(shè)計(jì)技術(shù)被越來越廣泛的采用。
SUN公司推出了Java Server Pages (JSP)技術(shù),它使得構(gòu)造基于Web的應(yīng)用程序更加容易和快捷,在個人網(wǎng)頁設(shè)計(jì)及實(shí)現(xiàn)中有著十分重要的意義。Dreamweaver8是當(dāng)前最流行的Macromedia公司的網(wǎng)頁設(shè)計(jì)軟件。在Dreamweaver8中提供了基于ASP、JSP、PHP、ASP.NET、VBScript和ColdFusion等動態(tài)網(wǎng)頁技術(shù)的WEB應(yīng)用程序開發(fā)功能,通過數(shù)據(jù)庫、服務(wù)器行為和綁定面板快速定義數(shù)據(jù)庫連接,將數(shù)據(jù)庫記錄顯示在頁面并通過頁面操作數(shù)據(jù)庫數(shù)據(jù),使得用戶避開了繁瑣的代碼書寫過程。
2 動態(tài)網(wǎng)頁原理及JSP技術(shù)
2.1 動態(tài)網(wǎng)頁原理及設(shè)計(jì)平臺
動態(tài)的網(wǎng)頁也就是動態(tài)HTML(Dynamic HTML),從本質(zhì)上講,每當(dāng)頁面被加載時,瀏覽器就建立起和服務(wù)器的數(shù)據(jù)庫的連接,每個標(biāo)記都成為數(shù)據(jù)庫的一個記錄。其次,DHTML需要一種方法來控制文檔中所需要控制的元素,這可以通過一些腳本來完成,例如JavaScript或VBScript腳本語言會把相關(guān)的信息嵌入到頁面中的每個元素中,并查閱它們的設(shè)置值,使之發(fā)生預(yù)想的變化。
2.2 JSP技術(shù)及設(shè)計(jì)平臺
JSP是由Sun公司倡導(dǎo)、許多公司參與共同建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn),它將傳統(tǒng)的網(wǎng)頁HTML文件(*.htm,*.htm1)中加入Java程序片段和JSP標(biāo)記,從而構(gòu)成了JSP網(wǎng)頁(*.jsp)。Web服務(wù)器在遇到訪問JSP 網(wǎng)頁的請求時,首先執(zhí)行其中的程序片段,然后將執(zhí)行結(jié)果以HTMI 格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送E-mail等,這就是建立動態(tài)網(wǎng)站時經(jīng)常需要的功能。
而Dreamweaver8中提供了基于JS的動態(tài)網(wǎng)頁技術(shù)的WEB應(yīng)用程序開發(fā)功能,通過數(shù)據(jù)庫、服務(wù)器行為和綁定面板快速定義數(shù)據(jù)庫連接,將數(shù)據(jù)庫記錄顯示在頁面和通過頁面操作數(shù)據(jù)庫數(shù)據(jù),該技術(shù)由于具有安全性好、移植性好、可重用組件多等許多優(yōu)勢,目前已經(jīng)成為十分流行的一種編程技術(shù)。
3 JSP技術(shù)在動態(tài)網(wǎng)頁設(shè)計(jì)中的應(yīng)用
3.1 動態(tài)網(wǎng)站應(yīng)用實(shí)例分析
為了更好的說明JSP技術(shù)在動態(tài)網(wǎng)站上應(yīng)用優(yōu)勢,我們以網(wǎng)絡(luò)上常用的發(fā)布留言來進(jìn)行分析。本次研究用JSP技術(shù)加上相應(yīng)的編程工具(DREAMWEAVER)來實(shí)現(xiàn)留言功能。發(fā)布留言模塊用到的最基本表單:留言者姓名,留言標(biāo)題,留言內(nèi)容,留言者其他信息(mail,msn等聯(lián)系方式)。在DREAMWEAVER里新建動態(tài)頁JSP,以上表單都在DREAMWEAVER插入表單里找到,下面我們編寫JSP代碼來實(shí)現(xiàn)發(fā)布留言、將留言寫入數(shù)據(jù)庫這個功能。JSP的基本語法結(jié)構(gòu)都包含在<%%>內(nèi),下面是一條最簡單的JSP語句,向屏幕輸出“hello,world!”這句話。
<%
out.println(\"hello,world!\");
%>
具體的JSP程序編寫規(guī)則可參考相關(guān)書籍。
當(dāng)填入上面表單內(nèi)容后,通過JavaScript驗(yàn)證輸入合法性后提交程序處理。下面寫出程序主要處理過程。
<%
Statement st=con.createStatement();
String sql=\"insert into content values('\"+t1+\"','\"+t2+\"','\"+t3+\"','\"+t4+\"', now())\";
st.executeUpdate(sql);
st.close();
%>
其中t1-t4代表了表單里面輸入的值,now()表示發(fā)布留言時的時間。
從上面的分析我們能看出正是由于JSP代碼的簡單易讀性,設(shè)計(jì)編寫方便性,讓它在廣大網(wǎng)絡(luò)程序員中倍受歡迎。
4 結(jié)論
隨著計(jì)算機(jī)技術(shù)的發(fā)展、計(jì)算機(jī)使用的普及,動態(tài)網(wǎng)頁制作已逐漸應(yīng)用到各個網(wǎng)站。作為Java的一部分,JSP技術(shù)使得在獨(dú)立的平臺上那些基于Web的應(yīng)用軟件能夠得到迅速發(fā)展,為創(chuàng)建顯示動態(tài)生成內(nèi)容的Web頁面提供了一個簡潔而快速的方法。Dreamweaver使網(wǎng)頁開發(fā)設(shè)計(jì)者能夠快速開發(fā)出美觀功能強(qiáng)大的動態(tài)網(wǎng)頁。本次研究基于上述技術(shù)分析了網(wǎng)絡(luò)留言功能的實(shí)現(xiàn),對于進(jìn)一步推廣相關(guān)技術(shù)的應(yīng)用有著一定的實(shí)際意義。
參考文獻(xiàn)
[1] 龍馬工作室.DREAMWEAVER MX 2004與ASP精析.人民郵電出版社,2005.
[2] 王春紅.網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)教程與實(shí)訓(xùn).北京:北京大學(xué)出版社,2006.
[3] 吳煜煌等.網(wǎng)絡(luò)與信息安全教程.中國水利水電出版社,2006.