標題標題  顯示論壇會員列表名單  搜索論壇搜索  HelpHelp
  注冊注冊  登入登入
ASP教學區
 DoReMe : ASP教學區
主題 話題: 第二十五章 使用MicroSoft Visual InterDev 回復發表新主題
作者
貼子內容 << Prev Topic下一個主題 >>
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 11:57上午 | IP記錄 引用 erisa

微軟Visual InterDev 是用於創建和管理萬維網站點的集成工具軟件.它是Microsoft Visual Studio集成工具的組件之一,通過Visual Studio的單一圖形界面工作區你能很容易地使用Visual InterDev和其他組件.

另外, Visual InterDev能夠使得你在使用HTML語言之外在站點中添加其它先進的技術特徵. Visual InterDev完全支持客戶端(ActiveX)和服務器端(Active Server)腳本語言,數據庫管理和其它技術,以上的所有技術均可通過ASP實現.

通過和微軟其它產品包括FrontPage和Visual SourceSaft等的集成,使得你能夠在同一網絡站點項目上協調工作.而和Internet Information Serer 以及Personal Web Sever配合可以提供你離線和在線管理網點的能力. Visual InterDev的諸多內建特性使其成為創建交互性網絡站點的一個強有力的開發工具.

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 11:58上午 | IP記錄 引用 erisa

Visual InterDev 結構特性

一個典型的交互性網絡站點由一系列獨立的組件組成.這些組件可能在同一計算機上開發和運行,也可能分佈和工作在一系列不同的計算 機上,列如:


開發工作站(運行Visual InterDev軟件)


Web Sever(和 FrontPage Sever) 開發工作站


Web Brower(用於瀏覽複雜的網頁)


Database Sever(任選)

Visual InterDev極大地簡化了以上組件之間的相互協調工作的任務,並且使得你能夠通過無縫方式把它們結合在一起. 開發工作站用於創建和編輯應用程序,而程序自動地上載到服務器端.如果開發的項目中包含有數據庫連接的話, Visual InterDev允許作者查看和處理位於數據庫服務器端的數據.於Visual InterDev集成的Microsoft Web Browser使得作者能夠在站點開發期間瀏覽網頁,以及在網點完成之後用戶對網點的訪問.

 

開發工作站

在開發工作站上的Visual InterDev為作者在開發期間提供了一系列不同方式對站點進行瀏覽和對不同組件的操作:


文件顯示列表使得你能夠查看同一項目工程中的所有文件和子目錄,其方式同Windows資源管理器類似.簡單的點擊(或鼠標右擊 )特性使得你能夠創建,編輯和刪除所列的任意文件和目錄.


數據顯示列表能夠顯示所有與網點有關的數據庫連接.數據庫元素諸如表,查詢能夠通過其創建和編輯.


信息顯示列表使得你能夠查詢由Visual InterDev所提供的幫助文件和其它信息.搜尋工具使得你能夠迅速地查找確切的網頁,此項功能也可通過信息顯示菜單實現.


最後,使用連接顯示列表,你能夠查看項目工程中的熱連接信息,並且可以借此修復所損的網頁和錯誤的熱連接信息.


文件顯示, 數據顯示, 連接顯示列表位於工作區左管理面板的低部.通過與許多對話框中列表相似的方式,你能夠簡單地通過點擊這三個列表中的任一個拖至頂 部.

為了能夠顯示連接信息,在文件列表中使相應地文件選中(文件呈高亮度顯示),並從View菜單中選中連接命令.或者右鍵單擊所選 的文件名選擇查看連接命令.

你能夠在以下的」網點項目和工作區」一節中看到有關文件查看,數據查看和信息查看的例子.並且可以在」顯示網點項目的連接」一節 中看到更多的有關連接信息查看的內容.

 

Web 服務器

Web服務器儲存開發網絡站點時的所有文檔內容。當文檔在開發工作站上創建和修改後Visual InterDev對其更新時,它使用FrontPage Server Extensions來更新位於Web服務器上的最終站點。

其他使用者可以從其自己的工作站上通過FrontPage 或Visual InterDev來訪問Web服務器上的信息,以便於開發的需要。Web服務器同時也承擔在World Wide Web上向訪問站點的瀏覽者傳輸文檔內容。

 

Web瀏覽器

在開發過程中開發者可以通過Web瀏覽器來觀察創建和修改後的網頁內容。而已完成的站點的用戶也可以使用Web瀏覽器來瀏覽網頁 。建議當您在開發網點過程中使用不同的Web瀏覽器諸如Internet Explorer和 Netscape Navigator以確保程序在不同環境下的兼容性。

 

數據庫服務器

在網點開發項目和儲存在數據庫服務器上的數據庫之間可以進行數據連接。Visual InterDev使得用戶可以在其工作站上顯式地創建和編輯數據庫元素。同時也能用其在服務器端定義和修改數據表,並且能設計和 測試查詢。

當網頁在Web服務器上瀏覽時,Web服務器單獨建立與數據庫服務器之間的數據連接從而執行查詢和提取相應的數據結果。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 12:00下午 | IP記錄 引用 erisa

安裝Visual InterDev

所有在WWW上的站點都必須運行在Web服務器上。為了使用Visual InterDev開發網點,Web服務器同時也必須運行FrontPage Server Extensions,目前其已有不同操作系統下的Web服務器相對應的不同版本。

FrontPage Server Extensions所支持的Web服務器有運行Microsoft Information Server(IIS)的Window NT服務器和一系列基於UNIX的服務器。

當你的開發工作站通過Internet或Interant與Web服務器相連時,您可以用其開發和維護運行在已正確配置的Web 服務器上(運行FrontPage Server Extensions)的網點項目。這項在線開發功能使得工作組的成員可以在不同的位置上對相同的在線項目進行開發工作。

如果您的計算機不能和Internet相連或者不能通過Intranet與Web服務器相連的話,您可以在自己的辦公室裡開發項 目。通過在Windows 95下安裝Personal Web Server服務器或者在Windows NT 4.0下安裝Peer Web Srvices,您能夠開發運行在自己本地主機上的網點項目。當開發工作完成之後,您可以將其上載到相應的正確配置的Web服務 器上以供Internet和Intranet上的訪問。

 

Web服務器的配置

如果您在一單獨的Windows NT服務器上進行開發,我們推薦以下的硬件和軟件配置。注意:您也可以在獨立於Web服務器的其他計算機上運行Microsof t SQL數據庫服務器程序用來充當數據庫服務器。

對不同組件的操作:


Pentium-兼容服務器(32兆內存以上)


Windows NT Server 4.0


Internet Information Server 4.0


Visual InterDev Server 組件


SQL Server 6.5和 Service Pack 1 for SQL Server 6.5(SQL Server 任選)

 

按以下步驟,安裝Microsoft Visual InterDev Server組件:


運行Visual InterDev Master Setup程序,setup.exe.


在Master Setup裡打開其安裝指導。這些指導將會幫助您完成剩下的安裝工作過程。


安裝Personal Web Server for Windows 95。(如果您想在您本地的Windows 95環境下進行開發工作的話,請安裝此組件。您也可以在Windows NT 4.0環境下安裝相應的Peer Web Services。)


安裝Active Service Pages.


安裝FrontPage Server Extensions.


選擇Exit關閉Master Setup程序。

 

開發工作站的配置

以下是為您的開發工作站所推薦的硬件和軟件配置:


Pentium-兼容工作站(對於Windows NT 32兆內存以上,對於Windows 95 24兆內存以上)


Windows NT Workstation 4.0或Windows 95


Visual InterDev Client 組件

 

