Web程序設(shè)計(jì)（第二版）

1 以Web中的B/S三層結(jié)構(gòu)為主線，為讀者建立一個(gè)清晰的Web編程與應(yīng)用知識框架

2 以編者10多年的研發(fā)項(xiàng)目為背景，講解從CSS樣式設(shè)計(jì)、菜單實(shí)現(xiàn)、表單數(shù)據(jù)獲取和有效性驗(yàn)證、網(wǎng)頁參數(shù)傳遞、網(wǎng)頁安全、服務(wù)端數(shù)據(jù)類型轉(zhuǎn)換、數(shù)組和文件操作、數(shù)據(jù)庫編程等110多段實(shí)用的程序代碼

3 采用“任務(wù)驅(qū)動(dòng)”的編寫方式，精心設(shè)計(jì)例題和案例，每一個(gè)例題和案例都可以在實(shí)際的Web應(yīng)用中找到應(yīng)用，為實(shí)際Web編程提供借鑒

4 設(shè)計(jì)了150多道課后練習(xí)題，都是編者在實(shí)際Web開發(fā)中遇到的問題和難點(diǎn)。通過提出問題的方式，加深對所學(xué)知識點(diǎn)的理解

5 配套《Web程序設(shè)計(jì)實(shí)訓(xùn)教程（第2版）》，方便讀者上機(jī)操作

6 提供課程網(wǎng)站（http://jcjy.sdu.edu.cn/或http://202.194.28.11/），免費(fèi)下載相關(guān)教學(xué)資源（案例和程序源代碼、PPT電子教案、答疑解惑、經(jīng)典程序代碼集錦等），方便教學(xué)

  進(jìn)入20世紀(jì)90年代以后，人們在享受互聯(lián)網(wǎng)給我們的工作和生活帶來無限便利的同時(shí)，Web技術(shù)也正在悄悄地影響和改變著我們的思維方式。在軟件開發(fā)和程序設(shè)計(jì)領(lǐng)域，Web程序設(shè)計(jì)正悄然興起，C/S結(jié)構(gòu)的系統(tǒng)風(fēng)光不再，B/S結(jié)構(gòu)在市場競爭中已經(jīng)脫穎而出。現(xiàn)在，無論是企業(yè)的電子商務(wù)，還是政府辦公系統(tǒng)，可以說，80%以上的計(jì)算機(jī)應(yīng)用都是基于Web的，使互聯(lián)網(wǎng)這個(gè)現(xiàn)代的通信平臺找到了最廣闊的應(yīng)用市場。

  身處教育行業(yè)和IT行業(yè)兩重身份，一直對計(jì)算機(jī)軟件技術(shù)的發(fā)展非常關(guān)注，希望所教授的知識和社會(huì)的需求緊密相關(guān)，培養(yǎng)的學(xué)生既有扎實(shí)、寬厚、系統(tǒng)的基礎(chǔ)理論知識，又有優(yōu)秀的開發(fā)能力。理論和實(shí)踐的結(jié)合需要一個(gè)載體，對計(jì)算機(jī)軟件來說，項(xiàng)目是再好不過的載體了。在軟件項(xiàng)目的實(shí)施中，我們可以對相關(guān)的理論知識進(jìn)行應(yīng)用驗(yàn)證；反過來，在軟件開發(fā)和應(yīng)用中遇到的問題、難題，又推動(dòng)了我們對理論問題的研究。

  科研和教學(xué)就是這樣地相輔相承，項(xiàng)目作為一種結(jié)合點(diǎn)，推動(dòng)著科研和教學(xué)水平的不斷提高。從2001年開始，我們開始基于B/S三層架構(gòu)的軟件開發(fā)工作，開發(fā)領(lǐng)域主要是E-learning，虛擬實(shí)驗(yàn)室，還有一些通用的管理系統(tǒng)，例如會(huì)議管理、論文管理、作業(yè)管理等。在這些Web應(yīng)用的開發(fā)中，遇到了許許多多的問題，也積累了很多的經(jīng)驗(yàn)，有很多的體會(huì)。我們不斷地將開發(fā)和研究中的體會(huì)，在通過大學(xué)講臺和學(xué)生們交流和分享的同時(shí)，先后于2005年、2007年探索性地出版了《Web技術(shù)導(dǎo)論》和《Web開發(fā)技術(shù)》兩個(gè)版本的教材，書中的例題和案例大都來源于這些研發(fā)項(xiàng)目。

  對于每一位任課教師，或者是學(xué)習(xí)Web開發(fā)的學(xué)生來說，往往會(huì)對自己上網(wǎng)過程中見到的良好的網(wǎng)頁感興趣，會(huì)想到能夠借鑒其中的代碼，來提高自己的程序質(zhì)量，提高編程效率。這是每一個(gè)軟件開發(fā)人員在長期的職業(yè)生涯中養(yǎng)成的習(xí)慣，即使自己不再編程，也愿意收集一些程序代碼和編程寶典類的書籍，學(xué)習(xí)其中的編程技巧。這些也正是一些教科書中最缺乏的東西，才有了許多軟件公司人員的抱怨，說我們培養(yǎng)的學(xué)生不能編程。雖然市場上有許多專門的開發(fā)類書籍，但這些書籍的讀者對象通常是專業(yè)開發(fā)人員，并不適合于教學(xué)。因此，結(jié)合市場需求和教學(xué)的需要，在前兩本已出版的教材基礎(chǔ)上，減少了一些過時(shí)的技術(shù)內(nèi)容，增加了更多實(shí)用性技術(shù)、常用問題及代碼，形成本書。

  在本書中，我們把Web開發(fā)中最常用的一些實(shí)現(xiàn)代碼以例題或案例的形式寫出來，不但用以鞏固所學(xué)到的知識點(diǎn)，更重要的是為我們未來的軟件編程提供借鑒。本書共收集和講解了110多段非常有用的程序代碼，內(nèi)容涉及HTML中的頁面布局，CSS的設(shè)計(jì)和應(yīng)用，Web中的彈出式菜單、樹形菜單的設(shè)計(jì)和不同的實(shí)現(xiàn)方法，表單數(shù)據(jù)的獲取，中文字符、email、用戶賬戶、整數(shù)、浮點(diǎn)數(shù)數(shù)字輸入的有效性驗(yàn)證，數(shù)據(jù)之間的類型轉(zhuǎn)換，數(shù)組和集合類，頁面之間的參數(shù)傳遞，頁面安全，服務(wù)端的文件和文件夾操作，數(shù)據(jù)庫的訪問和操作，AJAX異步通信等各種各樣的實(shí)用代碼。

