| Posted: 2005/2月/16 12:00下午 | IP記錄
|
|
|
使用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選項之後，鏈接關係則會每次自動更新。
|
標題 
名單 
搜索 
Help
注冊 
登入
DoReMe : ASP教學區
話題: 第二十五章 使用MicroSoft Visual InterDev