按以下步驟,安裝Microsoft Visual InterDev Client組件:


運行Visual InterDev Master Setup程序,setup.exe.


在Master Setup裡打開其安裝指導。這些指導將會幫助您完成剩下的安裝工作過程。


安裝Visual InterDev client.


安裝Microsoft Image Composer(任選).


安裝Media Manager(任選).


安裝Music Prducer(任選).

 

注意

以上四個安裝程序在Master Setup的主菜單中以熱鏈接或者按鈕的形式出現。每個安裝程序都使用安裝嚮導來完成安裝過程。其使用過程非常簡單,用戶只需按 其所出現的提示進行安裝即可。

 

7.選擇Exit關閉Master Setup程序。

 

如果您沒有安裝Internet Explorer 3.01,安裝過程中將會為你安裝此組件。Internet Explorer (IE)用於顯示集成於Visual InterDev中的以HTML文檔形式存在的幫助文件,同時也用於顯示完成的網頁。你也可以在開發過程中使用其他的瀏覽器來觀 察你的網頁,但是IE仍需安裝以確保Visual InterDev的正常工作。

 

額外的Server文件在哪裡?

當Visual InterDev在Web Server上建立一個新網點項目的同時,它也創建了一系列的而外的文件和目錄。這些文件和目錄都直接建立在新站點的根目錄下。 通常情況下它們以_vit起名並且包括一組 DLLs和配置文件。

這些文件用於包含你網點上文件的信息,例如最後一次誰修改了文件以及修改的哪一個文件等。這些信息由Visual InterDev和FrontPage Server Extensions來更新。通常這些文件不應被修改。

在Visual InterDev集成開發環境下對於開發者來說,這些文件和目錄是不可見的。但是,Visual InterDev通過對話框和選項的形式把這些文件內的信息顯示給開發者。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 12:00下午 | IP記錄 引用 erisa

使用Visual InterDev

當你使用Visual InterDev開發網點時,所有相關的文件都存儲在Web服務器上。這個服務器即可以是通過Internet或Intrane t連接的獨立服務器,也可以是是你本地計算機上的Web服務器,如果你使用Personal Web Server(Windows 95)或Peer Web Services(Windows NT)的話。你所創建的文件存儲在你在Web服務器上配置的Internet映射目錄下。

當你向網點項目添加文件或編輯已存在的文件時,Visual InterDev在你本地計算機上創建一個文件的拷貝。這叫作工作拷貝。如果你運行的是本地服務器的話,Visual InterDev仍會建立一個文件的工作拷貝用於編輯。這些拷貝保存在Visual InterDev指定項目文件夾內----缺省目錄是C:\Program Files\DevStudio\MyProjects。當這些工作拷貝被保存時,Visual InterDev將會同時自動更新在Web服務器上相應的文件。

在開發者的網點上的文件可以保存在任何可連接的服務器上,只要服務器上安裝FrontPage Server Extensions即可。Visual InterDev通過另一種project文件來保存跟蹤存儲在Web服務器上的文件。其後綴名為.dsp和其他本地文件一起並 且保存在Myprojects文件夾內。這個project文件用於每次你對於存儲在Web服務器端的網點項目進行工作時的連接 。因此,整個網點工程項目包括存儲在Web服務器上的文件以及保存在你本地計算機文件夾內的項目文件。

 

Web項目和工作區

為了組織多項網點的開發工作,Visual InterDev建立工作區來完成此項工作。一個工作區是一個網點開發項目的集合;它使得你能夠通過產生一個新的工程文件來實現 創建新的網點開發項目或連接到Web服務器上已存在的網點開發項目。一個工作區可以包含一個或一個以上的同種或不同類型的項目。

當你用工作區創建一個網點開發項目之後,包含有你本地project文件的目錄便成為整個工程 的工作目錄。無論是有新的文件被建立或者編輯已有的文件,它的工作拷貝即被複製到這個目錄。文件的相對與項目根目錄的位置與其在 Web服務器上的位置完全一樣。如果一個文件存儲在Web服務器上這個網點項目根目錄下的一個子目錄下,那麼,在你的本地機上工 作目錄下也會自動創建相同的子目錄。

如果你所開發的項目是位欲本地工作站上Web服務器(Personal Web Server或Peer Web Services)的話,其過程是相同的。 project文件創建在由Visual InterDev建立的項目工作目錄下。新增的或編輯已有的文件也會同樣複製到工作目錄。字目錄也以和Web服務器上文件位置相 同的形式建立。即你在同一台計算機上最後有所開發項目的兩的備份,但此系統的開發過程同你在其他Web服務器上建立網點過程相同 。

 

 

同一工作區中的多個項目工程

正如先前提到的,一個工作區也可以包含一個以上的項目。幾個項目工程可以包含在同一個工作區內,即使它們位於不同的Web服務器 上。每個項目的project文件用於跟蹤不同項目中文件位於哪個服務器上。

一個工作區也可以包括不同類型的工程項目。例如,一個工作區可以包含一個或一個以上的數據庫項目。工作區也可以包含Visual C++或Visual J++項目。

Visual InterDev只允許一個工作區同時打開。當你打開一個新的工作區,先前的工作區—包括其所有的文件—將會被關閉。如果你想同 時對超過一個以上的網點項目進行操作,請將這些項目添加至同一工作區內。當工作區內同時有幾個工程項目存在的話,各項目之間的文 件移動將會變的很方便。

 

打開一個工作區

為了在Visual InterDev中打開一個已存在的工作區,使用在File菜單中的Open Workspace Command命令。缺省條件下,這個命令顯示所有的在MyProjects文件夾內的目錄。每個本地工作區文件以後綴名.ds w結尾。雙擊此文件名便可在Visual InterDev打開這個先前已建立的工作區。例如,如果你已經建立了一個名為MyWorkspace的工作區,名為MyWor kspace的目錄便會在MyProjects文件夾內創建,並且這個目錄將會在Open Workspace對話框內顯示。在這個目錄中,你會發現一個MyWorkspace.dsw文件。雙擊這個文件名,此工作區在 Visual InterDev中打開。所有已添加到這個MyWorkspace工作區內的位於不同Web服務器上的項目將會顯示出來。

File菜單底部同時也包括最近打開的四個工作區的名稱命令。你可以直接通過這些命令打開通過Open Workspace對話框打開的工作區。

如果你想創建一個新的空的工作區,在File菜單中選擇New命令。這個命令打開一個New對話框(見圖25.1),它提供了許 多創建文件,工程和工作區的選項。為創建一個一個新的空的工作區,單擊對話框頂部的Workspace表項,在Workspac e名稱欄中填入你想創建的工作區名字,然後單擊Ok按鈕。缺省條件下,你的工作區將會創建在MyProjects文件夾內,但是 你能夠改變其位置將其存放在本地工作站上的任何位置。

在你創建或打開一個工作區之後,它將顯示在Visual InterDev左欄。使用位於此欄底部的FieView表欄,你能夠查看所有包含在此工作區內的項目和其文件,以相互繼承的目 錄和子目錄的關係列於其中。通過Data View表欄,你能夠查看在工作區內的所有數據庫連接;你能夠通過InfoView表欄來查看所附的Visual InterDev幫助文件(見圖25.2)。缺省條件下,InfoView表欄當你打開Visual InterDev時總是可見的,無論你是否打開一個工作區。

 

 

圖25.1 在New對話框中的工作區表欄創建一個新的工作區

 

圖25.2 Visual InterDev提供的三種項目表欄

 

打開一個工程項目