本書分成6章，主要內(nèi)容如下：

  第1章Web程序設(shè)計(jì)基礎(chǔ)。介紹了計(jì)算模式的演變，不同計(jì)算模式下的軟件開發(fā)問題。同時(shí)，對Web的工作機(jī)理、Java技術(shù)、XML技術(shù)、Web服務(wù)、SOA架構(gòu)等相關(guān)技術(shù)，語義Web、Web 2.0等的新進(jìn)展進(jìn)行了概要性介紹。

  第2章 Web程序及運(yùn)行環(huán)境。講解了Web應(yīng)用及其基本結(jié)構(gòu)，對Web應(yīng)用的運(yùn)行環(huán)境進(jìn)行了詳細(xì)講解。圍繞Java技術(shù)，介紹了Java、Tomcat應(yīng)用服務(wù)器的安裝和配置。重點(diǎn)講解了Web應(yīng)用的規(guī)劃和部署。

  第3章 標(biāo)記語言和HTML基礎(chǔ)。標(biāo)記語言是Web應(yīng)用開發(fā)的基礎(chǔ)，它是Web應(yīng)用界面的實(shí)現(xiàn)手段。本章首先介紹了標(biāo)記語言的概念，然后詳細(xì)介紹了HTML標(biāo)記語言的語法，對css技術(shù)進(jìn)行了深入講解，并安排了大量的例子解釋每種元素的含義和使用。

  第4章 網(wǎng)頁設(shè)計(jì)與制作。網(wǎng)頁作為Web應(yīng)用的主要用戶界面，在HTML基礎(chǔ)上，加強(qiáng)了網(wǎng)頁設(shè)計(jì)的講解，包括：頁面功能與內(nèi)容設(shè)計(jì)、頁面布局設(shè)計(jì)、頁面視覺設(shè)計(jì)以及頁面效果設(shè)計(jì)等。本章還介紹了可視化制作工具FrontPage的使用。

  第5章 客戶端編程。首先講解了Web瀏覽器的基本工作原理，然后講解了客戶端腳本程序設(shè)計(jì)語言JavaScript、瀏覽器對象模型BOM、HTML文檔對象模型DOM、Web交互的內(nèi)容，并講解了AJAX技術(shù)。最后安排了四個(gè)綜合性案例，詳細(xì)講解JavaScript中的菜單實(shí)現(xiàn)、表單數(shù)據(jù)的有效性驗(yàn)證、表單數(shù)據(jù)的處理、參數(shù)傳遞以及頁面安全性等問題。這些綜合案例中包含了大量的Web開發(fā)中所需要的代碼，都來源于我們具體的研發(fā)項(xiàng)目，相信通過這些案例的學(xué)習(xí)，會(huì)大大提高編程人員的Web開發(fā)能力和代碼質(zhì)量。

  第6章 服務(wù)端編程。首先介紹了B/S三層結(jié)構(gòu)的概念，然后簡單講解了Java程序設(shè)計(jì)語言基礎(chǔ)，介紹了Java技術(shù)的特點(diǎn)、類與對象、接口、包等基本概念，介紹了Java Applet、JavaBean、Servlet服務(wù)器程序的概念，這些概念是開展基于Java技術(shù)的服務(wù)端編程的基礎(chǔ)。

  本章的重點(diǎn)是JSP技術(shù)、數(shù)據(jù)庫編程以及MVC設(shè)計(jì)模式的講解。在JSP技術(shù)中，講解了JSP的語法、JSP中的數(shù)據(jù)類型及其轉(zhuǎn)換、JSP內(nèi)置對象、JSP中的參數(shù)傳遞方法等內(nèi)容。然后講解了服務(wù)端的數(shù)據(jù)庫編程，并給出了一個(gè)完整的案例。最后，講解了基于Ajax技術(shù)的在線聊天Web應(yīng)用的整個(gè)開發(fā)過程，同時(shí)對常用的Java開發(fā)工具進(jìn)行了介紹。

