第二講web技術概述授課課時：4課時（180分鐘）授課班級：軟件121主講教師：劉志成主要內容本講目標任務1–認知靜態網頁和動態網頁任務2–認知Web服務器和網絡數據庫任務3–比較JSP和ASP.NET任務4

–比較C/S結構與B/S結構課堂實踐鞏固與提高本課目標知識了解靜態網頁中靜態的概念動態網頁中動態的含義JSP/ASP/ASP.NET/PHP的比較了解C/S模式與B/S的特點

（重點、難點）技能能識別靜態網頁和動態網頁能選擇合適的Web服務器能選擇合適的網絡數據庫

（重點）素質嚴謹認真的工作態度語言表達和與人溝通能力團隊合作精神任務1–認知靜態網頁和動態網頁“網頁設計與制作”精品課程網站“JSP程序設計”精品課程網站“中國程序員”

案例教師展示網站信息任務1–認知靜態網頁和動態網頁1.小組討論分析靜態網頁和動態網頁的異同。

你認為靜態網頁和動態網頁的不同點有哪些？你認為動態網頁總是優于靜態網頁嗎？2.選擇小組代表匯報小組觀點。小組活動靜態網頁靜態網頁是指網頁的內容是固定的，不會根據瀏覽者的不同需求而改變。靜態網頁一般使用HTML（超文本標記語言）語言進行編寫。靜態網頁通常.htm、.html、.shtml、.xml等為文件后綴名。網頁內容不會發生變化，除非網頁設計者修改了網頁的內容。不能實現和瀏覽網頁的用戶之間的交互。信息流向是單向的，即從服務器到瀏覽器。服務器不能根據用戶的選擇調整返回給用戶的內容。在HTML格式的網頁上，也可以出現各種“動態效果”，如.GIF格式的動畫、FLASH、滾動字母等，但這些“動態效果”只是視覺上的，而不是內容上的動態。動態網頁是指在用戶接到用戶訪問要求后動態生成的頁面，頁面內容會隨著訪問時間和訪問者發生變化。動態網頁一般是在服務器端運行的程序、網頁、組件。動態網頁的內容只有當用戶請求時服務器才返回一個完整的網頁。動態網頁URL的后綴通常為.asp、.jsp、.php、.perl、.cgi等形式。動態網頁以數據庫技術為基礎，可以大大降低網站維護的工作量。采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄、搜索查詢、用戶管理、訂單管理等。動態網頁

靜態網頁VS動態網頁

靜態網頁的瀏覽過程動態網頁的工作原理圖學生模仿1－體驗靜態網頁和動態網頁1.學生進入163網站，分析網站中的靜態部分和動態部分。2.體驗靜態網頁和動態網頁的不同。學生活動任務2–認知Web服務器和網絡數據庫WEB服務器也稱為WWW(WORLDWIDEWEB)服務器，其作用是整理和儲存各種WWW資源，并響應客戶端軟件的請求。

可以是物理上獨立的一臺機器，也可以是駐留于因特網上某種類型計算機的程序。任務2–認知Web服務器和網絡數據庫

一臺普通的計算機要成為Web服務器，必須通過相應的程序（如IIS、PWS、APACHE和Tomcat等）來實現。當Web瀏覽器（客戶端）連到服務器上并請求文件時，服務器將處理該請求并將文件發送到瀏覽器上，附帶的信息會告訴瀏覽器如何查看該文件（即文件類型）。服務器使用HTTP（HypertextTransferProtocol，超文本傳輸協議）與客戶端進行信息交流。在Windows操作系統中，如果采用ASP或ASP.NET進行Web程序開發，則需要通過IIS來搭建Web服務器；如果采用PHP進行Web程序開發，則需要通過APACHE來搭建Web服務器；如果采用JSP進行Web程序開發，則需要通過JDK和相關的應用服務器（如Tomcat、WebLogic等）來搭建Web服務器。

Web服務器特點任務2–認知Web服務器和網絡數據庫網絡數據庫系統是指在計算機網絡環境下運行的數據庫系統，它的數據庫分散配置在網絡節點上，能夠對網絡用戶提供遠程數據訪問服務。有人把它也稱為分布式數據庫系統，但是它只能算是一種特定的分布式數據庫系統，它駐留在各個網絡節點上的數據庫仍然是集中式的數據庫。任務2–認知Web服務器和網絡數據庫