當你創建一個新的工作區時,它顯示一個包含『0』個項目的工作區。為了創建或編輯一個網點,必須在工作區內添加一個工程項目。正 如先前所提到的,你也可以在單一工作區內包括一個以上的以及不同類型的項目文件。這使得你能夠同時對一個以上的網點項目進行開發 。

為增加一個已存在的項目到工作區內,你可以使用菜單命令Project|Insert Project Insert Workspace ,或選中工作區右擊鼠標鍵在彈出菜單中選擇相同的菜單命令。這時將會出現一個對話框,缺省條件下打開在MyProjects文件 夾下,顯示所有存在的項目文件以供選擇添加至工作區內。工程項目文件的後綴名為.dsp。雙擊其文件名將其添至你的工作區內。

你也可以在工作區內添加一個新的項目文件,此時選擇菜單命令File|New或在工作區右擊鼠標鍵,從彈出菜單中選擇Add Project To Workspace命令。此時將出現New對話框,提供創建文件,項目或工作區的選項。為了創建一個新的項目文件,單擊Proj ect表欄。這時顯示一系列幫助您創建項目文件的幫助嚮導。

當你創建一個工作區時,可以給你的項目起一個名字並將其改變在缺省條件下位於MyProjects文件夾下的路徑。記住,改變後 的路徑當你開始編輯文件時將會成為你的工作路徑。如果想要在當前工作區內添加新的項目,你必須在New對話框內選擇Add to Current Workspace選項(缺省條件下是Creat New Workspace選項)。

根據你所選擇的不同幫助嚮導,你會遵循一系列不同的步驟完成項目的建立。下一段討論的是用Web Project Wizard嚮導來創建新的網點項目。在「使用數據連接」一段中將會談到用New Database Wizard嚮導來創建一個新的數據庫項目的過程。

 

創建一個新的網點項目

正如以前提到的,創建一個新的網點項目需要Visual InterDev和Web服務器的連接,其方式可以通過網絡同遠程服務器或本地工作站上的Web服務器(例如Penseral Web Server或Peer Web Services)連接。Visual InterDev在Web服務器上建立網頁或者連接已存在的網頁並同時在工作目錄下創建一個本地project文件。

比較容易的創建方式是通過使用Visual InterDev的Web Project Wizard嚮導。它能夠自動地完成在Web服務器上創建或編輯網頁的所有必須步驟,只需在服務器上正確安裝FrontPage Server Extensions。請按以下步驟操作:


選擇菜單命令Fiel|New啟動Web Project Wizard或鼠標右擊工作區名在彈出菜單中選擇Add Project to Workspace。在New對話框中(見圖25.3)單擊Project表欄,然後從Wizard列表中選擇Web Project Wizard。

圖25.3 在New對話框中的項目表欄中創建一個新的工程項目

 


在Project Name文本框內輸入你的網點項目的名稱。如果選擇了一個無效名字,或者一個已被使用的名字,會出現一個錯誤信息,並要求你重新 輸入。


如果願意,在Location框中選擇你的網點項目的路徑。缺省條件下是MyProjects文件夾內。但是你可以選擇將網點項 目保存在你的工作站的任何目錄位置下。記住,你的Project文件也會保存在這個目錄下;當你開始編輯網點項目中的文件時此目 錄將會成為你的工作目錄。


如果你想將一個項目添加至當前Visual InterDev中已打開的工作區內,請在New對話框內選擇Add To Current Workspace選項。此時你可以在同一工作區內打開多個項目,如果你需要的話。相反,你可以在New對話框內選擇Creat e New Workspace選項以創建一個新的工作區來包括你的網點項目。新建立的工作區將會和新的網點項目同名(缺省條件為這個選項) 。


當你正確地輸入所有的信息後,按Ok按鈕確認。


確定你的新網點項目所連接的Web服務器的位置(見圖25.4)。這個Web服務器是你可以通過Internet或Intran et連接的到的服務器,當然在服務器上必須正確安裝和配置FrontPage Server Extensions。輸入服務器的名稱(例如,www.myserver.com.au)或IP地址(例如,192.168.1.1)。如果你使用的是在本地工作站上的Web服務器,諸如Personal Web Server或Peer Web Services,請輸入你計算機的名字(例如,MyComputer)。

 

 圖25.4 選擇你的網點項目所處的服務器

 

