互聯(lián)網(wǎng)軟件開(kāi)發(fā)過(guò)程概述

第一章網(wǎng)絡(luò)軟件開(kāi)發(fā)概述1.1、Internet概述1.2、三類網(wǎng)絡(luò)程序設(shè)計(jì)1.3、Web編程概述1.4、HTML基礎(chǔ)1.5、XML基礎(chǔ)1.1、Internet概述

網(wǎng)絡(luò)改變生活！因特網(wǎng)：全球最大、開(kāi)放的、互聯(lián)的萬(wàn)維網(wǎng)：基于超文本的信息服務(wù)系統(tǒng)超文本：一種全局性的信息結(jié)構(gòu)，使信息可以交互方式搜索超媒體：超文本與多媒體在信息瀏覽環(huán)境下的結(jié)合瀏覽器：這里專指Web瀏覽器，IE、Netscape、Opera等1.1、Internet概述

IP地址：網(wǎng)絡(luò)中的計(jì)算機(jī)的標(biāo)識(shí)。32位整數(shù)，通常用點(diǎn)分十進(jìn)制表示，如2。IPv6為128位。域名：IP地址的文本格式，方便記憶，如URL（UniformResourceLocators統(tǒng)一資源定位符）：用于識(shí)別Internet中的文檔。服務(wù)器：軟件和硬件兩個(gè)層次，Apache、IIS、Tomcat1.1、Internet概述

常見(jiàn)服務(wù)器軟件介紹：IIS（InternetInformationServer互聯(lián)網(wǎng)信息服務(wù)）：微軟開(kāi)發(fā)，Windows下使用，提供靜態(tài)網(wǎng)頁(yè)及動(dòng)態(tài)網(wǎng)頁(yè)（ASP，ASP.net）支持，是一種Web（網(wǎng)頁(yè)）服務(wù)組件，支持VBScript、JavaScript、asp、、CGI等語(yǔ)言，支持HTTP，F(xiàn)TP和SMTP等協(xié)議，以構(gòu)建Web服務(wù)器、FTP服務(wù)器，郵件服務(wù)器等。1.1、Internet概述

Apache：一個(gè)web服務(wù)器環(huán)境程序，啟用他可以作為web服務(wù)器使用，不過(guò)只支持靜態(tài)網(wǎng)頁(yè)，如(asp,php,cgi,jsp)等動(dòng)態(tài)網(wǎng)頁(yè)的就不行，幾乎所有的Linux發(fā)布都安裝Apache作為默認(rèn)配置。Tomcat：Tomcat是Sun和Apache合作做出來(lái)的JSPServer

，提供對(duì)jsp的支持。經(jīng)常的做法是Apache+Tomcat+JDK1.2、三類網(wǎng)絡(luò)程序設(shè)計(jì)

網(wǎng)絡(luò)程序設(shè)計(jì)，或稱網(wǎng)絡(luò)編程，是一個(gè)很大的范疇，大致上可以分為3類：基于TCP/IP協(xié)議棧的網(wǎng)絡(luò)編程基于WWW應(yīng)用的網(wǎng)絡(luò)編程（Web編程）WebServices網(wǎng)絡(luò)編程1.2、三類網(wǎng)絡(luò)程序設(shè)計(jì)

基于TCP/IP協(xié)議棧的網(wǎng)絡(luò)編程：最基本的網(wǎng)絡(luò)編程方式，主要是使用各種編程語(yǔ)言，利用操作系統(tǒng)提供的套接字網(wǎng)絡(luò)編程接口，直接開(kāi)發(fā)各種網(wǎng)絡(luò)應(yīng)用程序。需要深入了解TCP/IP的相關(guān)知識(shí)，掌握套接字網(wǎng)絡(luò)編程接口，以及網(wǎng)絡(luò)應(yīng)用層協(xié)議，如HTTP、FTP、SMTP等。1.2、三類網(wǎng)絡(luò)程序設(shè)計(jì)

基于WWW應(yīng)用的網(wǎng)絡(luò)編程（Web編程）:所見(jiàn)即所得的網(wǎng)頁(yè)制作工具，如FrontPage、Dreamweaver、Flash、Firework等動(dòng)態(tài)服務(wù)器頁(yè)面制作技術(shù)，如ASP、JSP、PHP及ASP.net等1.2、三類網(wǎng)絡(luò)程序設(shè)計(jì)

WebServices網(wǎng)絡(luò)編程:

