網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 ![]() 圖1-11 Testing Server 至此,DW和VSS的配置都已經基本配置好了,上面講到的配置都是必須要設置的,否則2種軟件不能夠友好協作,其他還有一些參數可以根據具體情況來設置。 四、實戰開發 到了這一步你可以具體開發了,由于已經將DW和VSS已經連接起來了,對VSS文件的常規操作不需要登錄VSS去實現,直接在DW中就可以方便實現。下面將從2個方面來實戰開發,先介紹在DW中開發然后再介紹在VSS中進行版本控制和代碼恢復比較等。 (一)、在DW中的相關應用 1、在DW中連接VSS服務器 打開DW編輯窗口后的第一件事就是連接遠程服務器,也就是VSS服務器。在DW中執行Site/Site Files...命令或者按F8快捷鍵打開圖1-12 Site面板,Site面板中可以查看到本地文件列表、測試服務器文件列表和遠程VSS上面的文件列表。我們對文件的編寫和操作主要是在Local View中進行的。當然你也可以不連接遠程服務器,在本地打開一個未被其他小組成員Check Out的文件時DW自動連接VSS服務器,并且將該文件自動Check Out,在Site面板中的文件有三種狀態,文件鎖定狀態:當前文件沒有被任何其他成員Check Out編輯,這樣的文件DW在文件名前加一個小鎖。文件被自己Check Out 狀態:也就是文件自己正在編輯或者已經Check Out了,DW在文件名前加一個綠色的小勾。文件被別人Check Out 狀態:文件被其他小組成員Check Out了,DW在文件名前加一個紅色的小勾。 ![]() 圖1-12 Site面板 2、源代碼文件的基本操作 在圖1-12 Site編輯界面中可以對文件進行Put/Get,Check Out/In操作,Check Out 和Check In在前面已經介紹過了不在說明了。Put是將本地文件上載到VSS服務器上,Get就是把VSS服務器上的文件下載下來。Put/Get和Check Out/In的區別就是VSS是否對文件內容的操作做了備份和記錄,Check Out/In操作在VSS上都有相應的記錄,而Put/Get就沒有。 在Site界面中可以用鼠標直接拖拽實現文件的Put/Get,在DW默認設置中從VSS服務器上拖拽文件會彈出如圖1-13的信息提示框(Check Out/In操作也會有這個提示框),該文本框的含義是是否將與該文件有關連的文件都Put/Get(Check Out/In)。強烈建議在此選擇No,而且還把不要提示消息這個復選框勾選。如果你選擇了Yes,你的操作將會非常慢而且還會造成一些不必要的錯誤(DW會用VSS上舊文件覆蓋本地已修改但未Check In的文件),DW把與當前文件有關連的所有文件都操作了,如Include文件、圖片文件、CSS文件等,其實有些不是經常需要修改的文件。如果有一天需要選擇它同時操作與他有關聯的文件,執行Edit/Preferences...命令打開參數設置對話框,選擇Site選項卡,把Dependent Files(關連文件)中的2個復選框勾選即可。 ![]() 圖1-13 信息提示框 3、Design Notes(設計筆記) 細心的人也許發現了圖1-12中有幾個文件名后面有個黃色的小標記,這是Macromedia在發布Dreamweaver 3.0時增加的一個功能Design Notes(設計筆記),開發人員可以對該文件增加設計筆記和心得,這些筆記和心得是累加的,可以記錄各個開發人員的筆記,這些信息任何一個打開該文件的開發人員都可以查看到,這樣開發人員就可以非常方便地勾通。當用DW和VSS聯合開發時,這些筆記心得還可以保存到VSS服務器上。VSS對每個文件都有個Comment(注釋)功能,這和DW的Design Notes的功能有點重復,不過DW的Design Notes功能強大許多,還是推薦使用Desgin Notes,在DW3和DW4的版本中Design Notes不支持中文,但DW MX可以支持中文,這一點對那些英文不太好的人來說是一個福音。 若要對一個文件添加Design Notes,就先用鼠標在Files面板中選取該文件,點擊鼠標右建彈出快捷菜單執行Design Notes命令,打開圖1-13。在界面中就有2個選項卡,一個是Basic Info(基本信息),另一個是All Info(所有信息),先選擇該文件的當前版本,然后在Notes(筆記)文本框中添加信息,可以通過點擊日期按鈕插入當前系統的日期。在All Info選項卡中可以查看所Notes。 ![]() 圖1-14 設計筆記對話框 4、保持與遠程服務器的同步(Synchronize) 同步是把本地源代碼和遠程服務器上源代碼統一,如果不統一就用最新的覆蓋本地或服務器舊文件。用鼠標在Site面板中選取本地一個源代碼,然后點擊鼠標右建彈出快捷菜單執行Synchronize...命令,打開圖1-15對話框,在該對話框中可以設置與遠程服務器(VSS服務器)的同步方式。 ![]() 圖1-15 設計筆記對話框 Synchornize下拉菜單中有2個選項: a、整個本地站點和遠程服務器同步,它會顯示當前已定義的站點名稱 b、僅對本地已選擇的文件和遠程服器上的文件同步,可以按住鍵盤Ctrl鍵選取多個文件和遠程服務器相應文件同步 Direction(方式)下拉菜單中有3個選項: Put newer files to remote:把最新的文件放到遠程服務器上。 Get newer files from remote:從遠程服務器上得到最新的文件。 Get and Put newer files:保持本地和遠程服務器上都是最新文件。 復選框的含義是,刪除遠程服務器上不在本地的所有文件。 設置完參數后,點擊Preview按鈕,DW就自動按照規則搜索需要更新的相關文件,如果沒有需要同步的文件DW彈出一個消息框,否則完成同步操作。 (二)VSS中的相關應用 由于在DW中可以對VSS的文件進行常規操作,開發人員不需要經常到VSS客戶端中進行操作,但比如為代碼設置版本、恢復文件等操作需要在VSS中進行。VSS記錄了一個源代碼文件從創建、修改到發布的全過程,記錄了每次對該文件的Check In操作,所以在源代碼查錯調試方面非常有用。下面將介紹VSS幾種典型的操作。 1、源碼操作 登錄進入VSS客戶端界面,用鼠標選取源代碼文件點擊右建彈出快捷菜單執行Show History...命令,彈出圖1-16 歷史選項。這是查看記錄選項,在此可以定義你要查看的歷史記錄。 ![]() 圖1-16 歷史選項 Include Labels:包括用戶指定的標簽的歷史記錄。 Labels Only:僅顯示有用戶定義標簽的歷史記錄。 From:限制查詢歷史記錄的開始日期,可以輸入日期、日期:時間、version(版本)或者label(標簽),在輸入日期時間格式是需要加一個前綴"D",如"D02/29/95;12:15",在輸入版本號時需要加一個前綴"L",如Lbeta1。若僅日期格式不需要添加任何前綴,以下格式都是合法的,08.15.95, 08-15-95, or 08/15/95 format, but not as August 15, 1995,注意這些時間格式是老外的習慣,你在輸入時候需要注意一下。 To:限制查詢歷史記錄的結束日期,可以輸入日期、日期:時間、version(版本)或者label(標簽),其輸入規則與From的一樣。 User: 指定用戶名。 在輸入特定條件后單擊"OK"按鈕彈出歷史紀錄列表,如圖1-17 歷史記錄列表。 ![]() 圖1-17 歷史記錄列表 View:查看源碼詳細信息,如果是二進制文件將不能正常顯示。 Details:查看文件的詳細信息,點擊該按鈕會彈出一個對話框,可以查看該文件的版本信息、操作時間、操作人以及文件的注釋。 Get:得到當前歷史記錄的源代碼文件,并不是該代碼的最新版本。 Check Out:將該文件Check Out。 Diff:源碼比較。單擊該按鈕會彈出源碼比較選項對話框,直接單擊"OK"按鈕打開圖1-18界面。從界面中可以清晰看到代碼的異同。VSS中用3種顏色來區分代碼的變化,藍色代碼表示被刪除的行,紅色代碼表示被修改的代碼,綠色代碼表示新增加的代碼。 ![]() 圖 1-18 源代碼對比 Pin/Unpin:鎖定/解鎖所選擇的源代碼文件,不允許別人再做Check Out/In操作。文件被鎖定后VSS就在文件名前加一個標識。 Rollback:恢復當前版本。該操作是不可逆的,源碼被恢復后,比該記錄晚的歷史記錄全部被清除。建議不要過多使用該功能,可以用通過單擊"Get"按鈕得到當前版本的源代碼,再對源碼做出修改,這樣做保留了歷史記錄不被清楚,同時也達到了Rollback的功能。 Report:對比報告。VSS把分析出來的結果輸出到打印機、文件和剪貼板。 2、恢復刪除記錄 VSS中可以對刪除的文件和對象進行恢復,如果用戶在刪除文件時選擇了Destroy permanently(永久刪除),那該操作不可恢復。只有用戶的權限含有Destroy才能進行徹底刪除,當然也只有具有Destroy權限的用戶才能恢復被刪除的文件。用鼠標在VSS客戶端界面的All Projects窗口中選擇一個對象(也就是文件夾),然后點擊右建彈出快捷菜單執行Properties...命令,打開該對象的屬性面板選擇Deleted Items(刪除項目)選項卡如圖1-19所示。 用鼠標選擇欲操作的文件,可以按鍵盤Ctrl鍵選取多個文件,然后單擊Recover(恢復)或Purge(徹底刪除,不可恢復)按鈕。 ![]() 圖 1-19 恢復被刪除的文件 3、版本控制 當Web項目開發完成后,就有必要對源代碼封一個版本,這樣有利于項目發布以及升級,用鼠標在VSS客戶端界面的All Projects窗口中選擇一個對象(也就是文件夾),然后點擊右建彈出快捷菜單執行Label...命令,打開設置版本窗口如圖1-20 ![]() 0 圖 1-20 版本設置 只需要在Label中輸入版本號然后單擊OK按鈕就可以了,在Comment中可輸入描述內容。當封了一個版本后,該項目下面的所有源代碼都封了一個版本,如圖1-17 可以看到有條歷史記錄的Action是"Label 1"。(出處:太平洋電腦網)大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。 |
溫馨提示:喜歡本站的話,請收藏一下本站!