如果你連接至一個SSL(Secure Sockets Layer,加密管道層)Web服務器,請選擇Connect Using SLL復選框。SSL加密方式是一種低級協議用來增加服務器和瀏覽器之間的安全性。如果你通過HTTP協議來連接網點(就是說, 你的網站地址是http://web.site.address)的話,服務器並沒有SSL加密。而如果你使用的是HTTPS協議(你的網站地址是https://web.site.address),服務器是SSL加密的。如果你不知道Web服務器是否是SLL加密的話,請於服務器管理者聯繫。


按Next按鈕。Visual InterDev將嘗試連接Web服務器,如果Visual InterDev不能同Web服務器連接的話,你會得到一個錯誤信息。這可能是由於服務器上的FrontPage Server Extensions沒有正確安裝,或者你沒有連接到服務器的權限。這時,你可以改變Web服務器或取消操作。


如果Visual InterDev成功地建立了與Web服務器的連接,它將返回一組服務器上已存在的網點列表(見圖25.5),這可能耗時幾秒鐘 。你可以直接連接到已存在的網點(在下拉列表框中選擇)或者在服務器上創建一個新的網點。你也可以確定是否需要Visual InterDev為你的網點自動建立索引以供文本查詢。


單擊Finish按鈕。Visual InterDev將創建你的project文件和工作目錄並且在工作區內打開這個新網點項目。

 

你可以單擊在工作區底部的File View表欄來查看在你網點項目中包括的所有文件和子目錄,也可以單擊Data View表欄來查看數據連接(如果有的話)。如果你在Visual InterDev中需要幫助的話,單擊Info View表欄來獲得幫助文件。

當你需要再次打開網點項目的時候,只需打開包含項目的工作區即可。Visual InterDev將會再次同服務器連接來確認當前項目的狀態,並顯示在你的工作區內。

 

添加文件至網點項目

當你創建了工作區並在其內添加了一個新的工程項目之後,你可以在這個項目裡添加,修改,移動或編輯其中的任何文件。所有被更改的 文件將會被複製到你的工作目錄中去。一旦你保存這些以改動的文件,在服務器端的相應的複製文件也會得到更新。

對於一個新網點項目,Visual InterDev會建立一個名為Global.asa的文件,如果你選擇了full-text search選項的話,一個search.cfm文件也會加至你的項目中。同時也會建立一個圖像目錄以存放所用到的圖片。

如果你連接到一個已存在的網點,在你的項目下會有許多已存在的子目錄和文件。你可以通過File View表欄來查看它們之間的相互關係,其方式同你在資源管理器中看到的類似。

如果需要將文件添加至項目,你可以或者從其他來源中選擇已存在的文件,包括HTML文件,ASP,或多媒體文件(圖片,動畫,聲 音等等),或者在Visual InterDev中直接創立。

添加已存在的文件至項目

你可以將已經存在的文件添加到項目中去,或者將整個目錄添加進項目中去。使用菜單命令Project|Add To Project命令並通過本地計算機或網絡選擇相應要添加到項目中的文件或目錄,然後按OK按鈕。這些文件或目錄將會添加至網點 項目中去。

或者,你可以簡單地鼠標右鍵單擊項目名稱,在彈出菜單中選擇Add Folder Contents命令。

然後出現相同的對話框,選擇需要的文件或目錄,然後按OK按鈕。如果你想在項目根目錄之外的其他目錄下添加文件或目錄的話,只需 選中那個目錄名,鼠標右鍵單擊其名稱即可。

 

技巧

你也可以從資源管理器中直接拖放文件至你的網點項目下去。

 

無論你通過何種方式添加文件或目錄,Visual InterDev將自動複製這些文件到Web服務器上以及在本地機上的相應工作目錄。

 

在網點項目中創立新的文件

除了向網點項目中添加已存在文件外,Visual InterDev還能自動幫助你創建新的文件。你可以選擇菜單命令File|New或選擇Projects|Add to Project|New。這兩個命令都打開一個New對話框。確信在對話框右上角的Add to Project選項被選中。

你也可以從對話框頂部的文件表欄中選擇創建以下幾種文件,包括.cfm和.asp文件。你也可以從文件創建嚮導中任選一種嚮導或 從其他文檔表欄中選擇其他類型的文檔。在這章的後面部分將介紹如何使用Data From Wizard嚮導來創建HTML佈局。

在選擇了所要創建的文件類型之後,輸入文件名按OK確認。同時,你也可以更改文件保存的目錄,但是建議您將所有文件保存在工作目 錄下。

Visual InterDev自動地用合適的標題和腳注來創建新的文件並在工作區的右欄內打開它,讓你編輯。如果你關閉文件或選擇了File |Save,文件將同時保存在Web服務器上和你的本地工作目錄下。

 

預覽文件

當你保存文件後,你可以預覽文件已確定其在網頁瀏覽器上的顯示格式。有以下三種方式可以預覽:


選中想要預覽的文件並選擇菜單命令File|Preview in Browser,或選中此文件,鼠標右擊此文件名在彈出菜單中選擇Preview in Browser。兩個操作都將在您工作站上安裝的缺省瀏覽器上打開此文件。當使用Visual InterDev 時,瀏覽器一般是Internet Explorer。


鼠標右擊此文件名,在彈出菜單中選擇Browse With命令,選擇一種在您工作站上已安裝的瀏覽器(例如Netscape Navigator),單擊Open打開此文件。


在Info Viewer中打開此文件,此時將顯示在Visual InterDev內,此方式同你打開Visual InterDev幫助文件的方式類似。使用以上提到的Browse With命令,但選擇Info Viewer而不是Web Browser 。

 

技巧

你可以通過Browse With命令來設置缺省瀏覽器。在打開文件之前選擇你所用的瀏覽器並設置Set as Default選項。在這之後,每次當您使用Preview in Browser命令時,文件將會在設置缺省的瀏覽器上打開。

 

注意

大多數瀏覽器—包括Info Viewer和Internet Explorer—缺省時設置了Cache即緩存。所以在在瀏覽文件時要確認按Refresh鍵以更新文件的內容。

 

當瀏覽ASP頁時,你會注意到網頁中的的所有服務器-客戶端程序腳本已被屏蔽掉。你可以在瀏覽器中選擇View Source命令來查看其代碼。只有HTML代碼被傳送到瀏覽器端,著使得你能夠在標準的瀏覽器中瀏覽ASP頁。

你也可以直接從Web服務器端查看你對文件所做的修改。當你保存了文件後,在Web服務器端的文件也會更新。你可以在瀏覽器中直 接鍵入你的網點的URL,顯示最後的結果。當你在開髮帶有框架的網頁並需要顯示各個框架內網頁顯示結果的時候,這種方式特別有用 。

 

對文件拷貝的工作

當你打開一個網點工程後,其中的一些文件圖標會顯示正常色;而另外一些則變灰。這些正常色的圖標表明這些文件在你的當前工作目錄 有拷貝。如果你想編輯一個其圖標為灰色的文件的話,Visual InterDev會嘗試從Web服務器端將這個文件複製到本地的工作目錄下以供編輯。

這種請求總是成功的。Visual InterDev不會去判斷是否有別的人有你的文件的拷貝和是否有人在編輯它。但是,在服務器端的文件拷貝同其在你的工作目錄下 的文件不一樣的話,Visual InterDev會詢問你是否要保持工作目錄下的文件還是用服務器端的版本來更新它。這種情況通常發生在別人在你上次對項目修改 之後又對其進行了文件編輯。當使用Visual SourceSafe進行連接時,Visual InterDev當別人正在他的工作目錄下對文件進行編輯時將不允許你獲得服務器端文件的備份。這樣確保同時不能有兩個人以上對 同一文件進行編輯和更新。

你可以隨時從服務器端得到文件或目錄的拷貝,只需選中相應的文件和目錄,鼠標右擊其名稱然後在彈出菜單中選擇Get Working Copy命令即可(見圖25.6)。

你可以在任何時候解除文件的工作拷貝-鼠標右擊文件名,選擇Release Working Copy命令。這個命令將會使得文件圖標重新變灰。

有一些操作只有當你解除對文件的工作拷貝後才能執行-例如重命名或在項目內移動文件。解除對文件的工作拷貝同時也使得其他人能夠 當項目由Visual SourceSafe進行管理時,得到其工作拷貝從而對其進行修改。

 

創建HTML佈局

一個HTML佈局頁的後綴名為.alx。它在Visual InterDev中顯示為一個空的網格頁,你可以在上面放置ActiveX控件,例如下拉列表,無線電按鈕,命令按鈕等等。使用 HTML工具條和提供的網格,你可以在網頁上精確放置控件,以達到你所希望的外觀形式。

一個HTML佈局頁可以輕易地創建並被添加到你的項目中去,通過建立一個新的.cfm或.asp文件就可以實現。在New對話框 中,在Files表欄中選擇HTML佈局,輸入文件名,按OK確認。這個HTML佈局頁將會被創建,添加到你的Web服務器上和 項目中,並在工作區內右欄中打開。

 

編輯HTML佈局

當Visual InterDev在工作區內打開一個HTML佈局頁時,同時打開的有HTML佈局工具箱和HTML佈局工具條。在工具箱內提供了 所有可獲得的控件。只需單擊某個你想添加的控件然後在頁上某處單擊即可。

當你在佈局頁上放置了某個控件,你可以用工具箱中的箭頭工具來改變控件的大小。用箭頭點擊控件,此時小的尺寸變化箭頭會出現在其 四周。拖放這些小箭頭,你能夠精確調整控件的大小,形狀和其在頁面上的位置。

雙擊任何一個控件,將會出現它的屬性對話框,其中的一系列屬性列表可以讓你設置其屬性已改變其外觀。鼠標右擊此控件將會彈出程序 腳本嚮導以供你給此控件的不同的觸發事件進行程序腳本設計。

當你完成HTML佈局頁的設計後(以後仍可以對其進行編輯修改),選擇File|Save保存文件或關閉並保存文件。

 

在HTML頁中插入一個HTML佈局

當創建和保存了一個HTML佈局頁之後,它可以很容易地插入到.cfm和.cfml文件中。你可以簡單地在File View表欄中雙擊所要編輯的HTML文件,打開即可。

首先,將光標放置在HTML頁上想要放置的HTML佈局的位置。這個地方必須是位於HTML文件的<BODY>和& lt;/BODY>標記之間。然後選擇Insert|Into HTML|HTML Layout或簡單地鼠標右擊HTML頁然後在彈出菜單中選擇Insert HTML Layout。然後你可以選擇你想要插入HTML頁中的HTML佈局頁。

Visual InterDev自動地產生在HTML頁中插入HTML佈局的代碼。當保存文件之後,你可以在瀏覽器中對其進行預覽已確認HTM L佈局是否正確插入。

 

顯示你的網點項目的鏈接

Visual InterDev的一個顯著特性是查看鏈接功能,它使得你能夠查看所有和你所選擇的文件相關的鏈接關係。包括其與其他HTML和 ASP文件,圖片和多媒體文件,HTML佈局-甚至是ActiveX和Java Applets之間的鏈接。

為了查看與特定文件的鏈接關係,在File View表欄中選中相應的文件並選擇View|Links。同樣,你也可以鼠標右擊此文件名,然後在彈出菜單中選擇View Links。這兩個命令都可以在工作區內右欄打開Link View。被選擇的文件位於視圖的中心,其他與之相鏈接的文件被佈置在它的周圍(見圖25.7)。其箭頭表明了鏈接的方向(雙向 箭頭表明兩個文件之間有相互的鏈接的關係)。斷箭頭(表明與此文件向鏈接的那個文件找不到)用紅色表示。

如果單擊任何與其相鏈接的文件,將顯示那個文件所有的熱鏈接關係。通過這種方式,你可以很容易地查看網點項目中所有文件的可視化 的鏈接關係。

如果要顯示的熱鏈接關係太多的話,你可以過濾掉一些細節。例如,你只關心此文件與其他HTML文件之間的鏈接關係,選擇View |Filters命令來打開或關閉此項過濾功能。如果你關閉了多媒體文件的鏈接關係,在 工作區內將會有更多的空間來清楚地顯示HTML鏈接。

你可以雙擊一個文件以供編輯。鼠標右擊此文件使得這個文件處於Link View(鏈接視圖)的中心,或打開編輯,或在瀏覽器中預覽。

 

顯示與其他網點的鏈接

Link View(鏈接視圖)也能用於顯示文件與WWW上其他網絡站點之間的鏈接關係。選擇Tools|View Links on WWW並輸入你想要看的站點的URL。Visual InterDev從URL返相關的鏈接關係,並將關係以顯示文件與本網點項目鏈接關係相同的方式顯示與鏈接視圖中。

同樣,鼠標右擊任何所鏈接的文件使得那個文件位於視圖的中央供你編輯或在瀏覽器中進行預覽。

 

更新鏈接

Visual InterDev當你對項目中的文件重命名或移動後能夠更新和修改與之相關的鏈接關係。缺省條件下,無論你重命名或移動文件後, Visual InterDev會提示你是否需要更新與此文件有關的所有鏈接關係。你可以選擇Yes或No.但是你也可以讓Visual InterDev自動完成此項工作而不詢問你(在重命名或移動文件對話框中選擇了此項功能)。

你也可以通過選擇Tools|Options設置這項功能。在Web Project頁內選中Link Repair選項之後,鏈接關係則會每次自動更新。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 12:01下午 | IP記錄 引用 erisa

編輯文件

在你創建網點項目之後,你可已通過許多方式來對文件進行操作和編輯。以下提供了幾種最簡便的方法。

 

使用代碼編輯器

Visual InterDev包含了自帶的代碼編輯器,一個為了編輯ASP和HTML文件的文本編輯器。它用不同的顏色來顯示代碼—高亮度代 碼,HTML標記,關鍵字,註釋,文本等等用不同的顏色來顯示已便於區分(見圖25.8)。

為在Visual InterDev代碼編輯器中打開一個文件,只需在File View中簡單地雙擊此文件名即可。或者,你可以選中文件鼠標右擊文件在彈出菜單中選擇Open或選擇File|Open打開此 文件。這時假設你在Visual InterDev安裝過程中將代碼編輯器已設置為缺省編輯器(如何更改缺省編輯器在下段中說明)。

當你在代碼編輯器中打開文件後,你可以很容易地在文件內寫入HTML標記,文本,程序腳本或其他組件。File|Save命令會 保存所有修改並自動在Web服務器端更新相應的文件。

你也可以將HTML佈局,ActiveX控件,設計的ActiveX控件,VBScript,JavaScript等等通過In sert菜單中的命令或者在插入點鼠標右擊,在彈出菜單中選擇相應的命令來很方便地添加到文件中去。這些菜單命令包括Inser t HTML Using Wizard,Insert HTML Layout,Insert ActiveX Control,和Script Wizard。

你可以對代碼編輯器進行設置,包括編輯方法,標記顏色,界面外觀等等。選擇Tools|Options已改變這些設置,使其按照 您所希望的風格和形式來頂制代碼編輯器。

 

使用FrontPage編輯器

如果你願意使用具有WYSIWYG風格的編輯器來編輯HTML頁的話,Visual InterDev包含了一個FrontPage的簡化版本叫做FrontPage for Visual InterDev。它使得你能夠能夠同在字處理器中類似的方式來編輯你的文件,但不需要敲入任何HTML標記。這極大地簡化了諸 如插入和編輯表格,鏈接,列表等等工作。

FrontPage只是最適用於編寫.cfm 和.cfml文件。如果你用它來編輯.asp或.alx文件的話,其結果可能難以預料。FrontPage for Visual InterDev會試圖去解釋作為.asp和.alx一部分的程序代碼;從而導致其代碼以意想不到的方式被修改。

 

打開你的HTML頁

如果Visual InterDev保持缺省設置的話,你可以在File View欄中選中所要打開的文件選擇File|Open With。或者鼠標右擊選中的文件在彈出菜單中選擇Open With命令。FrontPage for Visual InterDev將會出現在你能選用的編輯器列表內。選中它並按OK。FrontPage將打開文件(見圖25.9)。

你可以通過任何方式自由地編輯文件。當你保存結果時,Visual InterDev自動地在本地工作目錄下和Web服務器端更新修改後的結果。

如果你想使得FrontPage作為.cfm和.cfml文件的缺省編輯器,請使用Open With對話框。當在編輯器列表中選擇FrontPage之後,在按Open鍵確認之前,設置Set as Default選項。從此以後,每次在Visual InterDev中雙擊以上類型的文件,FrontPage將自動打開文件。

 

注意

這項設置只使用於具有相同後綴名的文件。如果你將FrontPage設置為.cfm文件的缺省編輯器,那麼,.cfml文件仍然 會調用代碼編輯器來打開,直到你為這種文件也設置FrontPage為其的缺省編輯器為止。

 

格式化文本

FrontPage使用多種與Microsoft Word相似的特性來設置和排放文本。你可以鍵入文本,使其高亮度化,並且使用Format菜單中不同的命令來得到你所希望的結 果。

在Formatting工具條中也有許多相同的命令,可以用來很容易地改變文本的大小,樣式和字體以及段落對齊方式或加粗和斜置 文本等特性。

 

插入其他對像元素

使用FrontPage也能夠同時在HTML文件內添加其他對像元素。在Insert菜單中的命令能夠是使你在頁內插入圖片,多 媒體文件,熱鏈接,水平線等等。你甚至可以在文件內插入其他文件,腳本和ActiveX控件和Java applets。

以下段落簡明地列出了如何添加這些對像元素的最常用的方法。但是,如果你更願意使用這種方法(其方式不需要知道具體的HTML標 記)來編輯網頁的話,請進一步更深地瞭解有關FrontPage for Visual InterDev的詳細特性。

 

插入圖片

為在HTML文件中插入一個圖片,請將光標放置在頁面上的具體位置,然後選擇Insert|Image。你也可以使用Brows e按鈕來查找位於你本地工作站或網絡上以及通過輸入圖片所存在的URL名來查找圖片。FrontPage會顯示圖片內容供你查看 。

在將圖片添加到你的HTML文件之前想將其添加到你的項目中去(Images文件夾是保存所有圖片文件的好地方)是一個很好的建 議。你可以在這之後在圖片位置文本框鍵入相對URL(例如:images/imagename.jpg)。如果你有一個圖片的本 地拷貝,它會在FrontPage裡顯示供你預覽。否則的話,FrontPage在你的本地機上建立一個圖片文件的索引,但是當 別人正在觀看圖片時,此索引將不會有效。

 

插入和編輯表格

你可以使用Table菜單中的命令來插入並編輯表格,其方式同你在Microsoft Word的方式相似。為插入一個表格,選擇Table|Insert Table。你可以確定表的屬性值例如行數,列數,對齊方式,邊框尺寸等等。

在表格插入之後,你可以直接在表格單元中輸入文本,圖片。也可以通過鼠標右擊表格的某個部分在彈出的屬性對話框中編輯單元,列, 行或其他表格屬性。在表格中的所有文本都可以和普通文本一樣進行格式化編輯。

 

創建和連接一個鏈接

為創建一個鏈接,首先在要鏈接的位置輸入要顯示的文本,然後高亮度化文本選擇Insert|Hyperlink命令。然後輸入你 所想鏈接的文件的URL。在對話框頂部的列表簡化了從World Wide Web中選擇URL的步驟,可以使你鏈接到已存在的其他文件,或鏈接到一個新的尚未建立的新文件。如果你想鏈接到你本網點項目中 的一個文件的話,只需輸入文件的相對URL(例如:subfolder/filename.cfml)。

你也可以連接到在FrontPage中已創建的鏈接,只需鼠標右擊相應的鏈接並選擇Follow Hyperlink命令。這個命令將在FrontPage中打開目標文件進行查看和編輯。

 

改變背景顏色

你可以改變背景顏色,包括背景圖片和文本顏色以及頁面的其他特性,選擇Format|Background命令。你可以輸入要作 為背景顏色的圖片名,或者預覽在你本地計算機上的圖片。

 

注意

文本和背景顏色的不同選擇能夠極大地影響你的網頁的緊湊性和可讀性。一些文本/背景的組合可以對瀏覽者瀏覽網頁造成很大的困難。

 

顯示結果

在對你的HTML文件修改之後,你可以選擇File|Save保存文件。這個操作可以同時更新你本地工作目錄下和Web服務器端 的文件。你可以在FrontPage或Visual InterDev中通過Preview in Browser命令來預覽文件。

 

使用第三方文本編輯器

如果你願意使用其他的編輯器代替由Visual InterDev提供的編輯器來打開文件的話,在菜單裡選擇File|Open或鼠標右擊文件名。如果你安裝的文件編輯器不在O pen With對話框裡的話,你可以按Add按鈕來添加它。這使得你鍵入編輯器的路徑名或者通過瀏覽你的本地計算機來確定其正確的路徑 名。

當你把編輯器添加到列表中去後,在你每次想用此編輯器打開文件時使用Open With命令即可,或將其設置為這種文件的缺省編輯器。

利用這種方法你可以用不同的編輯器來替代Source Editor(諸如Notepad,Programmer』s Editor等等)編輯你的文件,用其他HTML編輯器來代替FrontPage,添加其他瀏覽器來查看完成的文件,或設置其他 的圖片,聲音或動畫編輯器來編輯你的多媒體文件。

無論你選擇了何種編輯器,當你在內中保存文件時,Visual InterView自動更新在服務器上的文件拷貝和本地計算機上的工作拷貝。如果你正在使用Visual SourceSafe,確信當你在用此編輯器編輯文件時別人不能同時編輯相同的文件。

 

添加圖像和多媒體

在Visual InterDev上可以安裝第三方編輯器以及多媒體編輯器的特性使得你可以相對容易地創建真正奇妙的含有超級圖片,動畫和聲音的 網點。

通過Visual InterDev內的Info View幫助文件和軟件文檔可以獲得詳細的信息。

在你在將多媒體文件添加到網點上去之前,正如先前所提到的最好先將文件添加到你的項目中去。Images文件夾是存放圖片和其他 多媒體文件的最好地方。在這之後,你可以使用合適的HTML編輯器,FrontPage或Source Editor來將多媒體元素添加到你的網頁中去。

當在Source Editor中打開了一個文件之後,將光標放置在文件中需要插入圖片或其他多媒體文件的地方。然後,可以使用合適的HTML標記 例如<IMG SRC>或<BGSOUND>。同時,你也可以插入ActiveX控件來控制你的多媒體,例如ActiveM ovie控件。

你也可以使用HTML佈局編輯器在HTML佈局文件內插入ActiveX控件,這些控件將會在應用這些HTML佈局的網頁中出現 。

 

打開多媒體文件

你可以隨時打開任何已添加到你的網點項目中去的多媒體文件來查看或編輯。在File View列表中雙擊相應的文件名,此文件便會在為此種文件所設置的缺省編輯器中打開。

同樣,你可以使用Open With命令來選擇打開文件的編輯器。你可以通過在Open With對話框內選中Set As Default選項來設置這種文件的缺省編輯器。通過這種方式你可以使用任何你願意的圖像,動畫,聲音或視頻編輯器來瀏覽和編輯 你的多媒體文件。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 12:01下午 | IP記錄 引用 erisa

使用數據連接

Visual InterDev最強大的特性之一便是它能夠簡化設計,連接,操縱數據庫。數據庫可以使得你的網點具有交互性,對瀏覽和使用網頁 的使用者來說更有用。

這一段簡要介紹以下內容:


通過New DataBase Wizard來創建一個新的SQL關係數據庫


在你的網點項目中通過添加新的數據連接來連接到一個已存在的數據庫


通過Data View來查看數據庫的元素


使用Database Designer來創建,編輯和刪除數據庫對像


使用Query Designer來設計和編輯對數據庫的查詢

 

使用New Database Wizard

New Database Wizard可以用來在任何可以連接的到的SQL服務器上創建新的數據庫。為了使用New Database Wizard,選擇菜單命令File|New,選擇Project欄,選中New Database Wizard。

這個New Database Wizard將為你的數據庫創建一個新的項目。所以在這之前你應先決定是否將新的項目添加到你的當前工作區或為其建立一個新工作 區。然後為這個項目起個名稱。當你對所有的選項設置滿意時,按OK鍵。

Wizard嚮導出現的第一個屏幕將詢問你創建數據庫的所在SQL服務器.如果你對這些細節不是十分清楚的話,與服務器的管理者 取得聯繫.(同時,也將詢問你連接服務器所需的用戶帳號以及密碼.)當你輸入服務器名,用戶帳號和密碼後,單擊Next鍵.Vi sual InterDev將嘗試與服務器建立連接.如果由於某些原因而失敗的話,你可以重新輸入正確信息或取消操作.

如果Visual InterDev成功地與SQL服務器建立了連接,你將被允許進一步的操作,例如定位和設置新的數據庫大小.同樣,如果有什麼不 清楚的話,與服務器管理員取得聯繫.在不同的頁面上設置了這些信息後,單擊Next鍵.在Wizard的第四頁上單擊Finis h.Visual InterDev將為你創建數據庫.

新的數據庫項目將在你已存在的工作區內打開或者在新的工作區內打開,這由你在Wizard第一步中所設置的選項有關.你可以使用 DataView欄來查看不同的數據庫元素.你也可以在你已存在的web網點項目中與新數據庫建立數據連接.

 

添加一個新的數據庫連接

在創建了網點項目和數據庫之後,你可以在它們之間建立連接.這使得你的Form表單能夠更新在數據庫中的所有數據.為了創建新的 數據連接,按以下步驟操作:

1.選擇Projects|Add to Project|Database Connection,或者鼠標右擊在FileView欄中顯示的項目工程名,在彈出菜單中選擇Add Database Connection.

2.你將被提示輸入DSN(數據源名稱).從列表中選擇一個數據源或者按New建立一個新的數據源.如果你建立一個DSN,你可 以為其選擇所需的數據源類型.

3.單擊Ok鍵.

4.確信輸入的服務器名,用戶帳號和密碼是正確的.對這些細節不是十分清楚的話,與服務器的管理者取得聯繫.

5.單擊Options按鈕便可以顯示更詳細的信息.包括存儲在SQL服務器的所有數據庫列表.選擇你所想連接的數據庫.

6.單擊Ok.Visual InterDev將建立你的網點項目與數據庫之間的連接.它存儲了服務器,用戶帳號和密碼等信息,雖然有些服務器(處於安全考慮 )每次在你的網點項目和數據庫連接時會詢問要求你輸入這些信息.

 

這個數據連接將插入你的工程項目,其信息將保存在Global.asp中並且可以在FileView中顯示.這個連接以及所有的 數據庫元素都可以用DataView來查看.

 

用DataView來工作

正如在FileView中顯示一系列文件,目錄以及其他與網點項目元素的方式相似.DataView也顯示了在所連接的數據庫中 的所有元素(見圖25.10).當你建立了同數據庫的連接之後,單擊在你工作區底部的DataView欄.你可以查看任何數據庫 中的數據庫圖表,數據表,視圖和創建的存儲過程.

你可以雙擊任何的數據庫元素名以獲得更多的操作功能.其中一些在以下的章節中將會簡單的作以介紹.你也可以用鼠標右擊這些元素, 獲得更多的信息.

 

用Database Designer創建和編輯數據表

Database Designer提供了一種很方便操作的圖形界面來完成許多對你的數據庫的配置和維護工作.你可以創建和編輯數據表:包括表列, 屬性以及各表之間的關係.諸如下拉列表的形式簡化了許多工作例如改變數據字段類型.你也可以為你的數據庫中的數據表建立數據庫圖 表.

 

注意

你必須擁有相應的權限來創建和編輯你的數據庫中的數據表.如果你認為權限設置可能有問題的話,請教SQL服務器管理員.

 

你可以通過單擊在DataView中的數據庫並選擇Insert|New Database Table來創建新的數據表.同樣,你也可以通過鼠標右擊在DataView欄中的Tables文件夾在彈出菜單中選擇New Table命令.為你的數據表選擇一個名稱並按Ok鍵.Database Designer將會在工作區面板內右側打開.你可以在表中輸入你所需要的字段,其數目不受限制.單擊Datatype欄可以在 彈出的數據類型列表中選擇相應的數據類型(見圖25.11).

當你選擇了一種數據類型後,以下的字段將把其作為卻省值.但是你也可以對其進行修改.你也可以標記數據表的特性.從Table工 具條中為表建立索引字段,當你所有的操作完成之後,關閉Database Designer保存你的數據表.你可以編輯數據表的任何屬性,只需在DataView中選中相應的數據表名字,並選擇View |Design.同樣,你也可以在DataView中鼠標右擊數據表名在彈出菜單中選擇Design命令.這個命令將再次在Da tabase Designer中打開這個數據表,使你能夠編輯其中的任何字段.

你也可以添加和編輯數據表中的記錄.DataView中簡單地使數據表名高亮度化,選擇File|Open,或者鼠標右擊數據表 名,在彈出菜單中選擇Open命令,或者雙擊數據表名.這些操作都將打開數據表,使得你能夠在表裡添加和編輯任何記錄.

 

創建一個數據庫框圖

除了創建和編輯數據表之外,Database Designer還可以創建和編輯數據庫框圖。這些數據庫框圖使得在你的數據庫中的各個數據表之間建立連接和關聯的操作變的十分 容易。

要創建一個數據庫框圖,選擇Data View中的Database Diagrams文件夾,選擇Insert|New Database Item,或者在Data View中鼠標右擊文件夾在彈出菜單中選擇New Database Diagram命令。

Database Designer打開一個新的空白工作區。你可以拖放你的任何數據表到Database Designer中去,然後在你的各個數據表中拖放字段(見圖25.12)。Database Designer將提示你確定創建何種類型的關聯。

當你對設置的數據表關聯滿意之後,關閉Database Designer,記住要保存修改結果。

當通過這種方式創建一個關聯之後,你可以通過單擊數據表之間的連線,在Relationship屬性頁上選擇屬性。

 

使用Query Designer

使用Database Designer簡化了創建和編程數據庫元素。例如,圖表和數據表,而通過相同的方式Query Designer簡化了新建和編輯數據庫查詢的工作,而不需要寫SQL語句代碼。

Query Designer可以從data range header控件(見下一段)或者從data command designer-time ActiveX控件中運行。簡單地鼠標右擊代表控件的代碼並選擇屬性,你可以選擇SQL Builder 按鈕(見下一段關於設置屬性的細則說明)。

一旦你確認或編輯了你的查詢,Design-time ActiveX控件將自動地產生和更新相應的在你數據庫中執行查詢的代碼,它也處理返回結果。通過產生一段動態網頁,可以在任何 Web瀏覽器上瀏覽。

一系列這樣的design-time ActiveX控件,其中的兩種將會在以下段落中簡單討論,這兩件控件在Visual InterDev中是已有的。第三方的開方者也可以創建和使用他們自己的design-time ActiveX控件。

新增一個標題控件

你可以將一個data range header控件添加到你的頁中從而使得你能夠在Query Designer中建立SQL查詢,它將自動創建相對應的代碼使得服務器通過HTML頁來顯示所得的查詢結果。

首先,在Source Editor中打開你的.asp文件,將光標定位在你想插入控件的位置,選擇Insert Into HTML|ActivX Control。同樣,你也可以在插入點鼠標右擊,在彈出菜單中選擇Insert ActiveX Control命令,在Design-Time頁中選擇Data Range Header控件,從包含有在你當前網點項目中的數據鏈接中選擇相應的數據庫,同時也可進行其它設置,這些設置在Info View 中名為「Data Range Header Control」的幫助文件中詳細解釋。

 

創建查詢

當你在屬性頁中對data range header控件進行了所有設置之後,單擊SQL Builder 按鈕的啟動,Query Designer(見圖25.13),將所涉及到的數據表拖放到Qnery Designer 的空間工作區內。

選擇你所想查詢的字段,同時也可以使用在Qneny工具欄中的圖標方便地一對某字段進行排序。此時,由Query Designer產生的SQL代碼將在Query Designer中的SQL窗口中出現,並在你修改查詢時動態更新,你可以隨時使用SQL工具欄上的Run按鈕來測試你的查詢結 果。當你對查詢滿意時關閉Query Designer記住你存結果,當提示更新你的數據庫連接時選擇Yes。

Query Designer將產生從你的網頁上執行查尋所需的代碼,你可通過在Source Editor中打開你的文件來編輯已存在的ActiveX design-time控件,鼠標右擊已產生的代碼,並選擇Edit Design-Time Control命令。

 

添加要顯示的記錄

當添加了data range header控件後,你必須添加你想顯示的記錄,如先前提到的那樣,引出控件的屬性頁,並單擊Copy Fields按鈕,這將提示你選擇你想在網頁上顯示的查詢結果中的數據表字段名。Visual InterDev將複製顯示這些結果的代碼到Clipboard,關閉屬性頁並將光標置於由控件所產生的代碼之後,選擇Edit |Paste ,代碼將從Clipboad中複製到文件中。

 

添加一個Data Range Footer控件

當你對查詢和所選擇的顯示結果字段滿意之後,你必須添加另一個design-time ActiveX控件,data range footer控件同data range header控件一樣的同樣方式進行添加,放置在已產生的代碼之後。

缺省的data range footer控件屬性一般是可以接受的,但你也可以在需要的時候編輯它們。當關閉了屬性頁和控件編輯器後,data range footer控件會自動產生代碼並將其添加到文件中去,然後你可以關閉並保閉文件,在瀏覽器中顯示結果。

 

使用數據表單Wizard

Visual InterDeV的另一個特性就是它不但能夠顯示對數據庫查詢的結果。也能產生表單從而使網點的用戶可以通過瀏覽器來添加和編輯 在數據庫中的信息。

實現這種功能最方便的途徑是通過數據表單Wizard ,選擇File |New,選擇New Dialog box中的File Wizard表欄見圖25.15),單擊Data Form Wizad,輸入文件名和位置路徑,單擊OK。