作為互聯(lián)網(wǎng)的用戶和Web技術(shù)的開發(fā)者和實(shí)踐者，同時(shí)，作為一個(gè)公司派的高校教師，希望這本書的知識結(jié)構(gòu)和內(nèi)容對于您學(xué)習(xí)Web開發(fā)，進(jìn)行Web編程能有所幫助。也希望其中的大量例子在您未來的Web開發(fā)中，為您的編程給以啟發(fā)，節(jié)省寶貴的時(shí)間。軟件開發(fā)是一個(gè)積累的過程，讓我們一起在這種積累中進(jìn)步，來享受成功的樂趣。

  在本書寫作的過程中，非常感謝我的同事鞏裕偉老師、焦文江老師、楊興強(qiáng)老師、呂剛老師、闞錚老師和李蘊(yùn)老師的工作和他們提出的良好建議，還要感謝我的學(xué)生蘇雪、常躍峰、崔旭、朱巖 、郝鳳杰、田容雨、尤鳳英、董穎等，他們都參與了我們許多項(xiàng)目的研發(fā)工作，編寫了大量的程序代碼，祝愿他們在以后的工作和生活中一切順利，祝愿他們?nèi)〉酶�大的成績。此外，還要感謝中國水利水電出版社的雷順加編審，在本書的策劃和寫作中，提出了很好的建議，特別是對編寫方式及習(xí)題的策劃，使得本書能夠更好地用于教學(xué)。

由于本書涉及的內(nèi)容非常廣泛，在深度和廣度上很難做到完美，同時(shí)，也由于作者本人的知識面和認(rèn)識有限，書中錯(cuò)誤和不足在所難免，敬請各位同行和廣大讀者批評指正。

作者Email：hxw@sdu.edu.cn

