《Web程序設(shè)計(jì)》課程教案

第4頁共4頁廣西財(cái)經(jīng)學(xué)院課程教案系、部計(jì)信系教研室網(wǎng)絡(luò)課程名稱Web程序設(shè)計(jì)所用教材《Web數(shù)據(jù)庫技術(shù)》任課老師黃武鋒職稱講師講課時(shí)間第1次課任課班級(jí)計(jì)應(yīng)0631計(jì)應(yīng)0632經(jīng)濟(jì)系0541-3教學(xué)內(nèi)容：第1章Web應(yīng)用程序架構(gòu)（1）數(shù)據(jù)庫應(yīng)用程序架構(gòu)及其發(fā)展（2）Web應(yīng)用程序及其工作機(jī)制（3）Web動(dòng)態(tài)內(nèi)容的實(shí)現(xiàn)技術(shù)簡介（4）Web應(yīng)用程序的典型應(yīng)用和特點(diǎn)教學(xué)目的、要求：深入了解數(shù)據(jù)庫應(yīng)用程序的發(fā)展?fàn)顩r，Web應(yīng)用程序的工作機(jī)制以及當(dāng)前構(gòu)建Web應(yīng)用程序的流行技術(shù)。重點(diǎn)、難點(diǎn)：Web應(yīng)用程序及其工作機(jī)制課型：課堂教學(xué)與實(shí)驗(yàn)相結(jié)合教程設(shè)計(jì)：1.1.1單機(jī)架構(gòu)特點(diǎn)：所有應(yīng)用內(nèi)程序都在本機(jī)運(yùn)行，所有的數(shù)據(jù)也都保存在本機(jī)上。優(yōu)點(diǎn)：由個(gè)人維護(hù)本機(jī)，不易造成數(shù)據(jù)的丟失，安全性高，數(shù)據(jù)處理效率高。缺點(diǎn)：不能實(shí)現(xiàn)各個(gè)計(jì)算機(jī)之間數(shù)據(jù)的共享。1.1.2工作站/服務(wù)器架構(gòu)特點(diǎn)：在服務(wù)器上保存數(shù)據(jù)，在工作站上處理數(shù)據(jù)。優(yōu)點(diǎn)：容易配置，對硬件特別是對服務(wù)器的硬件要求不高。缺點(diǎn)：所有數(shù)據(jù)通過網(wǎng)絡(luò)傳輸，增大了網(wǎng)絡(luò)流量，數(shù)據(jù)處理的效率低。1.1.3客戶機(jī)/服務(wù)器架構(gòu)特點(diǎn)：客戶機(jī)向服務(wù)器發(fā)出指令，服務(wù)器上存儲(chǔ)和處理數(shù)據(jù)。服務(wù)器完成數(shù)據(jù)處理后，將結(jié)果返回給客戶機(jī)進(jìn)行二次處理。優(yōu)點(diǎn)：數(shù)據(jù)處理效率高，網(wǎng)絡(luò)上傳輸數(shù)據(jù)量小。缺點(diǎn)：需要特定的客戶機(jī)處理程序；不易升級(jí)和維護(hù)；不適合在因特網(wǎng)上布置。1.1.4瀏覽器/服務(wù)器架構(gòu)特點(diǎn)：服務(wù)器處理數(shù)據(jù)并生成頁面；客戶機(jī)上瀏覽器請求頁面和顯示頁面優(yōu)點(diǎn)：采用IP協(xié)議通訊；以瀏覽器為客戶端程序；容易布置、升級(jí)和維護(hù)1.2Web應(yīng)用程序及其工作機(jī)制1.2.1Web應(yīng)用程序Web應(yīng)用程序是一個(gè)由Web站點(diǎn)和其他服務(wù)器資源組成的集合。網(wǎng)站是由眾多網(wǎng)頁組成的Web頁集合，其他服務(wù)器資源包括數(shù)據(jù)庫等各種數(shù)據(jù)文件，B/S架構(gòu)是Web應(yīng)用程序的結(jié)構(gòu)形式。Web服務(wù)器是響應(yīng)來自Web瀏覽器的請求以提供Web頁的軟件。常用Web服務(wù)器為IIS和Apache。1.2.2靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁1靜態(tài)網(wǎng)頁由事先用HTML編寫好、內(nèi)容固定不變的文件，通過上載等方式保存在Web站點(diǎn)的可訪問文件夾中。當(dāng)用戶瀏覽器向Web服務(wù)器發(fā)出訪問該頁的請求時(shí)，服務(wù)器在站點(diǎn)內(nèi)查找該頁并直接將其下載給客戶瀏覽器。靜態(tài)網(wǎng)頁無論在Web站點(diǎn)還是下載到用戶的瀏覽器上，其內(nèi)容都保持一致。2動(dòng)態(tài)網(wǎng)頁動(dòng)態(tài)網(wǎng)頁是由Web服務(wù)器動(dòng)態(tài)生成的文件。之所以稱其為“動(dòng)態(tài)”，是因?yàn)榇朔N網(wǎng)頁的部分甚至全部內(nèi)容都是未確定的。當(dāng)用戶訪問該頁，Web服務(wù)器按照用戶的請求，通過應(yīng)用程序服務(wù)器對相關(guān)的服務(wù)器端的數(shù)據(jù)進(jìn)行處理，根據(jù)計(jì)算結(jié)果生成標(biāo)準(zhǔn)的HTML文件下傳給用戶瀏覽器。不同的用戶請求以及訪問數(shù)據(jù)的變化都會(huì)隨之生成不同的HTML文件下載給用戶。1.3動(dòng)態(tài)內(nèi)容的實(shí)現(xiàn)技術(shù)簡介1.3.1ASPASP是ActiveServerPage的縮寫，即“活動(dòng)服務(wù)器網(wǎng)頁”，它是Microsoft公司在1996年推出的一種運(yùn)行于服務(wù)器端、嵌入了服務(wù)器端腳本的Web應(yīng)用程序開發(fā)技術(shù)，內(nèi)含于IIS3.0以上的版本中。在IIS5.0中支持ASP3.0，同時(shí)也支持ASP2.0。1.3.2JSPJSP（JavaServerPages）是由SunMicrosystem公司于1999年推出的動(dòng)態(tài)網(wǎng)頁技術(shù)，是基于JavaServlet以及整個(gè)Java體系的Web開發(fā)技術(shù)。1.3.3PHPPHP（HypertextPreprocessor，超文本預(yù)處理器）是內(nèi)嵌了服務(wù)器端運(yùn)行的PHP腳本代碼的動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)。1.4Web應(yīng)用程序的典型應(yīng)用和特點(diǎn)常見簡單Web應(yīng)用程序：計(jì)數(shù)器、留言板、聊天室、BBS論壇典型的Web應(yīng)用程序：基于Web的管理信息系統(tǒng)（MIS）廣西財(cái)經(jīng)學(xué)院課程教案系、部計(jì)信系教研室網(wǎng)絡(luò)課程名稱Web程序設(shè)計(jì)所用教材《Web數(shù)據(jù)庫技術(shù)》任課老師黃武鋒職稱講師講課時(shí)間第1周第1次課任課班級(jí)計(jì)應(yīng)0631計(jì)應(yīng)0632經(jīng)濟(jì)系0541-3教學(xué)內(nèi)容：第2章構(gòu)建Web應(yīng)用程序的開發(fā)環(huán)境（1）服務(wù)端的開發(fā)環(huán)境（Windows2000+IIS）（2）本機(jī)開發(fā)環(huán)境（3）建立Web站點(diǎn)（安裝服務(wù)器IIS及配置IIS）（4）Web站點(diǎn)開發(fā)工具DreamWeaver8的有關(guān)簡介（DW簡介、利用DW開發(fā)Web應(yīng)用程序的工作流程[建立本地站點(diǎn)]→[建立測試站點(diǎn)]→[建立數(shù)據(jù)庫]→[建立數(shù)據(jù)庫]→[設(shè)計(jì)站點(diǎn)的外觀]→[編寫動(dòng)態(tài)腳本頁代碼]→[構(gòu)建頁面鏈接，測試站點(diǎn)功能和發(fā)布應(yīng)用程序]）（5）構(gòu)建DW的開發(fā)環(huán)境（創(chuàng)建本地站點(diǎn)、設(shè)置測試服務(wù)器、設(shè)定遠(yuǎn)程信息、測試開發(fā)環(huán)境、Web站點(diǎn)的管理）教學(xué)目的、要求：掌握ASP運(yùn)行環(huán)境的配置，包括服務(wù)器端和本機(jī)開發(fā)環(huán)境的基本配置。重點(diǎn)、難點(diǎn)：重點(diǎn)：安裝服務(wù)器IIS及配置IIS難點(diǎn)：配置本地站點(diǎn)課型：課堂教學(xué)與實(shí)驗(yàn)相結(jié)合教程設(shè)計(jì)：2.1Web應(yīng)用程序的開發(fā)環(huán)境2.1.1服務(wù)器端開發(fā)環(huán)境基于ASP技術(shù)的Web應(yīng)用程序的服務(wù)器端開發(fā)環(huán)境需要ASP應(yīng)用程序服務(wù)器，以及能夠訪問數(shù)據(jù)庫的數(shù)據(jù)庫驅(qū)動(dòng)程序。在Windows2000和WindowsXP中內(nèi)置了能同時(shí)作為Web服務(wù)器和應(yīng)用程序服務(wù)器的IIS5.0（MicrosoftInternetInformationServer），因此是開發(fā)ASP技術(shù)的Web應(yīng)用程序的首選。如果操作系統(tǒng)是Windows98，可以安裝PWS（個(gè)人Web服務(wù)器）來作為服務(wù)器，但能滿足學(xué)習(xí)要求。2.1.2本機(jī)開發(fā)環(huán)境1、MicrosoftVisualInterDev；2、MacromediaDreamweaver8。2.2建立Web站點(diǎn)建立一個(gè)Web站點(diǎn)，提供服務(wù)器端的開發(fā)環(huán)境，調(diào)試應(yīng)用程序的每一個(gè)頁面和試運(yùn)行整個(gè)應(yīng)用程序。2.2.1安裝服務(wù)器啟動(dòng)控制面板?添加/刪除程序?添加/刪除Windows組件?Windows組件向?qū)Т翱?選定Internet信息服務(wù)（IIS）?啟動(dòng)IIS安裝向?qū)瓿砂惭b2.2.2啟動(dòng)IIS服務(wù)開始?程序?管理工具?Internet服務(wù)管理器（開始?設(shè)置?控制面板?管理工具?Internet服務(wù)管理器）在IIS窗口中，選擇站點(diǎn)，然后單擊控制臺(tái)工具欄中的按鈕來進(jìn)行相應(yīng)的操作。啟動(dòng)項(xiàng)目：啟動(dòng)選定站點(diǎn)，外界能夠訪問該站點(diǎn)；停止項(xiàng)目：停止站點(diǎn)服務(wù)，站點(diǎn)就同外界斷開，從計(jì)算機(jī)內(nèi)存中卸載Internet服務(wù)，外界不能訪問站點(diǎn)；暫停項(xiàng)目：禁止Internet服務(wù)接受新的連接，但不影響正在進(jìn)行處理的請求。2.2.3創(chuàng)建新的Web站點(diǎn)1、在已有站點(diǎn)的物理目錄中創(chuàng)建子目錄在資源管理器中創(chuàng)建子目錄，訪問該目錄下的文件時(shí)，URL地址格式如下：http://現(xiàn)有站點(diǎn)/子目錄/文檔名例如：http://localhost/sample/default.htm2、構(gòu)建當(dāng)前站點(diǎn)的虛擬目錄建立虛擬目錄的方法和步驟。1)啟動(dòng)IIS，在左邊窗格樹目錄中用鼠標(biāo)右鍵單擊“默認(rèn)Web站點(diǎn)”，打開右圖快捷菜單，執(zhí)行命令“新建?虛擬目錄”，打開虛擬目錄創(chuàng)建向?qū)?。（根?jù)提示完成下一步操作）3、建立真正的Web站點(diǎn)為文件夾E:\net_book_store建立一個(gè)真正的站點(diǎn)NetBookStoreSite。啟動(dòng)IIS，在IIS樹目錄中用鼠標(biāo)右鍵單擊計(jì)算機(jī)名，在彈出的快捷菜單中執(zhí)行命令“新建?Web站點(diǎn)”，打開新建站點(diǎn)向?qū)А?.3Web站點(diǎn)開發(fā)工具Dreamweaver8簡介2.3.1概述Dreamweaver8是Macromedia公司于2006年發(fā)布的產(chǎn)品，版本號(hào)是8.0。它集成網(wǎng)頁設(shè)計(jì)和應(yīng)用程序開發(fā)功能，全面支持ASP、JSP、CFML和PHP的開發(fā)，并且有了漢化版。2.3.2DreamweaverMX的工作環(huán)境2.3.3DreamweaverMX的Web應(yīng)用程序開發(fā)功能Dreamweaver8是一個(gè)全功能的Web應(yīng)用快速應(yīng)用程序開發(fā)環(huán)境。1、提供圖形化的快速開發(fā)環(huán)境2、提供強(qiáng)大的Web應(yīng)用開發(fā)功能3、Dreamweaver8提