在Wizard的第一頁中的下拉列表中選擇你所想查詢的數據庫(或者,你可以選擇創建一個新的數據庫連接,其過程在先前的段落中 已介紹過)。你必須為你的表單輸入一個標題。

在Wizard的第二頁將詢問你選擇一個用於為這個數據表單產生記錄集的表,視圖,存儲過程或者一段SQL語句。

第三頁將詢問在數據表單中所出現的字段,你同時也可以便用上、下箭頭來重新安排顯示秩序。

第四頁將詢問你為使用者分派安全優先權的極別,你可以選擇讓用戶僅僅瀏覽表單,編輯存在的記錄,添加或刪除記錄,返回返饋,你也 可以確認允許信息被篩選。

第五頁,將允許你選擇何種方式顯示表單,是列表顯示還是表單顯示,或者全部,你也可以選擇是否顯示狀態欄。

第六頁,提供你選項以選擇為你的表單採用何種Visual InterDev內含的外觀佈局,這些外觀佈局包括不同的背景,圖片,文本顏色和其他數據表單的格式。通過這些佈局可以對表單進 行佈置,以獲得良好的視覺效果。

當你對每頁上所有的選擇都滿意時,按Next進入下一頁。在第七頁上,單擊Finish 退出Wizard。

如果你同時選擇了列表視圖和表單視圖的話,數據表單Wizard將產生三個.asp文件:FormNameList.asp,F ormNameAction.asp和 FormNameForm.asp。你可以通過在瀏覽器中瀏覽FormNameForm.asp來預覽你的數據表單結果。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 12:01下午 | IP記錄 引用 erisa