前言
第1章  Web程序設(shè)計(jì)基礎(chǔ) 1
1.1  計(jì)算模式與程序設(shè)計(jì)模式的演變 1
1.1.1  單機(jī)運(yùn)行與集中式計(jì)算模式 1
1.1.2  客戶/服務(wù)器（C/S）計(jì)算模式 2
1.1.3  瀏覽器/服務(wù)器（B/S）計(jì)算模式 2
1.1.4  軟件設(shè)計(jì)與開發(fā)模式的演化 4
1.2  Web及其工作原理 5
1.2.1  什么是Web 5
1.2.2  Web的工作原理 6
1.2.3  Web瀏覽器 6
1.2.4  Web服務(wù)器 7
1.3  Web相關(guān)技術(shù) 7
1.3.1  概念及術(shù)語 7
1.3.2  Java技術(shù) 8
1.3.3  XML技術(shù) 10
1.3.4  Web服務(wù) 12
1.4  Web發(fā)展趨勢 13
1.4.1  Web 2.0 13
1.4.2  語義Web 14
本章小結(jié) 16
習(xí)題1 16
第2章  Web程序及運(yùn)行環(huán)境 18
2.1  Web應(yīng)用及基本結(jié)構(gòu) 18
2.1.1  傳統(tǒng)程序與軟件開發(fā) 18
2.1.2  Web應(yīng)用的基本結(jié)構(gòu) 19
2.2  操作系統(tǒng)與Web服務(wù)器 21
2.2.1  Web服務(wù)器 21
2.2.2  主流Web服務(wù)器簡介 21
2.3  基于Java的Web應(yīng)用運(yùn)行環(huán)境 23
2.3.1  Apache服務(wù)器的作用和功能 23
2.3.2  Tomcat應(yīng)用服務(wù)器的作用和功能 23
2.4  Tomcat的安裝和配置 24
2.4.1  Servlet/JSP規(guī)范 24
2.4.2  安裝Java運(yùn)行環(huán)境 24
2.4.3  Tomcat的安裝和配置 29
2.4.4  建立并部署Web應(yīng)用 35
2.4.5  使用虛擬目錄 39
2.5  Web應(yīng)用的規(guī)劃與運(yùn)行 40
2.5.1  規(guī)劃Web應(yīng)用 40
2.5.2  Web應(yīng)用的運(yùn)行 41
本章小結(jié) 41
習(xí)題2 42
第3章  標(biāo)記語言HTML基礎(chǔ) 43
3.1  標(biāo)記語言及其發(fā)展 43
3.1.1  標(biāo)準(zhǔn)通用標(biāo)記語言SGML 44
3.1.2  超文本標(biāo)記語言HTML 44
3.1.3  可擴(kuò)展HTML規(guī)范XHTML 45
3.1.4  可擴(kuò)展標(biāo)記語言XML 45
3.2  HTML標(biāo)記語言基礎(chǔ) 45
3.2.1  標(biāo)記類型與標(biāo)記屬性 46
3.2.2  文檔結(jié)構(gòu) 46
3.3  文件頭標(biāo)記及子標(biāo)記 47
3.4  文件體標(biāo)記及其屬性 49
3.5  文檔內(nèi)容常用標(biāo)記 51
3.5.1  標(biāo)題、段落與文本標(biāo)記 51
3.5.2  圖像標(biāo)記 52
3.5.3  超鏈接標(biāo)記與書簽 53
3.5.4  影像地圖標(biāo)記 54
3.5.5  表格 55
3.5.6  表單 57
3.5.7  其他標(biāo)記 64
3.6  div標(biāo)記與span標(biāo)記 66
3.6.1  層次塊div標(biāo)記 66
3.6.2  span標(biāo)記 67
3.7  對象和腳本程序標(biāo)記 68
3.8  層疊樣式表CSS技術(shù) 70
3.9  幀 76
3.10  其他相關(guān)技術(shù) 78
3.10.1  DHTML技術(shù) 78
3.10.2  SHTML技術(shù) 78
本章小結(jié) 79
習(xí)題3 79
第4章  網(wǎng)頁設(shè)計(jì)與制作 83
4.1  網(wǎng)頁設(shè)計(jì)基礎(chǔ) 83
4.1.1  頁面功能與內(nèi)容設(shè)計(jì) 83
4.1.2  頁面布局設(shè)計(jì) 84
4.1.3  頁面視覺設(shè)計(jì) 87
4.1.4  頁面效果設(shè)計(jì) 88
4.2  使用FrontPage 89
4.2.1  FrontPage主窗口 89
4.2.2  網(wǎng)站的新建與維護(hù) 90
4.2.3  新建網(wǎng)頁 92
4.3  網(wǎng)頁編輯 94
4.3.1  輸入文本內(nèi)容 94
4.3.2  插入圖片 95
4.3.3  建立超鏈接或書簽 96
4.3.4  圖像地圖 97
4.3.5  插入表格 98
4.3.6  插入表單 100
4.4  設(shè)置標(biāo)記屬性 101
4.4.1  使用IntelliSense技術(shù) 102
4.4.2  使用行為面板 102
4.5  定義和使用樣式 103
4.5.1  定義樣式 103
4.5.2  使用樣式表文件 104
4.6  Frame框架和IFrame框架 104
4.6.1  Frame框架網(wǎng)頁 105
4.6.2  使用浮動(dòng)框架IFrame 108
本章小結(jié) 111
習(xí)題4 111
第5章  客戶端編程 114
5.1  瀏覽器與客戶端腳本程序 114
5.1.1  瀏覽器與客戶端腳本引擎 115
5.1.2  腳本語言規(guī)范與主要的客戶端腳本語言 115
5.2  JavaScript程序設(shè)計(jì)基礎(chǔ) 117
5.2.1  JavaScript基本符號 117
5.2.2  數(shù)據(jù)和數(shù)據(jù)類型 118
5.2.3  常量和變量 119
5.2.4  表達(dá)式和運(yùn)算符 120
5.2.5  基本語句 120
5.2.6  函數(shù) 124
5.3  事件驅(qū)動(dòng)及事件處理 124
5.3.1  事件驅(qū)動(dòng)的程序執(zhí)行過程 124
5.3.2  JavaScript中的常用事件 124
5.4  對象及其操作 126
5.4.1  類與對象的概念 126
5.4.2  對象的操作 127
5.5  常用內(nèi)部對象及函數(shù) 128
5.5.1  String對象 128
5.5.2  Math對象 131
5.5.3  Date對象 132
5.5.4  Array數(shù)組對象 135
5.5.5  預(yù)定義函數(shù) 136
5.6  JavaScript瀏覽器對象模型BOM 138
5.6.1  BOM層次結(jié)構(gòu) 138
5.6.2  window對象 138
5.6.3  frames對象 143
5.6.4  location對象 144
5.6.5  history對象 144
5.6.6  screen對象 145
5.6.7  event對象 146
5.7  HTML文檔對象模型DOM 147
5.7.1  文檔對象模型DOM 147
5.7.2  HTML DOM對象 148
5.8  Web交互 155
5.8.1  使用form實(shí)現(xiàn)Web頁面的信息交互 155
5.8.2  使用frame實(shí)現(xiàn)更復(fù)雜的交互 164
5.9  使用AJAX技術(shù) 170
5.9.1  AJAX基礎(chǔ) 170
5.9.2  XMLHttpRequest對象 171
5.10  綜合舉例 173
5.10.1  創(chuàng)建折疊式菜單 174
5.10.2  創(chuàng)建樹形菜單 177
5.10.3  表單數(shù)據(jù)綜合處理 179
5.10.4  頁面之間參數(shù)傳遞 188
本章小結(jié) 195
習(xí)題5 196
第6章  服務(wù)端編程 199
6.1  B/S三層體系結(jié)構(gòu)與Web服務(wù)器腳本程序 199
6.1.1  B/S三層體系結(jié)構(gòu) 200
6.1.2  腳本引擎與服務(wù)端腳本程序 200
6.2  Java程序設(shè)計(jì)基礎(chǔ) 201
6.2.1  Java程序設(shè)計(jì)語言 202
6.2.2  類與對象 204
6.2.3  接口 211
6.2.4  包 212
6.2.5  Java基礎(chǔ)類庫 213
6.2.6  Java Applet 214
6.2.7  Servlet服務(wù)器程序 215
6.3  JavaBean 216
6.3.1  什么是JavaBean 216
6.3.2  JavaBean的屬性、方法和事件 216
6.4  JSP技術(shù) 218
6.4.1  JSP的運(yùn)行環(huán)境 219
6.4.2  JSP的語法結(jié)構(gòu) 220
6.4.3  JSP中的數(shù)據(jù)類型及其轉(zhuǎn)換 222
6.4.4  JSP內(nèi)置對象 224
6.4.5  在JSP中使用JavaBean 227
6.4.6  JSP中的文件與文件夾操作 229
6.4.7  JSP中的參數(shù)傳遞方法 231
6.5  JDBC與數(shù)據(jù)庫編程 232
6.5.1  JDBC接口 232
6.5.2  數(shù)據(jù)庫操作 234
6.5.3  舉例 235
6.6  綜合舉例??在線聊天程序 244
6.6.1  系統(tǒng)分析 244
6.6.2  客戶端設(shè)計(jì) 244
6.6.3  服務(wù)端設(shè)計(jì) 254
6.7  Java開發(fā)工具簡介 260
6.7.1  JDK 260
6.7.2  Sun NetBeans集成開發(fā)環(huán)境 261
6.7.3  Eclipse開發(fā)平臺 261
6.7.4  JBuilder開發(fā)環(huán)境 262
6.7.5  JDeveloper開發(fā)框架 262
本章小結(jié) 263
習(xí)題6 263
參考資料 265
 