WebServices也稱Web服務(wù)。簡(jiǎn)單地講，Webservices就是服務(wù)器端程序，用以監(jiān)聽(tīng)來(lái)自客戶端應(yīng)用程序的信息，并傳回特定的信息。Web服務(wù)是一種建立可交互操作的分布式應(yīng)用程序的新平臺(tái)。Web服務(wù)視為應(yīng)用程序而準(zhǔn)備的。通過(guò)將一個(gè)系統(tǒng)作為一個(gè)Web服務(wù)，第三方可以將我們的系統(tǒng)功能整合到他們自己的客戶應(yīng)用程序中。1.3、Web編程概述

Web是一種典型的分布式應(yīng)用框架。Web應(yīng)用中的每一次信息交換都要涉及客戶端和服務(wù)端兩個(gè)層面。因此，Web編程技術(shù)大體上也可以被分為客戶端技術(shù)和服務(wù)端技術(shù)兩大類。1.3、Web編程概述

一、Web的工作原理：

Web的信息源保存在Web站點(diǎn)中，用戶通過(guò)Web瀏覽器來(lái)訪問(wèn)。因此，Web是一種基于客戶機(jī)/服務(wù)器（Client/Server，C/S）的體系結(jié)構(gòu)。瀏覽器的主要功能是解釋并顯示由Web服務(wù)器傳送來(lái)的、由HTML寫成的文檔，包括嵌入在HTML文檔中的GIF和JPEG格式的圖像及JavaScript、VBScript等腳本語(yǔ)言編寫的腳本。1.3、Web編程概述

Web服務(wù)器是一個(gè)軟件，用于管理Web頁(yè)面，并使這些頁(yè)面通過(guò)本地網(wǎng)絡(luò)或Internet供客戶機(jī)瀏覽器使用。通常，服務(wù)器與瀏覽器位于兩臺(tái)不同的計(jì)算機(jī)上，但是也可以用一臺(tái)計(jì)算機(jī)運(yùn)行服務(wù)器軟件，并且同時(shí)用這一臺(tái)計(jì)算機(jī)運(yùn)行瀏覽器。1.3、Web編程概述

在Web系統(tǒng)中，Web服務(wù)器向?yàn)g覽器提供服務(wù)的工作方式如下:（1）用戶啟動(dòng)客戶機(jī)（即本機(jī)）的瀏覽器程序，并在瀏覽器中指定一個(gè)統(tǒng)一資源定位器（UniformResourceLocator，URL），它是瀏覽器用來(lái)訪問(wèn)Internet信息的地址，即通常所說(shuō)的網(wǎng)址。它準(zhǔn)確地描述了信息所在的地址，瀏覽器可以通過(guò)向該URL所指向的Web服務(wù)器發(fā)出請(qǐng)求。1.3、Web編程概述

（2）Web服務(wù)器接到瀏覽器的請(qǐng)求后，把URL轉(zhuǎn)換成頁(yè)面所在服務(wù)器上的文件路徑名。（3）若URL指向的是普通的HTML文檔，Web服務(wù)器直接送給瀏覽器，瀏覽器負(fù)責(zé)將HTML格式文檔解釋轉(zhuǎn)換成用戶能接受的文本格式。HTML文檔中可能包含用Java、JavaScript、ActiveX或VBScript等編寫的小應(yīng)用程序，服務(wù)器也將它們隨HTML一起傳到瀏覽器，在瀏覽器所在的計(jì)算機(jī)上執(zhí)行。1.3、Web編程概述

1．靜態(tài)頁(yè)面的工作原理：1.3、Web編程概述

2．動(dòng)態(tài)Web頁(yè)面的工作原理：

動(dòng)態(tài)Web頁(yè)面不能在用戶請(qǐng)求頁(yè)面之前通過(guò)將硬編碼的代碼保存到文件這一方法來(lái)創(chuàng)建，而是在得到頁(yè)面請(qǐng)求之后再生成HTML文件。主要有兩種方法可以實(shí)現(xiàn)此功能?？蛻舳藙?dòng)態(tài)Web頁(yè)面服務(wù)器端的動(dòng)態(tài)Web頁(yè)面1.3、Web編程概述

（1）客戶端動(dòng)態(tài)Web頁(yè)面工作原理圖:1.3、Web編程概述

（2）服務(wù)器端的動(dòng)態(tài)Web頁(yè)面工作原理：1.3、Web編程概述

二、動(dòng)態(tài)Web開(kāi)發(fā)技術(shù)概述：1．提供動(dòng)態(tài)內(nèi)容的客戶端技術(shù)每一項(xiàng)提供動(dòng)態(tài)內(nèi)容的客戶端技術(shù)都依賴于內(nèi)置在瀏覽器中的模塊（即插件）來(lái)處理指令?？蛻舳思夹g(shù)是腳本語(yǔ)言、控件以及功能完善的編程語(yǔ)言的綜合。（1）JavaScript（2）VBScript（3）Java小應(yīng)用程序（4）Flash1.3、Web編程概述