使用服務器端腳本

Active Server Pages(ASP頁,擴展名為.asp)在Visual InterDev中很容易創建。Active Server Pages包含了在服務器端執行的代碼,它們在當網頁被用戶瀏覽時在服務器端自動執行,並產生一個動態的HTML頁用於用戶顯示 。與Client-side端腳本不同的是,服務器端腳本嵌於<%和%>標記中。腳本可用VBScript,Jav aScript和Perl等語言添加到.asp頁中。

Asp頁也能包含HTML代碼和客戶端腳本(在上節中已提到)等不在服務器端執行的代碼。

 

創建一個Active Server Page

許多Visual InterDev的控件和Wizards可以自動創建.asp頁。你可以通過選擇File| New來創建你自己的.asp頁。在New對話框中選擇File表欄單擊.asp頁,在輸入文件名和路徑之後,單擊OK。一個新 的.asp頁產生並在Source Editor源代碼編輯器中打開。

你可以關閉並保存這個空的asp文件,它將添加到Web服務器端,你也可以在關閉和保存此文件之前在文件中輸入腳本代碼,之後文 件就可以通過瀏覽器來瀏覽。

 

用Design-Time ActiveX控件來工作

另一種將腳本添加到asp頁中去的方法是用Design-Time ActiveX控件來為你產生服務器端執行的代碼。同插入其他任何ActiveX控件一樣插入你的design-time控件, 然後查看打開的屬性頁。

