多媒體設計實務第㆔版專題設計篇 15-1 網路資料庫與 ASP 利用資料庫可以儲存大量的學習相關資料, 包括學習者的基本資料學習歷程資料等, 而透過網路來存取資料庫, 是建構線上學習系統非常重要的技巧建立學習資料庫建立資料庫的工具很多 ( 例如 :Oracle Informix

Size: px

Start display at page:

Download "多媒體設計實務第㆔版專題設計篇 15-1 網路資料庫與 ASP 利用資料庫可以儲存大量的學習相關資料, 包括學習者的基本資料學習歷程資料等, 而透過網路來存取資料庫, 是建構線上學習系統非常重要的技巧建立學習資料庫建立資料庫的工具很多 ( 例如 :Oracle Informix"

俭宜萧
5 years ago
Views:

1 線習系統 15 愛惜生命的, 不可浪費時間, 因為時間是組成生命的元素富蘭克林多媒體設計實務第 ㆔ 版

多媒體設計實務第㆔版專題設計篇 15-1 網路資料庫與 ASP 利用資料庫可以儲存大量的學習相關資料, 包括學習者的基本資料學習歷程資料等, 而透過網路來存取資料庫, 是建構線上學習系統非常重要的技巧 15-1.

2 多媒體設計實務第㆔版專題設計篇 15-1 網路資料庫與 ASP 利用資料庫可以儲存大量的學習相關資料, 包括學習者的基本資料學習歷程資料等, 而透過網路來存取資料庫, 是建構線上學習系統非常重要的技巧建立學習資料庫建立資料庫的工具很多 ( 例如 :Oracle Informix SQL Server Access 等等 ), 操作最簡單的工具是微軟 (Microsoft) 的 Access, 本節就以 Access 為例, 說明建立學習資料庫技巧建立學習資料庫檔案的操作方法如下 : 開啟 Access 視窗後, 移動指標到新增檔案工作窗格上的新增區中空白資料庫空白資料庫 15-2

3 線上學習系統 15 出現開新資料庫視窗後, 從儲存位置選單中檔案要儲存的資料夾, 然後鈕檔案要儲存的資料夾鈕出現資料庫視窗後, 移動指標到物件區資料表鈕, 然後快按兩下使用設計檢視建立資料表資料表鈕快按兩滑鼠左鍵出現資料表 1 視窗後, 輸入欄位名稱及設定資料類型, 然後將 stdid 欄位設定為主索引, 最後關閉鈕設定為主索引關閉鈕輸入欄位名稱及設定資料類型 15-3

4 多媒體設計實務第㆔版專題設計篇出現 Microsoft Access 詢問視窗後, 鈕鈕出現另存新檔視窗後, 在資料表名稱欄輸入資料表的名稱, 然後鈕輸入資料表的名稱鈕回到資料庫視窗後, 會出現所建立的資料表, 移動指標到 basictable 資料表上快按兩下滑鼠左鍵, 可以開啟資料表快按兩滑鼠左鍵開啟用來儲存學生基本資料的資料表後, 請在資料表中輸入資料內容, 畫面顯示如下 : 15-4

如下圖所示 : 資料庫的查詢功能, 可以根據您所設定的條件, 顯示不同的資料表欄位, 本章線上學習系統的資料庫中, 有兩個查詢表,

5 線上學習系統 15 重複 ~, 建立另一個名稱為 score 的資料表, 用來儲存成績的, 並在資料表中輸入資料內容, 畫面顯示如下 : 完成了 basictable 和 score 兩個資料表後, 接著利用資料表關聯技巧, 建立一對多的關聯, 如下圖所示 : 資料庫的查詢功能, 可以根據您所設定的條件, 顯示不同的資料表欄位, 本章線上學習系統的資料庫中, 有兩個查詢表, 分別是 nametable 和 scoretable, 用來顯示班級資料和個別學生資料建立 nametable 查詢表的操作方法如下 : 15-5

然後從可用的欄位區想要加入查詢的欄位名稱, 接著利用鈕將欄位加入到已選取的欄位區中,

6 多媒體設計實務第㆔版專題設計篇移動指標到物件區查詢鈕, 然後快按兩下使用精靈建立新查詢查詢鈕快按兩滑鼠左鍵出現簡單查詢精靈視窗後, 從資料表 / 查詢選單中要選取欄位的資料表名稱, 然後從可用的欄位區想要加入查詢的欄位名稱, 接著利用鈕將欄位加入到已選取的欄位區中, 一一設定查詢中想要加入的欄位名稱後, 鈕要選取欄位的資料表名稱要加入查詢的欄位名稱利用鈕將欄位加入到已選取的欄位區查詢想要加入的欄位名稱鈕 15-6

7 線上學習系統 15 出現設定查詢的種類視窗後, 詳細, 再鈕詳細出現設定查詢的名稱後, 在輸入框輸入查詢的名稱, 然後開啟查詢以檢視資訊, 以開啟設計完成的查詢視窗供檢視資料, 再鈕輸入查詢的名稱開啟查詢以檢視資訊鈕完成後, 會開啟 nametable 查詢表, 畫面顯示如下 : 15-7

多媒體設計實務第㆔版專題設計篇重複相同的步驟, 建立 scoretable 查詢表如下 : 15-1.

8 多媒體設計實務第㆔版專題設計篇重複相同的步驟, 建立 scoretable 查詢表如下 : 建立與資料庫溝通的 ASP 程式在進行 Authorware 教材與伺服器 (Server) 端資料庫連結之前, 先讓我們熟悉一下 HTML 網頁與資料庫連結的技巧 HTML 網頁透過 ASP 程式與伺服器端資料庫溝通的架構如下 : GET ASP 程式 ASP 程式 ASP 程式 POST 伺服器端在 HTML 網頁中, 將要傳送給 ASP 程式的資料放在表單 (Form) 中, 並在表單中放入一個 Submit 型態的按鈕, 在瀏覽器中執行這個含有表單的 HTML 網頁時, 只要按下 Submit 鈕, 就會將表單中的資料傳送給指定的 ASP 程式使用表單傳送表單中的資料時, 又分為 POST 和 GET 兩種方法, 使用 GET 時, 在瀏覽器的資料編輯列會顯示所傳送的資料內容, 而使用 POST 方法時, 則不會顯示資料內容下面就是使用 GET 方法的 HTML 程式碼 : 15-8

線上學習系統 15 <form method="get" name="f1" action="15-01-02a.

name="courseid" size="20" value="math01"> <p> 學號 : <input type="text" name="stdid" size="20"

9 線上學習系統 15 <form method="get" name="f1" action=" a.asp"> <p><font size="6" color="#0000ff"> 成績查詢 </font></p> <hr> 課程名稱 : <input type="text" name="courseid" size="20" value="math01"> <p> 學號 : <input type="text" name="stdid" size="20" value="a9001"> </p> <input type="submit" value="search" name="b1"></p> </form> 在瀏覽器中執行上述程式碼後, 畫面顯示如下 : 輸入要查詢的課程名稱鈕輸入要查詢的學號按下鈕後, 在瀏覽器資料編輯列顯示參數如下 : 參數 15-9

10 多媒體設計實務第㆔版專題設計篇在 ASP 程式的 URL 之後的參數如下 :?courseid=math01&stdid=a9001&b1=search 參數中,courseid stdid B1 分別是表單中三個元件的名稱, 而 math01 A9001 search 是三個元件的值, 在每一個元件之間使用 & 符號下面則是使用 POST 方法的 HTML 程式碼 : <form method="post" name="f1" action=" b.asp"> <p><font size="6" color="#0000ff"> 成績查詢 </font></p> <hr> 課程名稱 : <input type="text" name="courseid" size="20" value="math01"> <p> 學號 : <input type="text" name="stdid" size="20" value="a9001"> </p> <input type="submit" value="search" name="b1"></p> </form> 在瀏覽器中執行上述程式碼, 畫面如下 : 輸入要查詢的課程名稱鈕輸入要查詢的學號 15-10

線上學習系統 15 按下鈕後, 在瀏覽器資料編輯列不會顯示參數資料, 畫面如下 : 沒有參數使用 ASP 程式接受 GET 方法和 POST 方法所傳送的資料時, 程式碼如下 : GET 方法 str1=request("courseid") str2=request("stdid") POST 方法 str1=request.form("courseid") str2=request.

11 線上學習系統 15 按下鈕後, 在瀏覽器資料編輯列不會顯示參數資料, 畫面如下 : 沒有參數使用 ASP 程式接受 GET 方法和 POST 方法所傳送的資料時, 程式碼如下 : GET 方法 str1=request("courseid") str2=request("stdid") POST 方法 str1=request.form("courseid") str2=request.form("stdid") 下面是接收 GET 方法後, 查詢資料庫中符合條件記錄的 ASP 程式碼 : ' 接收 GET 方法傳遞的參數資料 str1=request("courseid") str2=request("stdid") ' 建立 ADODB 資料庫物件 set conn=server.createobject("adodb.connection") ' 取得 db.mdb 檔案所在的路徑名稱 dbname=server.mappath("db.mdb") ' 設定 ODBC 驅動程式的參數 connstr1="driver={microsoft Access Driver (*.mdb)};dbq=" & dbname & "" 15-11

12 多媒體設計實務第㆔版專題設計篇 ' 建立資料庫連結 conn.open connstr1 ' 建立 recordset 物件 set rs=server.createobject("adodb.recordset") ' 開啟 scoretable 資料表 rs.open "scoretable",conn,adopenstatic,adlockreadonly,adcmdtable ' 輸出 HTML 表格 response.write("<table border=1>") ' 設定表格顏色 response.write("<tr bgcolor=#ff00ff>") ' 顯示資料表的所有欄位名稱 for i=0 to rs.fields.count-1 response.write("<td>" & rs(i).name & "</td>") next ' 移到第㆒筆紀錄 rs.movefirst ' 讀取所有紀錄的重複回圈 while not rs.eof ' 判斷紀錄的 courseid 和 stdid 等兩個欄位的內容是否相同 if rs("courseid")=str1 and rs("stdid")=str2 then ' 輸出符合條件的紀錄資料 str3="<tr>" for i=0 to rs.fields.count-1 str3=str3 & "<td>" & rs(i) & "</td>" next response.write(str3 & "</tr>") end if ' 移到 ㆒筆紀錄 rs.movenext wend ' 輸出結束表格的 HTML 標籤 response.write("</table>") ' 關閉資料表 rs.close ' 關閉資料庫物件 conn.close %> 15-12

線上學習系統 15 參考前面介紹的基本觀念, 請先準備下列檔案 : 1. db.mdb( 學習資料庫檔案 ) 2. adovbs.inc ( 資料庫參數設定檔案 ) 3. 15-01-02a.

13 線上學習系統 15 參考前面介紹的基本觀念, 請先準備下列檔案 : 1. db.mdb( 學習資料庫檔案 ) 2. adovbs.inc ( 資料庫參數設定檔案 ) a.asp ( 使用 GET 方法查詢資料庫的 ASP 程式 ) a.html( 使用 GET 方法的 HTML 網頁 ) 將上述檔案複製到 IIS 的 WWW 資料夾中, 就可以在瀏覽器中進行查詢測試複製檔案與查詢資料的操作方法如下 : 開啟資料夾, 然後選取要複製到 IIS 的 WWW 資料夾中的檔案, 再從功能表列的編輯選單中複製從編輯選單複製選取檔案 15-13

$Inetpub\wwwroot 資料夾後, 檔案要儲存的資料夾,$ 然後按一下滑鼠右鍵, 出現快速選單後, 從選單中貼上按滑鼠右鍵

14 多媒體設計實務第㆔版專題設計篇開啟系統碟 Inetpub\wwwroot 資料夾後, 檔案要儲存的資料夾, 然後按一下滑鼠右鍵, 出現快速選單後, 從選單中貼上按滑鼠右鍵貼上開啟瀏覽器, 在網址欄輸入檔案所在的位置, 然後鈕輸入檔案所在的位置鈕 15-14

線上學習系統 15 按下鈕後, 查詢結果畫面顯示如下 : 15-1.3 查詢班級資料的 HTML 與 ASP 程式下面再舉一個例子, 說明如何使用 POST 方法查詢資料庫中的班級資料查詢班級資料的 HTML 與 ASP 程式的操作方法如下 : 在記事本中建立一個檔名為 15-01-03.

15 線上學習系統 15 按下鈕後, 查詢結果畫面顯示如下 : 查詢班級資料的 HTML 與 ASP 程式下面再舉一個例子, 說明如何使用 POST 方法查詢資料庫中的班級資料查詢班級資料的 HTML 與 ASP 程式的操作方法如下 : 在記事本中建立一個檔名為 html 的網頁文件, 標籤內容如下 : <html> <head> <meta http-equiv="content-language" content="zh-tw"> <meta name="generator" content="microsoft FrontPage 5.0"> <meta name="progid" content="frontpage.editor.document"> <meta http-equiv="content-type" content="text/html; charset=big5"> <title> 班級資料 </title> </head> <body bgcolor="#ffffcc"> <form method=post name=f1 action= asp > <p><font face= 標楷體 size=6 color=#0000ff> 班級資料查詢 </font></p> <hr> <p> 班級名稱 : <input type=text name=classname size=20 value= ㆔年㆒班 > </p> <p> 15-15

16 多媒體設計實務第㆔版專題設計篇 <input type=submit value= 開始查詢 name=b1></p> </form> </body> </html> 在記事本中建立一個檔名為 asp 的 ASP 程式, 程式碼內容如下 :  <% str1=request.form("classname") dim dbname dim connstr1 set conn=server.createobject("adodb.connection") dbname=server.mappath("db.mdb") connstr1="driver={microsoft Access Driver (*.mdb)};dbq=" & dbname & "" conn.open connstr1 set rs=server.createobject("adodb.recordset") rs.open "nametable",conn,adopenstatic,adlockreadonly,adcmdtable response.write("<table border=1>") response.write("<tr bgcolor=#ff00ff>") for i=0 to rs.fields.count-1 response.write("<td>" & rs(i).name & "</td>") next rs.movefirst while not rs.eof if rs("classname")=str1 then str3="<tr>" for i=0 to rs.fields.count-1 str3=str3 & "<td>" & rs(i) & "</td>" next response.write(str3 & "</tr>") end if rs.movenext wend response.write("</table>") rs.close conn.close %> 15-16

RUN_PC連載_10_.doc

RUN_PC連載_10_.doc PowerBuilder 8 (10) Jaguar CTS ASP Jaguar CTS PowerDynamo Jaguar CTS Microsoft ASP (Active Server Pages) ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar Server ASP