網絡數據庫系統可以按照客戶機/服務器模式或瀏覽器/服務器模式建立，但無論采用那種計算模式，數據庫都是駐留在后臺服務器上，通過網絡通信，為前端用戶提供數據庫服務。網絡數據庫系統可以與Web服務器同一臺物理計算機，也可以分布在單獨的物理計算機上，稱之為數據庫服務器。網絡數據庫是Web程序開發的核心，用來存儲用戶的各種資源。流行的SQLServer、MySQL和Oracle都是網絡數據庫系統。網絡數據庫系統特點學生模仿2－使用網絡數據庫系統1.使用SQLServer2005將e_Buy系統的數據庫通過運行腳本的方式創建ShopSystem數據庫。2.結合e_Buy電子商城體驗Web服務器和網絡數據庫系統在動態網站開發中的主要作用。學生活動任務3–比較JSP和ASP.NETASP是ActiveServerPage的縮寫，意為“動態服務器頁面”。ASP是微軟公司開發的代替CGI腳本程序的一種應用，它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網頁文件的格式是asp。PHP獨特的語法混合了C、Java、Perl以及PHP自創的語法。它可以比CGI或者Perl更快速地執行動態網頁。和其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執行，執行效率要高；PHP還可以執行編譯后代碼，編譯可以達到加密和優化代碼運行，使代碼運行更快。ASP和PHP任務3–比較JSP和ASP.NETASP.NET是ASP的.NET版本，可以創建動態Web頁面。（1）ASP.NET方便快捷的從數據源（ADO.NET）訪問數據。（2）ASP.NET能用被稱為模板的編程代碼集合來創建HTML文檔。使用模板的優點是可以在HTML文檔顯示給用戶之前，將從數據源檢索到的內容動態插入HTML文檔中。因此，在從數據源檢索到的內容發生變化時不需要手動修改信息。（3）ASP.NET能將HTML的設計和數據檢索機制分離。這樣，改變HTML設計不會影響數據庫應用程序。類似的，服務器腳本確保了對數據源進行修改時無需改動HTML文檔。

ASP.NET

和JSP任務3–比較JSP和ASP.NETJSP是Sun公司推出的新一代動態網站開發語言，可以在Servlet和JavaBean的支持下，完成功能強大的動態網站程序的開發。（1）將內容的生成和顯示進行分離。（2）強調可重用的組件。（3）采用標識簡化頁面開發。（4）相對C＃，JSP的腳本語言JAVA也是面向對象的、分布式的、解釋的語言。（5）與C＃相似JAVA同樣去掉了難以理解的指針等概念，取而代之的是類和對象。（6）JSP有一項全新的技術――Servlet（服務器端程序）很好的節約了服務器資源。（7）JavaBeans作為在Java（包括JSP）中使用可重復使用的Java組件的技術規范。（8）JSP對XML有十分廣泛的支持。ASP.NET和JSP任務4–比較C/S結構與B/S結構

C/S結構即Client/Server（客戶機/服務器）結構，通過將任務合理分配到Client（客戶）端和Server（服務器）端，最簡單的C/S體系架構的數據庫應用由兩部分組成，即客戶應用程序和數據庫服務器程序，可分別稱為前臺程序與后臺程序。C/S結構任務4–比較C/S結構與B/S結構

（1）伸縮性差：客戶機與服務器聯系很緊密，在修改客戶機或服務器時一般要修改另一個，這使軟件不易伸縮、維護量大，軟件互操作起來也很難。（2）性能較差：在將較多的數據從服務器端傳送到客戶機進行處理時，一方面會出現網絡擁塞，另一方面會消耗客戶機的主要系統資源，從而使整個系統的性能下降。（3）重用性差：數據庫訪問、業務規則等都固化在客戶端應用程序中，如果客戶另外提出的其他應用需求中也包含了相同的業務規則，程序開發者將不得不重新編寫相同的代碼。（4）移植性差：當某些處理任務是在服務器端由觸發器或存儲過程來實現時，其適應性和可移性較差。因為這樣的程序可能只能運行在特定的數據庫平臺下，當數據庫平臺變