基于WEB的網(wǎng)絡(luò)編程開(kāi)發(fā)》課程學(xué)習(xí)總結(jié)報(bào)...

《基于WEB的網(wǎng)絡(luò)編程開(kāi)發(fā)》課程學(xué)習(xí)總結(jié)報(bào)告

本學(xué)期《基于WEB網(wǎng)絡(luò)開(kāi)發(fā)》課程，我從軟件工程的角度完成了《論壇管理系統(tǒng)》項(xiàng)目。在完成這個(gè)項(xiàng)目的過(guò)程中，我掌握了相關(guān)的知識(shí)和技能，也體會(huì)了團(tuán)隊(duì)合作的實(shí)踐經(jīng)驗(yàn)，學(xué)習(xí)到了不少寶貴知識(shí)。下面是我對(duì)本學(xué)期《基于WEB網(wǎng)絡(luò)開(kāi)發(fā)》課程的學(xué)習(xí)總結(jié)。

一、《論壇管理系統(tǒng)》簡(jiǎn)介及功能說(shuō)明（按照自己實(shí)際的項(xiàng)目功能來(lái)寫）

1.系統(tǒng)總體設(shè)計(jì)

1.1系統(tǒng)功能設(shè)計(jì)

論壇管理系統(tǒng)是一個(gè)通用的BBS論壇。在本系統(tǒng)中，它主要包括用戶登陸和注冊(cè)功能、用戶和角色管理功能、論壇目錄及其版主管理功能、主題管理功能、主題回復(fù)管理功能、附件管理功能等。它們的具體描述如下：

1.1.1用戶登陸和注冊(cè)功能

用戶登陸和注冊(cè)功能主要包括的功能如下：

（1）用戶登錄：驗(yàn)證用戶的信息是否合法，以及驗(yàn)證用戶是否為系統(tǒng)的合法用戶。

（2）用戶注冊(cè)：由系統(tǒng)管理員添加新的用戶

1.1.2用戶和角色管理功能

用戶和角色管理功能主要包括用戶管理、角色管理及其用戶和角色之間的關(guān)系管理。在系統(tǒng)中主要包括：用戶管理、角色管理、添加角色和用戶修改密碼。

1.1.3論壇目錄及其版主管理功能

論壇目錄管理功能主要對(duì)論壇目錄的管理，如論壇目錄的添加、修改、刪除、和排序等。在系統(tǒng)中主要包括添加新的目錄、修改目錄、刪除目錄、排序目錄。

1.1.4主題管理功能

主題管理功能主要實(shí)現(xiàn)主題管理功能，如主題的添加、修改、刪除、查看以及主題的瀏覽功能等。在系統(tǒng)中主要包括管理主題、添加主題、修改主題、查看主題、瀏覽主題等。

1.1.5主題回復(fù)管理功能

主題回復(fù)功能主要實(shí)現(xiàn)回復(fù)管理功能，如回復(fù)的添加、修改、刪除、查看以及回復(fù)的瀏覽功能等。在系統(tǒng)中主要包括管理回復(fù)、添加回復(fù)、查看回復(fù)、瀏覽回復(fù)。

1.1.6附件管理功能附件管理功能主要對(duì)主題或者回復(fù)的附件進(jìn)行管理，如附件的添加、上載、刪除等。在系統(tǒng)中主要包括顯示附件、上載附件、刪除附件。

系統(tǒng)模塊劃分

論壇管理系統(tǒng)用戶登陸和注冊(cè)功能模塊用戶和角色管理功能模塊論壇目錄及其版主管理功能主題管理功能模塊主題回復(fù)管理功能模塊附件管理功能模塊

2.系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)（按照自己實(shí)際的項(xiàng)目功能來(lái)寫）

2.1表設(shè)計(jì)角色表Role

