電子商務(wù)網(wǎng)站建設(shè)及維護(hù)課件：項(xiàng)目四建設(shè)小型企業(yè)動(dòng)態(tài)網(wǎng)站第一頁，共48頁。學(xué)習(xí)目標(biāo) 1.能夠使用IIS組件架設(shè)ASP程序網(wǎng)站站點(diǎn)。 2.理解數(shù)據(jù)庫基礎(chǔ)知識，了解不同的數(shù)據(jù)庫系統(tǒng)產(chǎn)品，能夠根據(jù)網(wǎng)站開發(fā)的實(shí)際情況選擇數(shù)據(jù)庫系統(tǒng)。 3.掌握表單數(shù)據(jù)的提交，能夠使用ASP程序接收數(shù)據(jù)并添加到Access數(shù)據(jù)庫中。 4.能夠根據(jù)網(wǎng)站實(shí)際情況設(shè)計(jì)制作Access數(shù)據(jù)庫表的字段、數(shù)據(jù)類型及字段屬性。 5.能夠使用ASP程序連接Access數(shù)據(jù)庫讀取數(shù)據(jù)、添加數(shù)據(jù)。第二頁，共48頁。任務(wù)1安裝與調(diào)試腳本運(yùn)行環(huán)境

任務(wù)目標(biāo)：

1.能夠安裝與調(diào)試腳本語言ASP的運(yùn)行環(huán)境； 2.能夠在此基礎(chǔ)上調(diào)試出一個(gè)簡單的程序。第三頁，共48頁。知識鏈接

一、常見Web服務(wù)器腳本語言 1.ASP 2.JSP 3.PHP

二、認(rèn)識互聯(lián)網(wǎng)信息服務(wù)（IIS）

三、認(rèn)識動(dòng)態(tài)網(wǎng)頁的工作原理

小提示：靜態(tài)網(wǎng)頁是網(wǎng)頁建設(shè)的基礎(chǔ)，靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁之間并不矛盾。第四頁，共48頁。任務(wù)實(shí)施

step1安裝IIS功能選項(xiàng)

①執(zhí)行“開始”→“控制面板”→“程序”→“程序和功能”命令。第五頁，共48頁。

②在彈出的“Windows功能”對話框中按需求進(jìn)行手動(dòng)選擇。第六頁，共48頁。知識拓展

執(zhí)行“開始”→“控制面板”→“添加或刪除程序”命令，在“添加或刪除程序”對話框左側(cè)選擇“添加/刪除Windows組件”選項(xiàng)。第七頁，共48頁。

step2配置ASP選項(xiàng)

在“控制面板”中選擇“管理工具”，雙擊“Internet信息服務(wù)（IIS）管理器”選項(xiàng)。第八頁，共48頁。

注意：啟用父路徑。第九頁，共48頁。

step3設(shè)置IIS站點(diǎn)屬性

①選擇“Internet信息服務(wù)器”右側(cè)“高級設(shè)置”選項(xiàng)。第十頁，共48頁。

②選擇“默認(rèn)文檔”選項(xiàng)，設(shè)置該網(wǎng)站的默認(rèn)文檔為“index.asp”，并將其位置調(diào)整到最前面。第十一頁，共48頁。

step4運(yùn)行測試

①簡單測試。在網(wǎng)站主目錄“D:\Web”里面用記事本新建一個(gè)文本文件，輸入<%response.write"helloworld!"%>。

②將文本文件另保存為“1.asp”文件（注意：“.asp”不能省略，如果省略就保存了一

個(gè)文本文件）。然后在IE瀏覽器的地址欄內(nèi)輸入或http://localhost/1.asp。第十二頁，共48頁。

試一試

1.在瀏覽器地址欄輸入“http://電腦的IP地址”和“http://localhost”。 2.將“<%response.write”helloworld!“%>”簡寫成“<%=”helloworld!“%>”，并運(yùn)行該語句，觀察所顯示的結(jié)果。第十三頁，共48頁。任務(wù)2創(chuàng)建數(shù)據(jù)庫

任務(wù)目標(biāo)： 1.掌握Access數(shù)據(jù)庫文件的創(chuàng)建、保存； 2.能夠針對需求設(shè)計(jì)并保存Access數(shù)據(jù)庫表； 3.理解Access數(shù)據(jù)庫字段類型、屬性等概念。第十四頁，共48頁。知識鏈接