2．提供動(dòng)態(tài)內(nèi)容的服務(wù)器端技術(shù)提供動(dòng)態(tài)內(nèi)容的服務(wù)器端技術(shù)依賴于添加到Web服務(wù)器而不是添加到瀏覽器的模塊附件。因此，只有HTML文件和客戶端腳本通過(guò)Web服務(wù)器傳遞到瀏覽器。（1）CGI（2）ASP（3）JSP（4）PHP（5）ASP.NET1.4、HTML基礎(chǔ)

一、HTML標(biāo)記HTML標(biāo)簽可以分為兩類：?jiǎn)螛?biāo)簽和雙標(biāo)簽。（1）單標(biāo)簽。只需單獨(dú)使用就能完整地表達(dá)意思的標(biāo)簽。這類標(biāo)記的語(yǔ)法如下。

<標(biāo)簽名稱>（2）雙標(biāo)簽。由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對(duì)使用。<標(biāo)簽>內(nèi)容</標(biāo)簽>1.4、HTML基礎(chǔ)

大多數(shù)標(biāo)簽都擁有一些屬性，大部分屬性都有默認(rèn)值，利用這些屬性可以定制各種效果。設(shè)置和改變屬性時(shí)，將“屬性名=屬性值”放在單標(biāo)簽和雙標(biāo)簽的始標(biāo)簽內(nèi)，其格式如下。<標(biāo)簽名字屬性1=屬性值1屬性2=屬性值2…>1.4、HTML基礎(chǔ)

二、HTML文檔的基本結(jié)構(gòu)<HTML><HEAD><TITLE>標(biāo)題文字</TITLE></HEAD><BODY>文本、圖像、動(dòng)畫、HTML指令等</BODY></HTML>1.4、HTML基礎(chǔ)

一個(gè)基本的HTML文檔通常包含以下三對(duì)頂級(jí)標(biāo)記。HTML標(biāo)記：<HTML>...</HTML>HTML標(biāo)記是全部文檔內(nèi)容的容器，<HTML>是開(kāi)始標(biāo)記，</HTML>是結(jié)束標(biāo)記。首部標(biāo)記：<HEAD>...</HEAD>

首部標(biāo)記用于提供與網(wǎng)頁(yè)有關(guān)的各種信息。正文標(biāo)記：<BODY>...</BODY>

正文標(biāo)記包含了文檔的內(nèi)容，文字、圖像、動(dòng)畫、超鏈接以及其他HTML對(duì)象均位于該標(biāo)記中。1.4、HTML基礎(chǔ)

三、標(biāo)簽實(shí)例：<html><!--標(biāo)題--><head><title>一個(gè)簡(jiǎn)單的HTML例子</title></head><bodybgcolor="#ccccff"text="#cc0000"><palign=center><b>這是一個(gè)簡(jiǎn)單的HTML頁(yè)面的例子。</b></p><!--超級(jí)連接-->這是一個(gè)到<ahref="http://">華東交通大學(xué)</a>的超級(jí)鏈接。</body></html>四、一些常用的HTML標(biāo)記（1）

元

素

說(shuō)

明

用

法

示

例

<img>

圖片標(biāo)記。這個(gè)標(biāo)記將一個(gè)圖片放置到頁(yè)面上

<img

src="myimage.gif"/>

<div>

類似段落的一塊文本。使用<div>標(biāo)記的各種屬性，可以將包含在該標(biāo)記元素內(nèi)的文本放置在頁(yè)面上的任何位置。

<divstyle="float:left">Left-hand

contenthere</div>

<divstyle="float:right">Right-handcontenthere</div>

<span>

用于格式化文本中的字符的標(biāo)記，因此可以用<span>標(biāo)記包住一句話中的一個(gè)詞語(yǔ)，并讓該標(biāo)記設(shè)置為粗體字以突出該詞語(yǔ)

<div>Somestandardtextwitha<spanstyle="font-weight:bold">bold</span>wordinthemiddle</div>

<table>

<tr>

<td>

<table>元素中包含了行（<tr>）和列（<td>）。一般用于在頁(yè)面上定位其他元素，理想情況下應(yīng)只用于表格式的數(shù)據(jù)。根據(jù)可訪問(wèn)性原則，<div>元素應(yīng)用于定位和布局，但很多站點(diǎn)仍然使用表格，因?yàn)樗容^容易開(kāi)發(fā)

<tableborder="1">

<tr>

