网际网路资料库程式设计.ppt

網際網路資料庫程式設計 動態網頁程式設計 教學目標 本課程主要目的在於介紹動態網頁程式設計的基本觀念及技術，並學習如何應用PHP及MySQL資料庫來設計網際網路資料庫應用系統，以培養學生網際網路資料庫應用系統開發的能力。 教學大綱 基本觀念及開發環境建立 HTML網頁設計入門 CSS及JavaScript介紹 PHP基本語法與設計基礎 PHP進階應用 資料庫概念與SQL語法介紹 MySQL資料庫管理與設計 PHP與MySQL整合應用 整合實例實作與說明 專題製作 網際網路資料庫程式設計--HTML基礎 HTML介紹 CSS介紹 JavaScript介紹 網際網路資料庫程式設計--PHP基礎與開發環境的建立 何謂動態網頁？ 動態網頁 v.s. 靜態網頁 例子一(彰師大校長介紹) 例子二(彰師大首頁) 例子三(中時電子報) 例子四(博客來網路書店) 動態網頁 v.s. 靜態網頁 動態網頁 v.s. 靜態網頁 動態網頁 可與使用者產生互動 動態產生HTML 依時間、使用者不同而有不同的呈現方式或內容 大部分皆使用資料庫儲存資料內容 Client/Server架構 「客戶端」(Client)：使用者執行程式的電腦，負責和伺服器溝通和存取伺服器的資料。 「伺服端」(Server)：指的是提供服務的伺服器，如Web Server、DB Server。 Client/Server架構 傳統主從式架構(2-tier Client/Server) 傳統主從式架構(2-tier Client/Server) 優點： 豐富的操作介面 開發環境 缺點： 安裝 作業系統差異 Web-based架構(3-tier /N-tier) 三層式(3-tier)的分散架構為目前Web應用程式最普遍使用的架構。 Web-based架構(3-tier /N-tier) 優點： 無須複雜的安裝(最小安裝)，client端只需具備瀏覽器即可使用。 作業系統差異小 缺點： 開發工具不夠成熟 安全性需更為注意 WWW的架構 Web Server主要存放客戶端請求的資料，最常見的為「IIS」（Internet Information Services），及Apache伺服器， Client端主要使用瀏覽程式顯示伺服端的檔案資料，如Internet Explorer、Netscape、Firefox…等。 客戶端網頁技術-說明 客戶端網頁技術是指程式碼在使用者客戶端瀏覽程式上執行，瀏覽程式本身即直譯程式，只需瀏覽程式支援相關的直譯語言，就可以執行這些客戶端網頁技術。 JavaScript VBScript Java Applet ActiveX 伺服端網頁技術-說明 伺服端網頁技術簡單的說是在Web伺服器上執行的程式，而不是在使用者客戶端的瀏覽程式執行，目前常用的伺服端技術有： CGI ASP(.NET) JSP PHP 伺服端網頁技術-PHP PHP是「PHP: Hypertext Preprocessor」的簡稱，它是一種通用、開放原始碼（Open Source）的伺服端Script語言，可以直接內嵌於HTML文件，特別適用在Web網站的開發，主要是使用在Linux/Unix作業系統的伺服端網頁技術，目前Windows平台也一樣可以執行PHP，而且支援微軟的IIS伺服器。 ………………… 網際網路資料庫程式設計-- PHP的變數、資料型態和運算子 3-1-1 建立PHP程式 PHP程式一般使用.php當副檔名，但PHP程式並沒有固定的副檔名，需視Apache伺服器AddType指令的設定。 PHP程式碼是直接內嵌在HTML標籤，如下所示： ? ……….? ?php …………? 3-1-1 建立PHP程式(例子1) htmlhead?????title例子1 /title　 /headbody?　 //直接在HTML中嵌入PHP Script 　echo span網際網路資料庫程式設計/span;?/body /html 3-1-1 建立PHP程式(例子2) html headtitle例子2 /title/head body ? // 指定變數初值 $begin = 2; $end = 6; // 設定字型尺寸由小變大 for ($i = $begin; $i = $end; $i = $i + 2) { ? font size= ? echo $i ? p歡迎使用PHP 5/p ?php print /font; } ? /body /html 3-1-2 PHP程式的執行過程-說明 PHP屬於一種伺服端網頁技