動(dòng)態(tài)網(wǎng)頁內(nèi)容的更新和維護(hù)是通過基于數(shù)據(jù)庫技術(shù)的管理系統(tǒng)完成的，工作原理如圖：第十五頁，共48頁。

Access 2013字段的數(shù)據(jù)類型：

1.文本數(shù)據(jù)類型

2.備注數(shù)據(jù)類型

3.數(shù)字?jǐn)?shù)據(jù)類型

4.日期/時(shí)間數(shù)據(jù)類型

5.貨幣數(shù)據(jù)類型 6.自動(dòng)編號數(shù)據(jù)類型

第十六頁，共48頁。 7.“是/否”數(shù)據(jù)類型 8.OLE對象數(shù)據(jù)類型 9.超鏈接數(shù)據(jù)類型 10.附件數(shù)據(jù)類型

想一想

為什么數(shù)據(jù)庫里文本類型有短文本和長文本？如果都用長文本類型，是不是就不會出現(xiàn)溢出錯(cuò)誤了?第十七頁，共48頁。任務(wù)實(shí)施

step1創(chuàng)建數(shù)據(jù)庫文件

①在“D:\Web”目錄下創(chuàng)建data文件夾。

②啟動(dòng)Access2013軟件，單擊桌面“數(shù)據(jù)庫”圖標(biāo)。第十八頁，共48頁。 step2設(shè)計(jì)數(shù)據(jù)表

①右擊“表1”文檔標(biāo)簽，選擇“設(shè)計(jì)視圖”選項(xiàng)。第十九頁，共48頁。

②在表單里輸入“字段名稱”和“數(shù)據(jù)類型”，將“addtime”字段的格式改為“常規(guī)日期”，在默認(rèn)值里輸入“=Now()”。第二十頁，共48頁。

③右擊“news”文檔標(biāo)簽，選擇“保存”選項(xiàng)。第二十一頁，共48頁。

step3輸入數(shù)據(jù)

在數(shù)據(jù)表記錄的“title”“content”字段里分別輸入內(nèi)容并保存。第二十二頁，共48頁。練一練

1.在數(shù)據(jù)表中練習(xí)修改、復(fù)制、粘貼、刪除記錄等操作。 2.創(chuàng)建一個(gè)新表，表名為“product”，字段為“ID”、“pro_name”、“pro_content”、“pro_img”、“addtime”；字段類型分類為“自動(dòng)編號”、“短文本”、“長文本（備注）”、“短文本”、“日期”。第二十三頁，共48頁。任務(wù)3程序讀取數(shù)據(jù)庫內(nèi)容

任務(wù)目標(biāo)： 1.理解ASP程序基礎(chǔ)知識； 2.能夠使用ASP程序連接Access數(shù)據(jù)庫文件； 3.能夠按要求使用ASP程序讀取Access數(shù)據(jù)庫數(shù)據(jù)； 4.掌握使用ASP循環(huán)語句輸出HTML代碼。第二十四頁，共48頁。知識鏈接

腳本是由一系列的腳本命令所組成的。

腳本語言是一種介于HTML、JAVA、VisualBasic和C++等編程語言之間的一種特殊語言，不具有編程語言復(fù)雜、嚴(yán)謹(jǐn)?shù)恼Z法和規(guī)則等特點(diǎn)。

第二十五頁，共48頁。 1.判斷語句

要求：判斷表單傳來的用戶名和密碼是否正確，并提示。

2.循環(huán)語句

要求：循環(huán)顯示數(shù)據(jù)庫中的記錄。

第二十六頁，共48頁。3.常用變量轉(zhuǎn)換函數(shù)第二十七頁，共48頁。任務(wù)實(shí)施

step1創(chuàng)建站點(diǎn)

啟動(dòng)DreamweaverCS5，選擇“站點(diǎn)”→“新建站點(diǎn)”選項(xiàng)。第二十八頁，共48頁。

step2更改文件格式

右擊文件面板里的“index.html”文件，選擇“編輯”→“重命名”選項(xiàng)，文件名改為“index.asp”。第二十九頁，共48頁。

step3輸入程序代碼

①打開“index.asp”文件，單擊代碼視圖，第一行輸入內(nèi)容；

②在代碼清單中找到新聞列表代碼的位置，刪除原來的新聞標(biāo)題“<li></li>”標(biāo)簽；

③輸入代碼；