1. Python程序設(shè)計(jì)案例教程（微課版） [主編　石利平　田輝平　余以勝]
2. Java面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 姜春磊 陳虹潔]
3. C語言程序設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)與實(shí)訓(xùn)（第二版） [主編 倪燃]
4. Python程序設(shè)計(jì)及實(shí)踐教程 [肖朝暉]
5. C語言程序設(shè)計(jì) [魏琴 劉祖珉 趙仕波 肖陽春]
6. C語言程序設(shè)計(jì)實(shí)驗(yàn)教程 [張小剛 司春景]
7. 電氣控制與PLC程序設(shè)計(jì)（第二版） [胡冠山]
8. Java Web項(xiàng)目化設(shè)計(jì)實(shí)踐教程 [邱云 曾陳萍]
9. C語言程序設(shè)計(jì)（第三版） [主編 丁紅 王立新 蔡開立]
10. Python數(shù)據(jù)分析 [主編　馮志輝　趙磊　李放]
11. Python程序設(shè)計(jì)與應(yīng)用（第二版） [主編 張廣淵]
12. C程序設(shè)計(jì)實(shí)踐教程 [劉衛(wèi)國]
13. C程序設(shè)計(jì)（慕課版） [劉衛(wèi)國]
14. Web技術(shù)開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 程序設(shè)計(jì)基礎(chǔ)實(shí)踐教程（C/C++語言版） [張桂芬 葛麗娜]
16. C++案例項(xiàng)目精講 [主編 楊國興]
17. SwiftUI完全開發(fā) [李智威 著]
18. MySQL數(shù)據(jù)庫項(xiàng)目式教程 [陳亞峰]
19. C語言程序設(shè)計(jì)習(xí)題與實(shí)驗(yàn)指導(dǎo)（第二版） [主編 甄增榮 張賓]
20. C語言程序設(shè)計(jì)（第二版） [主編 甄增榮 田云霞]
21. Unity3D虛擬現(xiàn)實(shí)應(yīng)用開發(fā)實(shí)踐 [主 編 劉龍]
22. Python程序設(shè)計(jì) [主編 姜春磊 陳虹潔]
23. C語言程序設(shè)計(jì)實(shí)踐教程（活頁式） [主編 鄭茵 陳巍 滕泓虬]
24. 面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 張勇 張平華 趙小龍]
25. Java Web應(yīng)用技術(shù)項(xiàng)目化教程 [黃日勝 方阿麗]
26. Python程序設(shè)計(jì)基礎(chǔ)及實(shí)戰(zhàn) [主編　劉健]
27. C語言程序設(shè)計(jì) [姜雪]
28. Python程序設(shè)計(jì)實(shí)踐教程 [王鶴琴 蔡正保]
29. C++程序設(shè)計(jì)實(shí)踐教程（第三版） [主編 劉衛(wèi)國 曹岳輝]
30. C++程序設(shè)計(jì)（第三版） [主編 曹岳輝 劉衛(wèi)國]