角色表Role用來(lái)存儲(chǔ)系統(tǒng)的角色數(shù)據(jù)，如角色I(xiàn)D、角色名稱等。字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注RoleIDint角色I(xiàn)DPK主鍵（自動(dòng)增1）RoleNamevarchar角色名稱用戶表Users用戶表Users用來(lái)存儲(chǔ)用戶的數(shù)據(jù)，如用戶ID、用戶名稱、用戶密碼、Email、所屬角色I(xiàn)D等。字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注UserIDint用戶IDPK主鍵（自動(dòng)增1）UserNameVarchar(200)用戶名稱PasswordVarchar(200)用戶密碼EmailVarchar(200)電子郵件RoleIDint所屬角色I(xiàn)DPK引用Role表的RoleID字段論壇目錄表Category論壇目錄表Category用來(lái)存儲(chǔ)論壇目錄的信息，如目錄ID，目錄名稱、上級(jí)目錄ID、排序順序號(hào)等字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注CategoryIDint目錄IDPK主鍵（自動(dòng)增1）DesnVarchar(200)目錄名稱EnDesnVarchar(200)目錄的英文名稱UrlVarchar(200)目錄的連接地址ParentIDint上一級(jí)目錄PK的IDOrderByint排序順序號(hào)IsDirint是否為目錄SubCountint包含子目錄的數(shù)量主題表Title主題表Title用來(lái)存儲(chǔ)論壇的主題數(shù)據(jù)、如主題ID、主題名稱、創(chuàng)建時(shí)間、附件標(biāo)志等字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注TitleIDint主題IDPK主鍵（自動(dòng)增1）CategoryIDint主題所屬目FK引用Category錄ID表的CategoryID字段EnDesnVarchar(200)主題名稱BodyText主題的主體內(nèi)容UserIDint用戶IDFK引用Users表的UserID字段CreateDateDatetime創(chuàng)建時(shí)間UpdateDateDatetime修改時(shí)間Flagint附件標(biāo)志0：不包含附件；1：表示包含普通附件；2：表示含圖片附件；3：表示既包含普通附AnwerNumInt回復(fù)次數(shù)VisitnumInt查看次數(shù)主題回復(fù)表Content主題回復(fù)表Content用來(lái)存儲(chǔ)回復(fù)的信息，如回復(fù)ID、回復(fù)名稱、創(chuàng)建時(shí)間等字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注ContentIDint回復(fù)IDPK主鍵（自動(dòng)增1）DesnVarchar(200)回復(fù)名稱BodyText回復(fù)的主體內(nèi)容UserIDInt用戶IDFK引用Users表的UserID字段CreateDateDatetime創(chuàng)建時(shí)間Flagint附件標(biāo)志0：不包含附件；1：表示包含普通附件；2：表示含圖片附件；3：表示既包含普通附件又包含tupTitleIDint所屬主題IDFK引用Title表的TitleID字段附件表Attachment字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注AttachmentIDint附件IDPK主鍵（自動(dòng)增1）DesnVarchar(200)附件名稱UrlVarchar(200)附件的連接地址FileTypeInt文件類型ContentIDint回復(fù)IDFK引用Content表的ContentID字段TitleIDint主題IDFK引用Title表的TitleID字段版主表Master字段名數(shù)據(jù)類型字段說(shuō)明鍵引用備注MasterIDint附件IDPK主鍵（自動(dòng)增件又包含tupCategoryIDint主題所屬目FK錄IDUserIDInt用戶IDFKFlagint附件標(biāo)志1）引用Category表的CategoryID字段引用Users表的UserID字段1：表示主版主；2：表示副版主

二、實(shí)現(xiàn)技術(shù)說(shuō)明

實(shí)現(xiàn)本系統(tǒng)采用以下技術(shù)：C#、ASP.NET2.0、sql數(shù)據(jù)庫(kù)編程、CSS、html、ADO.NET

該系統(tǒng)，可以采用客戶端/服務(wù)器架構(gòu)C/S架構(gòu)或者（B/S）架構(gòu)來(lái)實(shí)現(xiàn)。

圖3-1客戶端/服務(wù)器架構(gòu)

客戶端：負(fù)責(zé)商業(yè)邏輯和數(shù)據(jù)顯示

