1 / 49

視覺化程式設計教學探討

視覺化程式設計教學探討. 國立台灣師範大學 工業教育研究所 戴建耘教授 龍清榮主任 謝幸洲主任 吳美華組長 主要參考書目 Microsoft Office 97 Visual Basic 自學手冊（碁峰） 微軟 Intranet 原始程式解密 -Vision Module （恆逸） Visual Basic 與 SQL Server （松崗） Microsoft Visual Basic 6.0 程式開發手冊（松崗） Microsoft Visual Basic 6.0 Reference Library （ 松崗）. 作業平台

rafael-may
Download Presentation

視覺化程式設計教學探討

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 視覺化程式設計教學探討 國立台灣師範大學 工業教育研究所 戴建耘教授 龍清榮主任 謝幸洲主任 吳美華組長 主要參考書目 Microsoft Office 97 Visual Basic 自學手冊（碁峰）微軟Intranet原始程式解密-Vision Module（恆逸） Visual Basic 與 SQL Server（松崗） Microsoft Visual Basic 6.0 程式開發手冊（松崗） Microsoft Visual Basic 6.0 Reference Library（松崗）

  2. 作業平台 Windows NT Server Windows NT Workstation/Windows 95/98 Browser Internet Explorer 4.0 (含)以上 資料庫系統 Micorsoft Access 97 SQL Server 6.5/7.0 Web伺服器與編輯管理工具 IIS 3.0 / 4.0/Peer Web Service 4.0 Visual InterDev FrontPage 98 壹、系統需求

  3. VB、VBA、VBScript之關係 VB VBA VBScript

  4. VBSript、DHTML、ASP之關係 VBScript DHTML ASP/ADO DataBase Client/Server/IIS PWS

  5. DHTML vs BROWSER Netscape DHTML Microsoft DHTML CSS JavaScript CSS-P Layers JSS Visual Fiters Dynamic CSS 共有18事件

  6. 物件 屬性 表單 程式碼

  7. 函數 Ex：Msgbox 方法 功能 物件 事件

  8. 物件與物件溝通的機制COM 方法 方法 物件 COM 物件 事件 事件 屬性 表單 屬性 表單 程式碼 程式碼

  9. 物件 • 物件是Visual Basic 程式設計的核心 • 表單、控制項和資料庫等都是物件 • 使用物件不但可以簡化程式碼，且讓 程式碼 能夠 重複使用 • 物件是被封裝的（encapsulated） • 同時包含程式碼和資料 • 比傳統的程式碼設計方式更容易維護

  10. Visual Basic的物件特色 具有「屬性」、「方法」和「事件」 • 屬性 是描述物件的資料 • 方法 用來告訴物件應做的事情 • 事件 則是物件所引發的事情 在事件觸發時，利用程式碼來進行處理

  11. Visual Basic 表單的生命週期 • VB 以Forms（全域的集合物件）來記錄專案中所有的表單 • 只有當表單被載出（unload）時，才會從集合中移除該表單 • 通常 VB 表單在整個生命週期中有四種狀態：1.建立，但不載入2.載入，但不顯示3.顯示4.記憶體和資源完全收回

  12. 是屬性還是方法？ • 一般來說，屬性是關於某個物件的資料方法是該物件可能被要求去執行的動作 • 有時要搞清楚某個成員是物件的資料，還是物件的行為時，可能不容易 • 可行方法： 使 之 成 為 希望人們把它當作關於物件的資料來看待 屬性 希望人們把它視作物件所做的某件事情來看待 方法

  13. 貳、資料庫網頁 基本觀念與技巧 (一) ODBC DSN的概念 (二) VID架構 (三) Design-Time Control (四) Data Command Control

  14. (一) ODBC DSN的概念 • Data Source Name(DSN)定義用來連結資料庫 • ODBC提供各種驅動程式 • 可用於Client / Server databases (SQL Server)或 Shared file databases (Access) • Viusal InterDev包括Microsoft Access, FoxPro, SQL Server, Oracle…等內建ODBC資料庫驅動程式

  15. (二) VID架構 Workspace Web Project (ASP) Database Project Database (SQL/Access) Web Server (PWS/IIS)

  16. (三) Design-Time Control • 類似一種Wizard的使用 • 經常性工作的自動化裝置 • 產生HTML and Server-side code • Cross-Browser及Cross-Platform輸出 • 主要有四種種類 • Data Command • Data Range Header • Data Range Footer • Include Control

  17. (四) Data Command Control • 可結合Web Project中的Data Connection • 連結後端資料庫 • 可建立查詢SQL語法，並產生Recordset

  18. 規劃資料庫 建立DSN 建立 Workspace＆ Web Project 在ASP中插入 Data Command Control 新增一ASP 執行網頁 建立DATA CONNECTION 在網頁中建立 Data Command Script 語法 測試網頁 使用 Query Builder 建立SQL語法 參、主要步驟流程

  19. (一)建立資料庫 • 建立Access資料庫 • 利用現有的資料庫 • Publish.mdb

  20. (二)建立DSN 1.[控制台]/[32bit ODBC] 2.選取[System DSN]標籤，按『Add』按鈕

  21. 3.選取[Microsoft Access Driver (*.mdb)] 4. 按『完成』按鈕

  22. 5.輸入Data Source Name:pub1 (自訂) 6.按『Select...』按鈕

  23. 7.選取資料庫-Publish.mdb，按『Ok』按鈕

  24. (三）建立Workspace 1.啟動Visual InterDev 2.選取[File]/[New] 3.選取[Workspaces]標籤 4.輸入Workspace name與Location 注意事項:可先利用檔案總管，建立一工作目錄，來存放Workspace與Web Project

  25. （四）建立Web Project 1.選取[File]/[New] 2.選取[Project]標籤，選取『Web Project Wizard』 3.輸入Project name與 Location 4.選取[Add to current workspace]選項 5.按『確定』按鈕

  26. 6.輸入Server name後，按『下一步』按鈕 • Web Server 的IP Address或DNS 7.選取[Create a new Web]選項，輸入Web name 8.按『完成』按鈕

  27. （五）建立Data Connection 1.選取『global.asa』 2.按一下右鍵，選取[Add Data Connection] 3.按[Machine Data Source]標籤，選取『Pub1』，按『確定』按鈕

  28. 4.輸入Data Connection Name 5.輸入Connection String－DBQ=\\WS129\Publish\publish.mdb 其中WS129為電腦名稱，Publish為資料夾並設為共用

  29. （六）建立一ASP執行網頁 1.選取[File]/[New] 2.選取[File]標籤 3.選取『Active Server Page』 4.輸入File Name 5.按『確定』按鈕

  30. （七）插入Data Command Control 1.選取data.asp 2.在右邊視窗中，按一下右鍵，選取[Insert Active X Control..] 3.按[Desing-Time]標籤，選取[Data Command Control ]，按『確定』按鈕

  31. 4.出現『Properties』對話視窗，選取[Control]標籤 5.輸入ID:rs1(自訂)與Data Conntion

  32. （八）使用SQL Builder 建立SQL語法 1.在『Properties』對話視窗中，按『SQL Builder 』按鈕 2.選取所需的Talbes與Columns 3.按『x』按鈕，並更新儲存檔案

  33. Data Command -Recordset 產生

  34. （九）建立Data Command Script 敘述 1.選取[data.asp]，按右鍵，選取[Open With] 2.選取[fpeditor.exe]，按[Open ]按鈕 • 若無[fpeditor.exe]選項，可利用[add]按鈕，新增Front Page 98 Editor

  35. 3.利用Front Page 98 Editor，建立表格並輸入欄位名稱。 4.移動指標至第二列的第一欄中，選取[Insert]/[Advanced]/[Script..]

  36. 5.輸入VB Script敘述 =rs1(“filename”) ,其中filename為資料表欄位名稱 6.重複步驟4、5，輸入VB Script敘述至2、3欄位。而其VB Script敘述為 =rs1(“filedescription”)與=rs1(“filepath”)

  37. (十)測試網頁 • 執行data.asp

  38. Active Web Database動態資料庫網頁 The Internet InternetServerSoftware OurData ODBCDatabaseDriver

  39. The Internet Internet InformationServer ISAPI ActiveXServerScript CGI AppsFitersetc. InternetDatabaseConoector MicrosoftdbWeb CustomOLEISAPIServer DLL MicrosoftIndexServer ODBCDatabaseDriver OurData Other functionalityfrom Windows,etc. OurData

  40. Active Server Pages The Internet Internet InformationServer Active Server Pages Engine Scripting LanguagesVBScript,JavaScript,Perl,etc. CGIApps ISAPIExecutables OurData ActiveXControls ActiveXServer PagesComponents ActiveXDatabaseObiect ODBCDatabaseDriver

  41. Active Server Pages Scripting WebPage Active Server Pages WebPage SQL or directrecord manipulation CGIApps ODBCDatabaseDriver OurData ActiveXServer PagesComponents

  42. ASPs Fles 的精要 <HTML> <HEAD> … </HEAD> <BODY> <%………………...%> <SRIPT LANGUAGE=“…”> ………….. </SCRIPT> <SRIPT LANGUAGE=“…”RUNAT=Server> ………….. </SCRIPT> <!--#include…… --> <TABLE> ……… </TABLE> </BODY> </HTML>

More Related