當你設置了你的design-time ActiveX控件的屬性之後關閉屬性頁,Control Editor和Visual InterDer將腳本插入你的asp文件。

每種design-time ActiveX控件都執行不同的功能,為你的asp產生了不同的腳本代碼,你可以通過Visual InterDev中的Info View幫助文件獲得關於design-time ActiveX 控件的更多信息。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回復: 43
Posted: 2005/2月/16 12:02下午 | IP記錄 引用 erisa

管理你的站點

在Visual InterDev中有許多特性可以幫助你創建和維護你的網絡站點,詳細資料在Info View中例出,不同的功能使你能夠移動、重命名、添加和刪除元素,自動修理和更新你網點中相關的鏈接,並且產生強大的服務器端 和客戶端腳本。

 

同組工作

Visual InterDev使得你能夠與其他人一起有效地開發同一個網點項目,通過允許編程者、HTML製作者、圖片設計者等協同地對同一 項目進行工作,可以製作出比由這些人中的任何人單獨開發的更加高性能的網點站點。

甚至在沒有Visual SourceSafe的保護下,Visual InterDev也能在一個文件已經被另外的人編輯或修改之後通知所有的用戶。

 

Visual SourceSafe

通過將網點項目置於Visual SourceSafe的保護,Visual InterDev使得文件在碰到潛在的編輯衝突時得到保護,它提供了備份的拷貝,以便用於撤消所做的更動,並且對所有正在工作於 此網點項目的人進行協調。

 