客戶端組件：客戶端應(yīng)用程序、數(shù)據(jù)庫(kù)API、客戶端網(wǎng)絡(luò)庫(kù)服務(wù)器：負(fù)責(zé)管理數(shù)據(jù)和分配服務(wù)器資源（內(nèi)存、網(wǎng)絡(luò)等）服務(wù)器組件：服務(wù)器網(wǎng)絡(luò)庫(kù)、開(kāi)放數(shù)據(jù)服務(wù)、關(guān)系引擎、存儲(chǔ)引擎

三、環(huán)境配置要求：

1、開(kāi)發(fā)平臺(tái)

操作系統(tǒng)：Window201*/XP/Windows201*數(shù)據(jù)庫(kù)：MicrosoftSQLServer201*。

開(kāi)發(fā)平臺(tái)：MicrosoftVisualStudio201*、IE6.0及以上、IIS

軟件需求：、Photoshop、網(wǎng)頁(yè)三劍客、MicrosoftoffficeWord、Microsoftofficevisio

2、運(yùn)行配置

硬件平臺(tái)：PentiumⅢ以上CUP、128MB以上內(nèi)存。操作系統(tǒng)和版本：Windows201*/XP/Windows201*

支撐環(huán)境(例如：數(shù)據(jù)庫(kù)等)和版本：MicrosoftVisualStudio.NET201*、MicrosoftSQLServer201*、IE5.0或以上版本。四、總結(jié)

擴(kuò)展閱讀：第二階段WEB開(kāi)發(fā)基礎(chǔ)學(xué)習(xí)總結(jié)

WEB開(kāi)發(fā)基礎(chǔ)學(xué)習(xí)總結(jié)

第二階段任務(wù)：學(xué)習(xí)掌握HTML、CSS、JavaScript等與web開(kāi)發(fā)相關(guān)的基礎(chǔ)知識(shí)。在第二階段的學(xué)習(xí)中，主要都是針對(duì)web開(kāi)發(fā)基礎(chǔ)的知識(shí)，其中html用于來(lái)表現(xiàn)網(wǎng)頁(yè)的結(jié)構(gòu)與內(nèi)容，css用來(lái)控制頁(yè)面的外觀和表現(xiàn)，javascript用來(lái)控制頁(yè)面的行為。其中分別針對(duì)每一部分分別總結(jié)如下：

HTML的學(xué)習(xí)總結(jié)：

(1)、HTML、XHTML的不同：

①XHTML中屬性名稱必須小寫；

②XHTML屬性值必須加引號(hào)③XHTML屬性不能簡(jiǎn)寫；

④XHTML在屬性中增加了ID屬性，它可以取代name的功能；⑤XHTMLDTD定義了強(qiáng)制使用的HTML元素。

總的來(lái)說(shuō)，XHTML比HTML更加嚴(yán)格與規(guī)范。它只著重強(qiáng)調(diào)用來(lái)表現(xiàn)網(wǎng)站的結(jié)構(gòu)而非樣式，樣式的內(nèi)容交由CSS來(lái)控制。

(2)、HTML中注釋的形式是：，注釋部分的內(nèi)容，將不會(huì)顯示在網(wǎng)頁(yè)中。(3)、HTML中的標(biāo)簽有兩種形式：

①帶結(jié)束標(biāo)記的標(biāo)簽，如：,etc。②不帶結(jié)束標(biāo)記的標(biāo)簽，如：,etc。

在標(biāo)簽內(nèi)部，可以是允許的屬性=“值”對(duì)出現(xiàn)。最重要的幾個(gè)標(biāo)簽如下：

標(biāo)簽在文檔的最外層，其它所有標(biāo)簽都在它的內(nèi)部，它表示該文檔是由html語(yǔ)言寫的。

它是頭部標(biāo)簽，它其中的內(nèi)容是不會(huì)被網(wǎng)頁(yè)顯示在正文中的，常常在其中插入標(biāo)題，或者說(shuō)明文件的一些公共屬性，例如內(nèi)部樣式表的定義，外部樣式表的導(dǎo)入，javascript的編寫，外部javascript腳本的導(dǎo)入。

標(biāo)簽是文本的正文，它其中的內(nèi)容將顯示在網(wǎng)頁(yè)之中。(4)、HTML元素具有四種形式：