④在瀏覽器地址欄里輸入http://localhost/index.asp進(jìn)行測試。

第三十頁，共48頁。想一想 1.如果將站點(diǎn)里“data/data.mdb”數(shù)據(jù)庫文件名改為“data1.mdb”，代碼應(yīng)如何修改才能正常運(yùn)行？ 2.為什么在循環(huán)語句“whilewend”中要加“rs.movenext（指針下移一條記錄）”，如果沒有這行代碼情況會怎么樣？第三十一頁，共48頁。任務(wù)4使用表單傳遞數(shù)據(jù)

任務(wù)目標(biāo)： 1.了解各表單元素的不同功能與作用； 2.能夠針對不同的要求設(shè)置表單屬性； 3.學(xué)會使用ASP程序接收表單內(nèi)容并顯示在頁面上。第三十二頁，共48頁。知識鏈接

認(rèn)識Dreamweaver表單

擇“插入”→“表單對象”選項(xiàng)，或者通過“插入”欄的“表單”按鈕進(jìn)行表單對象的插入。第三十三頁，共48頁。任務(wù)實(shí)施 step1新建文件

在站點(diǎn)根目錄下創(chuàng)建“admin”文件夾，新建“ASPVBScript”文檔，文件名保存為“cp-add.asp”。第三十四頁，共48頁。

step2編輯表單頁面

①選擇“插入”→“表單”選項(xiàng)，將光標(biāo)定位到表單（紅色虛線框）中，輸入“產(chǎn)品圖片”，選擇“表單”→“文本域”選項(xiàng)，按Enter鍵。第三十五頁，共48頁。

②選擇“產(chǎn)品圖片”旁的“文本域”選項(xiàng)，更改名稱屬性。第三十六頁，共48頁。

③將光標(biāo)定位在表單(紅色虛線框)中，在標(biāo)簽選擇器上單擊<form#form1>(選擇表單)，改動(dòng)作屬性。第三十七頁，共48頁。

step3編寫表單執(zhí)行代碼

①新建“ASPVBScript”文檔，以“cp-add-ok.asp”保存到“admin”文件夾中。刪除“cp-add-ok.asp”文件原有代碼，輸入代碼并保存。

②在瀏覽器地址欄里輸入“http：//localhost/admin/cp-add.asp”地址來測試。第三十八頁，共48頁。第三十九頁，共48頁。試一試

將<%@LANGUAGE="VBSCRIPT"CODEPAGE="65001"%>改成<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>，重新填寫表單，并提交頁面。 <metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/>是HTML輸出編碼，<%@LANGUAGE=“VBSCRIPT”CODEPAGE=“936”%>是ASP程序輸出編碼，兩者要對應(yīng)否則會出現(xiàn)亂碼，Charset="utf-8"對應(yīng)CODEPAGE="65001"。第四十頁，共48頁。任務(wù)5表單數(shù)據(jù)寫入數(shù)據(jù)庫

任務(wù)目標(biāo)： 1.熟悉ASP程序變量的賦值； 2.學(xué)會使用ASP代碼添加數(shù)據(jù)到數(shù)據(jù)庫；3.能夠使用JavaScvipt代碼在網(wǎng)頁上彈出提醒窗口。第四十一頁，共48頁。

知識鏈接

一、response和request對象的一般使用方法 1.response對象的一般使用方法 <% response.write("hello,welcometoASP!") %>

“hello,welcometoASP!”第四十二頁，共48頁。 2.request對象的一般使用方法

客戶端向服務(wù)器提出的請求是通過request對象進(jìn)行傳遞。 <% dimname,password name=request.form("user“) password=request.form("pass“) %>第四十三頁，共48頁。

二、數(shù)據(jù)庫查詢語句（SQL語句）

最基本的數(shù)據(jù)操作語句是“INSERT”、“SELECT”、“UPDATE”和“DELETE”。 SELECTcolumnsFROMtables; Columns為字段名，tables為表名，如果有多個(gè)字段名用“，”隔開，所有字段用“*”。第四十四頁，共48頁。

三、JavaScript

JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言，已經(jīng)被廣泛用于Web應(yīng)用開發(fā)，常用來為網(wǎng)頁添加各式各樣的動(dòng)態(tài)功能。 <scriptlanguage='javascript'> alert('彈出窗口上顯示的內(nèi)容'); </script>第四十五頁，共