當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

實戰DW MX與VSS開發Web項目(上)

實戰DW MX與VSS開發Web項目(上)

更新時間:2019-04-25 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。
由于Web項目程序代碼非常分散不集中,大的Web項目程序代碼源文件多達上百個甚至更多,小的也有數十個,怎樣合理地管理這些源代碼還是一個問題,本文提出一種針對Web項目開發過程中代碼控制的解決方案。我們將利用Dreamweaver MX和Visual SourceSafe來實現Web項目代碼開發的全程控制。這2種軟件大家都比較熟悉,但為了保持本文的完整性我還是分別簡要介紹一下這2種軟件。     Dreamweaver MX(以下簡稱DW MX)是Macromedia公司網頁制作三劍客之一,其強大功能在此不再復述,DW MX整合了Dreamweaver 4和Dreamweaver UltraDev 4的所有功能,他同時適合Web界面開發人員和Web后臺開發人員使用,DW MX幾乎支持所有常見動態Web編程語言,如PHP,ASP/ASP.net,JSP等,他最大特點就是整合了團隊開發的功能,比如Design Notes(設計筆記)能夠方便開發成員互相交流,他還可以與Vislual SourceSafe的數據庫鏈接起來,達到代碼控制的目的。     Visual SourceSafe(以下簡稱VSS)是Microsoft Visual Studio 6.0這個開發產品家族的一員,VSS主要功能是對項目進行版本控制和源碼控制,它能夠詳細記錄一個源碼文件從創建到發布的所有修改和版本信息,而且還可以讓你查看所有歷史記錄并對不同時間的源碼進行比較分析,恢復代碼到某一時刻和版本狀態。VSS具有強大的用戶管理權限,可以對每個用戶設置R(Read)、C(Check Out)、A(Add)、D(Destroy)權限,非常適合團隊開發。     一、網絡環境的搭建     圖1-1將介紹團隊開發的網絡環境拓撲結構:     



圖1-1開發網絡拓撲結構    Server主要功能是代理Internet和整個網絡控制,而Test Server主要負責代碼調試工作,在該服務器上要搭建與Web發布服務器一樣的平臺(包括內部DNS,IIS等),為了節省資源在該服務器上裝一個數據庫,Backup Server服務器主要能是數據的備份,包括開發代碼,開發文檔,以及對網站的常規備份,定期對Backup Server服務器上的數據進行物理備份(主要指把數據保存到活動硬盤或刻成光盤),在Backup Server服務器上安裝VSS,當然如果你的開發資源比較豐富的話,我覺得有必要添加數據庫服務器和VSS服務器。     二、VSS配置     先分別在服務器和開發客戶端上安裝VSS服務器,DW MX和VSS客戶端。在開始配置VSS時先解釋一下2個最基本的概念,Check Out,將VSS數據庫上的文件最新內容下載到本地工作路徑,并將該文件鎖定,不允許其他人修改,但可以得到文件最新內容。Check In,將本地工作路徑中已修改好的文件更新到服務器上,并將本地路徑的文件屬性設為只讀,釋放VSS服務器上該文件的鎖定狀態,這是VSS最基本的2個概念一定要弄明白。下面將介紹創建一個VSS項目的詳細步驟。     1、打開VSS的管理員操作界面,執行Tools/Create Databse命令創建一個VSS數據庫,當創建成功后執行Users/Open SourceSafe Database命令,打開VSS數據庫。     2、執行Users/Add User命令,打開圖1-2操作界面,輸入用戶名和密碼,若你只賦予該用戶只讀權限,就選取Read Only復選框。     


圖1-2 添加用戶界面    3、設置用戶權限,在管理界面中用鼠標選取用戶名Cat,然后執行Tools/Rights Assignments for user...命令打開設置用戶權限對話框如圖1-3。這里面有4個權限,他們含義分別是Read(只讀),Check Out/Check In(文件的鑒入和鑒出),Add/Rename/Delete(添加/修改/刪除VSS上的文件),Destroy(徹底刪除,無法恢復,設置時要小心)。然后重復2到3步添加開發小組中的其他成員。     


圖1-3 設置用戶權限    4、設置VSS項目中的目錄結構,點擊程序欄中的Microsoft Visual SourceSafe 6.0命令,彈出登錄對話框,輸入用戶名或者密碼,單擊Browse...按鈕,找到服務器共享的VSS目錄路徑(支持網絡路徑)。

5、創建對象,執行File/Create Project...命令,也可以直接點擊快捷菜單欄中的按鈕,打開創建對象對話框如圖1-4,在此可以輸入對象名還有相關的描述。所創建的對象在VSS的All Projects欄中表現形式為文件夾。     


圖1-4 創建對象對話框    6、添加文件,VSS用戶界面中支持文件夾的拖拽操作,先進入到項目(文件夾)中,在本地選取好要放到服務器上的文件,然后直接拖拽到VSS的用戶界面,就會彈出一個上傳對話框如圖1-5,在對話框中可以輸入注釋。還有其他相關選項,在此簡單說明一下:     Store Only latest version :保存文件最后版本。
Check Out Immediately:當文件以添加完后將它Check Out。
Remove local Copy:文件添加完后就將本地的的文件刪除掉,最好在添加的文件的時候不要選取這一項。
File Type:選擇添加文件的類型,一般選擇Auto-detect(自動識別),可選擇項目是二進制文件和文本文件。     


圖1-6 添加文件對話框    至此基本將介紹完VSS的設置,在準備開發以前必須在VSS中建好相應的文件夾和小組用戶帳號。圖1-7是已經創建好的VSS對象結構圖。     


圖1-7 VSS客戶端使用界面    三、DW配置     由于VSS已經定義好了,再將DW和VSS連接起來不是很困難,下面是配置DW的詳細步驟     1、進入DW的編輯界面,執行Site/New Site...命令,打開定義站點對話框,默認是Local Info(本地信息)選項卡,在界面中填入開發項目的名稱和項目源碼所在的地址,填完后入圖1-8。     


圖1-8 Local Info選項卡    2、在站點定義選項對話框中選取Remote Info(遠程信息)選項卡如圖1-9,在界面的Access(遠程訪問類型)中選取SourceSafe Database。Automatically Upload files to server,在DW中修改文件保存后自動將修改的信息更新到VSS服務器上。Check Out File when Opening,在DW中打開文件自動Check Out服務器上對應的文件。     


圖1-9 Remote Info選項卡    3、在Remote Info選項卡中點擊Settings...按鈕,打開圖1-10對話框,在該對話中分別填入Database Path,VSS數據庫路徑,。項目路徑,注意對象路徑一定要以$開始,路徑支持中文。然后填入VSS用戶的用戶名和密碼。     


圖1-10 VSS客戶端登錄設置(出處:太平洋電腦網)大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品