①空元素，如它只是起到換行的作用，沒(méi)有屬性，也不能跟任何屬性；

②帶有屬性的空元素，如，與空元素相對(duì)應(yīng)，這類元素自然就是具有屬性，但是無(wú)法體現(xiàn)任何元素；

③帶有內(nèi)容的元素，如XXXX，它表示該標(biāo)簽沒(méi)有屬性，但是在開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間可以插入元素；

④帶有內(nèi)容和屬性的元素，如鏈接，它表示標(biāo)簽內(nèi)部可以有多個(gè)屬性，在開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間可以插入元素。(5)、有一些特殊的字符，在HTML中不能直接用鍵盤上的鍵來(lái)表示，像不間斷空格，回車，還有html中的保留字等都需要引用的方式才能輸入。如不換行空格： 。(6)、常常使用到的標(biāo)簽：①用來(lái)表示段落的標(biāo)簽，

②列表的建立，還有等等，其中內(nèi)部標(biāo)簽不是而是、③還有就是表格的標(biāo)簽，一般形式是：

表格的標(biāo)題表格的一行用于定義表頭用于定義單元格

④表示創(chuàng)建表單，其中有兩個(gè)重要的屬性：method屬性指定向服務(wù)器發(fā)送數(shù)據(jù)時(shí)使用的HTTP方法，可以是get或者post（get方法提交表單時(shí)，提交的數(shù)據(jù)被附加到URL中，作為URL的一部分發(fā)送到服務(wù)器，缺乏安全。Post方法是將菜單中的信息作為一個(gè)數(shù)據(jù)塊單獨(dú)發(fā)送到服務(wù)器，更加安全）。另一個(gè)屬性anction用來(lái)表示對(duì)表單進(jìn)行處理的腳本的地址，即表示表單提交到服務(wù)器后，由誰(shuí)來(lái)處理這些數(shù)據(jù)。在標(biāo)簽中，會(huì)用到標(biāo)簽，input標(biāo)簽常用到的屬性有：type,value。Type用來(lái)制定要?jiǎng)?chuàng)建的控件類型，value指定控件的初始值。⑤，超鏈接的符號(hào)，可以用它的href屬性來(lái)制定連接到那個(gè)位置上去。

⑥表示嵌入一張圖片到網(wǎng)頁(yè)中。它其中的屬性width，height等可以設(shè)置圖片顯示時(shí)候的寬高。

CSS的學(xué)習(xí)總結(jié)：

(1)、CSS它的目標(biāo)就是將結(jié)構(gòu)與表現(xiàn)相分離，也就是讓html的標(biāo)簽只專注于定于網(wǎng)頁(yè)內(nèi)容的結(jié)構(gòu)，CSS來(lái)決定這些網(wǎng)頁(yè)的內(nèi)容如何顯示。使用CSS的一大好處就是，簡(jiǎn)化了網(wǎng)頁(yè)的格式代碼，加快網(wǎng)頁(yè)的下載顯示速度。同時(shí)在進(jìn)行后期維護(hù)的時(shí)候，由于結(jié)構(gòu)與表現(xiàn)的分離，更加易于維護(hù)。

(2)、CSS中注釋的方法是：/*注釋內(nèi)容*/(3)、CSS的選擇器分類：①元素選擇器：就是某個(gè)HTML元素作為選擇器，如：a，h1，p，etc；

②類選擇器，這也是非常常用的一個(gè)選擇器，它的名字可以任意取，只是在.css文件中定義它的樣式時(shí)，需要在這個(gè)名字前面加一個(gè)小黑點(diǎn)，使用它的時(shí)候，只需要在html標(biāo)簽中使用class來(lái)選擇這個(gè)樣式即可；

③ID選擇器，它有些類似于類選擇器，但又有自身的一些特點(diǎn)，首先，ID選擇器前面有一個(gè)#號(hào)，其次ID選擇器的使用時(shí)，它需要通過(guò)ID屬性值來(lái)指定，而不是通過(guò)class來(lái)指定，最后，在一個(gè)HTML文檔中，ID選擇器會(huì)使用一次，并且進(jìn)使用一次；④屬性選擇器，屬性選擇器可以根據(jù)元素的屬性及屬性值來(lái)選擇元素，例如，如果在網(wǎng)頁(yè)文檔中有部分元素包含title這個(gè)屬性，而我們希望將這些元素都變成紅色，以突出顯示，這時(shí)就可以使用屬性選擇器簡(jiǎn)單實(shí)現(xiàn)，如：*[title]{color:red}；