<td>Thecontentsofacell</td>

</tr>

</table>

<a>

錨（anchor）元素。在頁(yè)面上定義一個(gè)超鏈接，同時(shí)可以指定目標(biāo)內(nèi)容（在屬性href中）和顯示給用戶的文本

Sometextwitha<ahref="page.htm">hyperlinkinit

<head>

<body>

HTML頁(yè)面的兩個(gè)主要部分是<head>和<body>。<head>是放置<title>元素和<link>元素（附帶各種元數(shù)據(jù)）的區(qū)域。<body>包含要顯示的元素

<html>

<head><title>PageTitle</title></head>

<body>Contentsofpage</body>

</html>

四、一些常用的HTML標(biāo)記（2）

表格標(biāo)簽<table>、<tr>、<td>、<th>、<caption>標(biāo)簽名稱屬性<table>border、

bgcolor、width、height<tr>align、valign

、bgcolor<td>width、height、align、valign四、一些常用的HTML標(biāo)記（2）

框架標(biāo)簽<frameset>、<frame>、<noframe>、<iframe>四、一些常用的HTML標(biāo)記（2）

表單標(biāo)簽<form>屬性名稱說(shuō)明id表單的id，相當(dāng)于表單的名稱action設(shè)置接受和處理表單的服務(wù)器程序的URLmethod定義瀏覽器將表單信息提交給服務(wù)器的方式target服務(wù)器返回結(jié)果的目標(biāo)窗口或目標(biāo)框架title提示文本四、一些常用的HTML標(biāo)記（2）

表單標(biāo)簽<form>表單元素說(shuō)明<inputtype=“submit”>提交按鈕<inputtype=“reset”>復(fù)位按鈕<inputtype=“text”>單行文本框<inputtype=“checkbox”>復(fù)選框<inputtype=“radio”>單選框<inputtype=“hidden”>隱藏的表單字段<inputtype=“password”>密碼框<inputtype=“button”>普通按鈕<select></select><option><option>下拉列表框或可以復(fù)選的列表框1.4、HTML基礎(chǔ)

五、XHTML文件XHTML規(guī)則的核心內(nèi)容如下。（1）總是使用閉標(biāo)記（因此對(duì)每個(gè)段落總是同時(shí)使用<p>和</p>）或使用自閉標(biāo)記（如用<br/>代替<br>）。（2）

標(biāo)記和屬性的名稱必須小寫（因此<divid="myDiv">是可以接受的，但<DivID="myDiv">就不可以），因?yàn)閄HTML是區(qū)分大小寫的（因此<div>、<Div>和<DIV>在XHTML中是不同的實(shí)體）。（3）屬性值必須包含在雙引號(hào)內(nèi)。1.5、XML基礎(chǔ)可擴(kuò)展標(biāo)記語(yǔ)言（eXtensibleMarkupLanguage，XML）是用于標(biāo)記電子文檔使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言。XML是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言（StandardGeneralizedMarkupLanguage，SGML）的一個(gè)子集，是一個(gè)精簡(jiǎn)的SGML，它將SGML的豐富功能與HTML的簡(jiǎn)單易學(xué)易用性有機(jī)地結(jié)合到Web的應(yīng)用中，克服了SGML的過(guò)于龐大、難學(xué)難推廣和HTML欠缺的伸縮性與靈活性以及在EDI、數(shù)據(jù)庫(kù)、搜索引擎、單向超鏈接等方面的局限性，使得用戶可以定義不限數(shù)量的標(biāo)記來(lái)描述文件中的任何數(shù)據(jù)元素，突破了HTML固定標(biāo)記集合的約束，使文檔內(nèi)容豐富靈活與結(jié)構(gòu)自成一體。一、XML文檔的基本結(jié)構(gòu)

（1）如果XML有聲明，則聲明必須放在XML文件的首行首列的位置，并且是以下格式。<?xmlversion="1.0"encoding="utf-8"?>

盡管目前version屬性只有1.0，但如果要寫，就必須寫成1.0。聲明里面可以定義encoding屬性。（2）一個(gè)XML文件只能有一個(gè)根節(jié)點(diǎn)，以下格式是正確的。<?xmlversion="1.0"?><person><name>張三</name></person>一、XML文檔的基本結(jié)構(gòu)（3）標(biāo)記必須是封閉的，有開(kāi)始標(biāo)記，必須有結(jié)束標(biāo)記，例如，<name>張三</name>而不能寫成<name>張三（4）標(biāo)記嚴(yán)格區(qū)分大小寫，以下格式則是錯(cuò)誤的。<name>張三</Name>（5）標(biāo)記之間不能交叉，