» 您尚未
登录
注册
|
社区服务
|
帮助
|
社区
|
无图版
社区服务
短消息
个人消息
群发消息
发件箱
消息跟踪
写新消息
控制面板
控制面板首页
编辑个人资料
查看个人资料
好友列表
用户权限查看
交易币管理
特殊组购买
收藏夹
我的主题
常州五颜六色网络技术有限公司
->
网站建设
->
实战Dreamweaver MX和Visual SourceSafe开发Web项目
XML
RSS 2.0
WAP
-->
本页主题:
实战Dreamweaver MX和Visual SourceSafe开发Web项目
加为IE收藏
|
收藏主题
|
上一主题
|
下一主题
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
实战Dreamweaver MX和Visual SourceSafe开发Web项目
由于Web项目程序代码非常分散不集中,大的Web项目程序代码源文件多达上百个甚至更多,小的也有数十个,怎样合理地管理这些源代码还是一个问题,本文提出一种针对Web项目开发过程中代码控制的解决方案。我们将利用Dreamweaver MX和Visual SourceSafe来实现Web项目代码开发的全程控制。这2种软件大家都比较熟悉,但为了保持本文的完整性我还是分别简要介绍一下这2种软件。
\ Gvm9M
/(*q}R3Kfo
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的数据库链接起来,达到代码控制的目的。
~B?y{
Ve; n}mJ?
Visual SourceSafe(以下简称VSS)是Microsoft Visual Studio 6.0这个开发产品家族的一员,VSS主要功能是对项目进行版本控制和源码控制,它能够详细记录一个源码文件从创建到发布的所有修改和版本信息,而且还可以让你查看所有历史记录并对不同时间的源码进行比较分析,恢复代码到某一时刻和版本状态。VSS具有强大的用户管理权限,可以对每个用户设置R(Read)、C(Check Out)、A(Add)、D(Destroy)权限,非常适合团队开发。
(hbyEQhF
VY4yS*y
一、网络环境的搭建
yvB.&<]No
mz0X3
图1-1将介绍团队开发的网络环境拓扑结构:
YN F k
htF] W|z
^u ~Q/4
9WyhZoPD*
图1-1 开发网络拓扑结构
oZ|\vA%4^
)jP 1or
2c*GuF9(0
Server主要功能是代理Internet和整个网络控制,而Test Server主要负责代码调试工作,在该服务器上要搭建与Web发布服务器一样的平台(包括内部DNS,IIS等),为了节省资源在该服务器上装一个数据库,Backup Server服务器主要能是数据的备份,包括开发代码,开发文档,以及对网站的常规备份,定期对Backup Server服务器上的数据进行物理备份(主要指把数据保存到活动硬盘或刻成光盘),在Backup Server服务器上安装VSS,当然如果你的开发资源比较丰富的话,我觉得有必要添加数据库服务器和VSS服务器。
[楼 主]
|
Posted:
2006-04-04 15:24
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
由于Web项目程序代码非常分散不集中,大的Web项目程序代码源文件多达上百个甚至更多,小的也有数十个,怎样合理地管理这些源代码还是一个问题,本文提出一种针对Web项目开发过程中代码控制的解决方案。我们将利用Dreamweaver MX和Visual SourceSafe来实现Web项目代码开发的全程控制。这2种软件大家都比较熟悉,但为了保持本文的完整性我还是分别简要介绍一下这2种软件。
& 1f+,
TB31- ()
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的数据库链接起来,达到代码控制的目的。
|`FY1NN
fp"W[S|uL
Visual SourceSafe(以下简称VSS)是Microsoft Visual Studio 6.0这个开发产品家族的一员,VSS主要功能是对项目进行版本控制和源码控制,它能够详细记录一个源码文件从创建到发布的所有修改和版本信息,而且还可以让你查看所有历史记录并对不同时间的源码进行比较分析,恢复代码到某一时刻和版本状态。VSS具有强大的用户管理权限,可以对每个用户设置R(Read)、C(Check Out)、A(Add)、D(Destroy)权限,非常适合团队开发。
A@#E@;lm
x]j W<A
一、网络环境的搭建
1< ?4\?j
n+ M <\
图1-1将介绍团队开发的网络环境拓扑结构:
o)/ 0a
图1-1 开发网络拓扑结构
E!F^H^~$8
F8ulkcD
Server主要功能是代理Internet和整个网络控制,而Test Server主要负责代码调试工作,在该服务器上要搭建与Web发布服务器一样的平台(包括内部DNS,IIS等),为了节省资源在该服务器上装一个数据库,Backup Server服务器主要能是数据的备份,包括开发代码,开发文档,以及对网站的常规备份,定期对Backup Server服务器上的数据进行物理备份(主要指把数据保存到活动硬盘或刻成光盘),在Backup Server服务器上安装VSS,当然如果你的开发资源比较丰富的话,我觉得有必要添加数据库服务器和VSS服务器。
{P-):
[1 楼]
|
Posted:
2006-04-04 15:24
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
二、VSS配置
/x *3}oI
8{ I|$*nB
先分别在服务器和开发客户端上安装VSS服务器,DW MX和VSS客户端。在开始配置VSS时先解释一下2个最基本的概念,Check Out,将VSS数据库上的文件最新内容下载到本地工作路径,并将该文件锁定,不允许其他人修改,但可以得到文件最新内容。Check In,将本地工作路径中已修改好的文件更新到服务器上,并将本地路径的文件属性设为只读,释放VSS服务器上该文件的锁定状态,这是VSS最基本的2个概念一定要弄明白。下面将介绍创建一个VSS项目的详细步骤。
nJ;.Td
-nwypu
1、打开VSS的管理员操作界面,执行Tools/Create Databse命令创建一个VSS数据库,当创建成功后执行Users/Open SourceSafe Database命令,打开VSS数据库。
lEBLZ}}\
Dha1/g1q
2、执行Users/Add User命令,打开图1-2操作界面,输入用户名和密码,若你只赋予该用户只读权限,就选取Read Only复选框。
ia? c0xL
图1-2 添加用户界面
\b>]8Un"
?q [T
3、设置用户权限,在管理界面中用鼠标选取用户名Cat,然后执行Tools/Rights Assignments for user...命令打开设置用户权限对话框如图1-3。这里面有4个权限,他们含义分别是Read(只读),Check Out/Check In(文件的鉴入和鉴出),Add/Rename/Delete(添加/修改/删除VSS上的文件),Destroy(彻底删除,无法恢复,设置时要小心)。然后重复2到3步添加开发小组中的其他成员。
B< C&xDRZ0
图1-3 设置用户权限
zT{VE+=
W@esITr
4、设置VSS项目中的目录结构,点击程序栏中的Microsoft Visual SourceSafe 6.0命令,弹出登录对话框,输入用户名或者密码,单击Browse...按钮,找到服务器共享的VSS目录路径(支持网络路径)。
@(lh% @hO
[2 楼]
|
Posted:
2006-04-04 15:25
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
5、创建对象,执行File/Create Project...命令,也可以直接点击快捷菜单栏中的按钮,打开创建对象对话框如图1-4,在此可以输入对象名还有相关的描述。所创建的对象在VSS的All Projects栏中表现形式为文件夹。
3(UVg!t
图1-4 创建对象对话框
y)<q/
]_$[8#kg
6、添加文件,VSS用户界面中支持文件夹的拖拽操作,先进入到项目(文件夹)中,在本地选取好要放到服务器上的文件,然后直接拖拽到VSS的用户界面,就会弹出一个上传对话框如图1-5,在对话框中可以输入注释。还有其他相关选项,在此简单说明一下:
5-A\9UC*@
Store Only latest version :保存文件最后版本。
}GIt!PG
Check Out Immediately:当文件以添加完后将它Check Out。
{c0`Um3&>
Remove local Copy:文件添加完后就将本地的的文件删除掉,最好在添加的文件的时候不要选取这一项。
Ea=P2:3*
File Type:选择添加文件的类型,一般选择Auto-detect(自动识别),可选择项目是二进制文件和文本文件。
," ql5Q4
图1-6 添加文件对话框
K<J9~
_ x*3PE
至此基本将介绍完VSS的设置,在准备开发以前必须在VSS中建好相应的文件夹和小组用户帐号。图1-7是已经创建好的VSS对象结构图。
wKHBAW[i]
图1-7 VSS客户端使用界面
| f##5fB
[3 楼]
|
Posted:
2006-04-04 15:25
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
三、DW配置
2T`!v
i mM_H;-X
由于VSS已经定义好了,再将DW和VSS连接起来不是很困难,下面是配置DW的详细步骤
i6N',&jFU
.e5Mnd%$M
1、进入DW的编辑界面,执行Site/New Site...命令,打开定义站点对话框,默认是Local Info(本地信息)选项卡,在界面中填入开发项目的名称和项目源码所在的地址,填完后入图1-8。
. ]M"# \
图1-8 Local Info选项卡
WPDyu .QD
=w^M{W.w
2、在站点定义选项对话框中选取Remote Info(远程信息)选项卡如图1-9,在界面的Access(远程访问类型)中选取SourceSafe Database。Automatically Upload files to server,在DW中修改文件保存后自动将修改的信息更新到VSS服务器上。Check Out File when Opening,在DW中打开文件自动Check Out服务器上对应的文件。
E)3NxmM#
图1-9 Remote Info选项卡
YbLW/E\T
L=h'Qgk%
3、在Remote Info选项卡中点击Settings...按钮,打开图1-10对话框,在该对话中分别填入Database Path,VSS数据库路径,。项目路径,注意对象路径一定要以$开始,路径支持中文。然后填入VSS用户的用户名和密码。
*|l/6!WM
图1-10 VSS客户端登录设置
[4 楼]
|
Posted:
2006-04-04 15:25
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
4、在站点定义选项对话框中选取Testing Server(测试服务器信息)选项卡如图1-11,Server Model:选择Web项目所才用的技术类型,DW支持绝大多数的Web动态语言。Access:访问类型,有FTP和Local/Network(本地/局域网),Testing Server:测试服务器地址。 Refresh Remote File List Automatic:自动刷新远程文件列表,URL Prefix:测试服务器访问的URL地址。
F&Hrk|a
图1-11 Testing Server
{^\r`Vp
Hr4}3.8
至此,DW和VSS的配置都已经基本配置好了,上面讲到的配置都是必须要设置的,否则2种软件不能够友好协作,其他还有一些参数可以根据具体情况来设置。
]{L jRSV
cGD(.=
,=N.FS
四、实战开发
Cls%M5MH
{y;n:^
到了这一步你可以具体开发了,由于已经将DW和VSS已经连接起来了,对VSS文件的常规操作不需要登录VSS去实现,直接在DW中就可以方便实现。下面将从2个方面来实战开发,先介绍在DW中开发然后再介绍在VSS中进行版本控制和代码恢复比较等。
_tXlF;
*9i{,I@
(一)、在DW中的相关应用
=rK+eG#,
h pJ-r
1、在DW中连接VSS服务器
{}x^ri~
FCn_^l)EA
打开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在文件名前加一个红色的小勾。
sNwI0o
图1-12 Site面板
[5 楼]
|
Posted:
2006-04-04 15:26
阿七
级别:
未验证会员
精华:
0
发帖:
909
威望:
0 点
金钱:
2161 RMB
贡献值:
0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
2、源代码文件的基本操作
?0,Ngrbe
+t;7tQDVB
在图1-12 Site编辑界面中可以对文件进行Put/Get,Check Out/In操作,heck Out 和Check In在前面已经介绍过了不在说明了。Put是将本地文件上载到VSS服务器上,Get就是把VSS服务器上的文件下载下来。Put/Get和Check Out/In的区别就是VSS是否对文件内容的操作做了备份和记录,Check Out/In操作在VSS上都有相应的记录,而Put/Get就没有。
<