⑤后代選擇器，它的別名是包含選擇器，其實(shí)際效果可以通過(guò)這個(gè)小例子來(lái)進(jìn)行解釋：我只想對(duì)標(biāo)簽中的em元素引用樣式，我可以這樣定義：pem{color：red}；后代選擇器定義時(shí)需要注意，樣式規(guī)則左邊的選擇器一段包括兩個(gè)或者多個(gè)用空格分隔的選擇器（這個(gè)選擇器可以是其他的任意選擇器，而不僅僅是元素選擇器）。⑥子元素選擇器，它是相對(duì)于后代選擇器來(lái)講的，是在其基礎(chǔ)上縮小了范圍，它只對(duì)它后面挨著的元素有效。樣式定義格式：p>em{color:red}⑦相鄰兄弟選擇器，如果需要選擇緊接在另一個(gè)元素后的元素，而且二者有相同的父元素，即可使用它。樣式定義格式：h1+p{color:red}

⑧偽類選擇器，是指對(duì)同一HTML元素的各種狀態(tài)和其所包括的部分內(nèi)容的一種定義方式。如：a:link{color:red}(4)、CSS的樣式分為三種：

①行內(nèi)樣式，即HTML標(biāo)簽直接使用style屬性，它一般用于某個(gè)獨(dú)立的元素。如：

。如果使用了行內(nèi)樣式，一般需要在標(biāo)簽內(nèi)添加：

②內(nèi)嵌樣式，它是將標(biāo)簽放在標(biāo)簽中，如：

P{padding:10px;font-size:16px}

③外部樣式，這是最建議使用的，因?yàn)樗鼘�CSS單獨(dú)保存在一個(gè)文件中，通過(guò)

將樣式引入進(jìn)來(lái)。它的優(yōu)點(diǎn)是可以同時(shí)作用于多個(gè)頁(yè)面，而無(wú)需重復(fù)編寫樣式，減少了工作量，并且修改時(shí)，只需要修改一個(gè).css文件，就可以將整個(gè)使用它的頁(yè)面樣式都修改掉。

三種樣式的使用順序在html標(biāo)簽中，如果有多種樣式，而規(guī)定的樣式?jīng)]有沖突，則疊加，如果有沖突，則最先考慮行內(nèi)樣式，沒(méi)有的話，再考慮內(nèi)嵌樣式，還沒(méi)有，就采用外部樣式，如果它也沒(méi)有，就使用html的默認(rèn)樣式顯示。(5)、框模型：

padding,border,margin都是可選的，默認(rèn)值均為0，其中width與height指的是內(nèi)容區(qū)域的寬度和高度，padding,margin,border尺寸的變化，不會(huì)影響內(nèi)容區(qū)域的尺寸，但是會(huì)增加元素框的總尺寸。額外需要注意的是：margin的合并，它是指，當(dāng)兩個(gè)垂直外邊距相遇時(shí)，他們將形成一個(gè)外邊距，合并后的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者。(6)、CSS定位，它有三種方式，分別是：

①相對(duì)定位，相對(duì)于其默認(rèn)初始位置，通過(guò)設(shè)置垂直或水平位置，讓這個(gè)元素相對(duì)于它的起點(diǎn)進(jìn)行移動(dòng)。要進(jìn)行相對(duì)定位，需要在樣式中使用：position:relative

②絕對(duì)定位，絕對(duì)定位讓元素脫離了文檔流，故它不占據(jù)空間，定位后生成一個(gè)塊級(jí)元素，而不管原來(lái)它在正常流中生成何種類型框。