FontPage 97兼容性

通過同Frontpage 97的相互操作,Visual InterDev允許編程者和HTML作者對同一項目協調同時工作,任何由FrontPage製作的網頁可以在Visual InterDev中打開和編輯,反之亦然。

 

移動一個網點

通過Visual InterDev可以將一個網絡站點從一個服務器上移至另一個服務器。這種可能性在當一個網點已經被完整開發出並需要移至到目的 地服務器時出現。選擇Project|Copy Web並輸入新的服務器名稱。這條命令用HTTP協議來工作,所以你的網點可以順利地通過防火牆。

 

總結

正如這章所示,Visual InterDev使得你能夠輕鬆地完成為建立網點所必須的複雜的編程任務和數據庫操作任務,同時也將HTML格式和佈局,圖片以 及其他多媒體組件組合在一起。它的結構形式允許一組開發人員同時開發網點項目,而獨立於他們各自的物理位置。這意味著各項開發人 員例如內容策劃者,圖片設計者,多媒體創作者,HTML製作者,數據庫管理者等對同一個網點項目進行開發。這種不同技能的結合能 夠創建出更加高級先進,令人激動的交互式網點。

Back to Top 查看 erisa's 資料 搜索其他貼子 erisa 訪問 erisa's
 

如果你想回復的話你必須首先 login
如果你還沒有注冊的話你必須首先 注冊

  回復發表新主題
顯示可打印的頁面 顯示可打印的頁面

論壇跳轉
不能 張貼新論題在這個討論版
不能 回應論題在這個討論版
不能 刪除你的發言在這個討論版
不能 編輯你的發言在這個討論版
不能 新增投票標題在這個討論版
不能 在這個討論版投票

Edit by doreme Forums version 2004
Welcome ©2001-2004 doreme Guide

This page was generated in 0.4844 seconds.

 
保養品
保養品, Skin Care
www.elady.tw
Makeups Wholesale
Wholesale Cosmetics SkinCares
lungjyi.com
保養品批發
名牌保養品、保養品批發
www.perfume.com.tw/skincare
Wholesale Perfumes
Fragrances Perfumes Wholesale
lungjyi.net