③浮動(dòng)，在標(biāo)準(zhǔn)瀏覽器中，浮動(dòng)元素脫離了文檔流，不占據(jù)外圍容器空間。浮動(dòng)可以向左或者向右，知道它的外邊緣碰到包含框或另外一個(gè)浮動(dòng)框的邊框?yàn)橹埂?/p>

JavaScript的學(xué)習(xí)總結(jié)：

(1)、關(guān)于javascript的一些語(yǔ)法：javascript是一種弱類型語(yǔ)言，它屬于面向?qū)ο缶幊陶Z(yǔ)言。它也有構(gòu)成編程語(yǔ)言的一些基本元素，如：數(shù)據(jù)類型，變量（雖然全部都用var關(guān)鍵字來(lái)聲明變量，甚至可以不用該關(guān)鍵字），表達(dá)式和運(yùn)算符，數(shù)組，控制結(jié)構(gòu)（if(){}else{}）和循環(huán)結(jié)構(gòu)(for())，函數(shù)，正則表達(dá)式等等概念。其中大部分與其他語(yǔ)言的差不多，只有個(gè)別的需要作出說(shuō)明。

①對(duì)象，javascript也屬于面向?qū)ο缶幊陶Z(yǔ)言，因此它其中的所有事物都是對(duì)象，這點(diǎn)與其他面向?qū)ο缶幊陶Z(yǔ)言相同，一切皆對(duì)象（字符串，數(shù)值，數(shù)組，函數(shù)等等）。當(dāng)然，雖然javascript有許多內(nèi)置對(duì)象，它也是允許自定義對(duì)象的。對(duì)象之中也包含屬性與方法，對(duì)象訪問(wèn)屬性跟方法的方式也與java中的訪問(wèn)方式一樣，通過(guò).來(lái)進(jìn)行訪問(wèn)。Javascript中的主要對(duì)象有：window，document，文本對(duì)象，按鈕對(duì)象，location對(duì)象，history對(duì)象，字符串對(duì)象，日期對(duì)象，數(shù)組對(duì)象等

②變量，javascript是弱類型語(yǔ)言，用它聲明的變量，可以保存任意類型的數(shù)據(jù)，或者只用變量名對(duì)其直接賦值。

③數(shù)組，它的數(shù)組是一個(gè)對(duì)象，需要使用的時(shí)候，可用這種方式：arr=newArray();（實(shí)質(zhì)上還有其他兩種方式）這點(diǎn)有些類似java中創(chuàng)建對(duì)象，調(diào)用構(gòu)造函數(shù)。數(shù)組類主要有toString（），subString（）等等方法。

④函數(shù)，javascript中的函數(shù)是很具有獨(dú)特氣質(zhì)的，它沒(méi)有返回值，可以在參數(shù)列表中只給出變量名而不要數(shù)據(jù)類型（因?yàn)樗�是弱類型），甚至它可以不要函�?shù)名字，并且定義一個(gè)函數(shù)，需要使用關(guān)鍵字function來(lái)說(shuō)明這是一個(gè)函數(shù)的定義。而且在一個(gè)函數(shù)內(nèi)部可以再定義一個(gè)匿名函數(shù)，這些特點(diǎn)在其他語(yǔ)言中是很不可思議的事情。雖然javascript是面向?qū)ο缶幊陶Z(yǔ)言，但是它并不具備類似于C++,JAVA這類語(yǔ)言的某些功能，如：函數(shù)的重載。

(2)、在HTML中使用javascript是非常簡(jiǎn)單的一件事情，它有兩種形式：①內(nèi)部引入：就是將js代碼直接寫在HTML代碼中，如：

alert(“=============”);②外部引入：就是將js代碼單獨(dú)放在一個(gè)文件中，其后綴名是.js，在要使用它的html文件中使用如下代碼引入：

這段代碼一般放在之間。(3)、javascript中的事件，事件簡(jiǎn)單說(shuō)就是用戶在使用頁(yè)面時(shí)執(zhí)行的操作，比如點(diǎn)擊鼠標(biāo)，按鍵盤等等。一般處理事件都是通過(guò)一個(gè)函數(shù)，如常在js腳本中使用的這種方式：window.onLoad=myFunction;其中onLoad是頁(yè)面加載完成時(shí)要觸發(fā)的一個(gè)事件，該事件的處理函數(shù)式myFunction。Javascript中有非常多的時(shí)間，比如：onclick（鼠標(biāo)點(diǎn)擊），onsubmit（按鈕提交），onchange（下拉菜單），onblur（失去焦點(diǎn)）等等。(4)、javascript和cookie，cookie是一小段信息，當(dāng)用戶第一次訪問(wèn)服務(wù)器時(shí)，服務(wù)器將它發(fā)給用戶，這樣，以后當(dāng)用戶訪問(wèn)這個(gè)站點(diǎn)時(shí)，服務(wù)器就可以通過(guò)cookie來(lái)識(shí)別用戶了。Cookie它的格式是有特定格式的，格式如下：

cookieName=cookieValue;expires=expirationDate;path=URLpath;domain=siteDomain其中只有第一部分cookieName是必須賦值的。(5)、DOM（文檔對(duì)象模型），它要求將HTML文檔看做是由節(jié)點(diǎn)組成的樹(shù)結(jié)構(gòu)。通過(guò)DOM給出的一些屬性及方法，我們可以添加、刪除和操作特定的節(jié)點(diǎn)，以及在頁(yè)面上插入和替換節(jié)點(diǎn)。

①訪問(wèn)節(jié)點(diǎn)：getElementByTagName()獲取標(biāo)簽名；getElementsByName()獲取name特性等于指定值的元素；getElementById()返回id特性等于指定的元素。②創(chuàng)建和操作節(jié)點(diǎn)：createElement()創(chuàng)建標(biāo)簽元素；createTextNode()創(chuàng)建文本節(jié)點(diǎn)；appendChild()把文本節(jié)點(diǎn)追加到標(biāo)簽元素中；removeChild()刪除節(jié)點(diǎn)；replaceChild()替換節(jié)點(diǎn)；insertBefore()插入節(jié)點(diǎn)。

(6)、關(guān)于ajax，它并非一個(gè)新的技術(shù)，而是將很多原本存在的技術(shù)進(jìn)行了一個(gè)組合，其中的核心是XMLHttpRequest，Ajax技術(shù)讓自己的站點(diǎn)具有更好的響應(yīng)性、更吸引人，這會(huì)使站點(diǎn)的用戶在瀏覽過(guò)程中更愉快。它主要由下面這些技術(shù)組成：①使用HTML和CSS控制頁(yè)面結(jié)構(gòu)和表示方式；②使用DOM顯示和操縱頁(yè)面；

③使用瀏覽器的XMLHttpRequest對(duì)象在客戶機(jī)和服務(wù)器之間傳輸數(shù)據(jù)；④使用XML（JSON）作為在客戶機(jī)和服務(wù)器之間傳輸?shù)臄?shù)據(jù)的格式；⑤使用JavaScript動(dòng)態(tài)地顯示所有內(nèi)容并且提供交互功能。使用ajax技術(shù)，我們一般需要通過(guò)以下幾個(gè)步驟：①首先通過(guò)XMLHttpRequest獲得一個(gè)對(duì)象xhr；

②設(shè)置xhr的onreadystatechange事件處理程序。每當(dāng)xhr.readyState屬性值發(fā)生變化時(shí)，就會(huì)觸發(fā)這個(gè)處理程序。③調(diào)用open()并且傳遞3個(gè)參數(shù)：一個(gè)HTTP請(qǐng)求方法（例如"GET"、"POST"或"HEAD"）、服務(wù)器上一個(gè)文件的URL和一個(gè)布爾值，這個(gè)布爾值告訴服務(wù)器請(qǐng)求是否異步（也就是說(shuō)，我們是否會(huì)等待請(qǐng)求完成）。

④最后，我們用send()發(fā)送剛才創(chuàng)建的請(qǐng)求。如果要請(qǐng)求POST，就傳遞這里給出的參數(shù)；若是GET，直接將參數(shù)設(shè)置為null。(7)、javascript一些其他知識(shí)點(diǎn)：

①alert(“xxxxxxxxxx”)跳出提示框，只有提示信息；confir6(“xxxxxxx”),有兩個(gè)按鈕，用來(lái)確認(rèn)用戶的選擇；prompt(“xxxxxxxxx”,””)，提示用戶輸入一個(gè)字符串，然后對(duì)這個(gè)字符串進(jìn)行操作。

②document.write()，用來(lái)向頁(yè)面輸出內(nèi)容；window.location完成頁(yè)面的轉(zhuǎn)換；

③比較字符串的時(shí)候，在javascript中只需要通過(guò)==即可，不需要像java一樣使用equals()。

④javascript中也有this，JavaScript關(guān)鍵字this使腳本能夠根據(jù)使用這個(gè)關(guān)鍵字的上下文將值傳遞給函數(shù)。

⑤javascript中的匿名函數(shù)，樣式是：thisImage.onmouseout=function(){this.src=this.outImage.src;}

第一行開(kāi)始定義一個(gè)匿名函數(shù)（也就是沒(méi)有函數(shù)名的函數(shù)）。本來(lái)也可以給它指定一個(gè)名稱（比如rollOut()），但是因?yàn)樗�只有一行代碼，所以不需要命名。⑥在編寫腳本時(shí)，常常要檢查瀏覽器是否能夠理解我所使用的對(duì)象，常用于兼容中，我們常用對(duì)象探測(cè)技術(shù)，如：if(document.getElementById){}else{}如果對(duì)象存在，if語(yǔ)句就為true，腳本繼續(xù)執(zhí)行。但是，如果瀏覽器不理解這個(gè)對(duì)象，測(cè)試就返回false，并執(zhí)行條件語(yǔ)句的else部分。在之前還有使用瀏覽器探測(cè)技術(shù)。

本周幾天時(shí)間對(duì)HTML、CSS、JavaScript進(jìn)行了學(xué)習(xí)，HTML相對(duì)來(lái)說(shuō)是比較簡(jiǎn)單的，要掌握其中的標(biāo)簽難度也不是很大，主要是要明白它只控制文檔的結(jié)構(gòu)，表現(xiàn)相關(guān)的交給CSS，行為相關(guān)的交給JavaScript；CSS中有眾多的屬性還不是很熟悉，因?yàn)樽约赫嬲�完整布局的網(wǎng)站并沒(méi)有，但是對(duì)CSS大體結(jié)構(gòu)了解，因?yàn)樗�的形式相�?duì)來(lái)說(shuō)很單一，在實(shí)踐中多多運(yùn)用，私下自己做幾個(gè)簡(jiǎn)單的單頁(yè)，個(gè)人覺(jué)得問(wèn)題不大；對(duì)于JavaScript之前并沒(méi)有接觸過(guò)，經(jīng)過(guò)這段時(shí)間學(xué)習(xí)，明白了其中的一些入門的含義，對(duì)其中具有的眾多對(duì)象，對(duì)象的很多方法與屬性還不是很熟悉，目前能夠進(jìn)行一些簡(jiǎn)單腳本的編寫與閱讀，后面也需要再編寫一些復(fù)雜的腳本來(lái)提高自己這方面的能力。對(duì)于這三方面知識(shí)點(diǎn)尚有疏漏的地方，望劉老師給予指導(dǎo)。

何磊

201*年11月6日

友情提示：本文中關(guān)于《基于WEB的網(wǎng)絡(luò)編程開(kāi)發(fā)》課程學(xué)習(xí)總結(jié)報(bào)...》給出的范例僅供您參考拓展思維使用，基于WEB的網(wǎng)絡(luò)編程開(kāi)發(fā)》課程學(xué)習(xí)總結(jié)報(bào)...：該篇文章建議您自主創(chuàng)作。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《基于WEB的網(wǎng)絡(luò)編程開(kāi)發(fā)》課程學(xué)習(xí)總結(jié)報(bào)...》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.taixiivf.com/gongwen/673088.html

• 上一篇：web開(kāi)發(fā)技術(shù)復(fù)習(xí)題(總結(jié))
• 下一篇：WEB開(kāi)發(fā)中的JAVA字符編碼經(jīng)驗(yàn)總結(jié)