电子商务网站建设第11章课件

《电子商务网站建设第11章课件》由会员分享，可在线阅读，更多相关《电子商务网站建设第11章课件（54页珍藏版）》请在金锄头文库上搜索。

1、第11章 建立和发布Web站点,11.1 建立面向Web应用开发的Dreamweaver MX站点 11.2 Web站点的建立与编辑 11.3 站点视图的应用 11.4 文件的更新操作 11.5 本章摘要与重点回顾,Dreamweaver MX站点在前面的章节中并没有涉及Web应用开发方面的内容，因此没有为读者完整地描述如何建立支持Web应用开发的Dreamweaver MX站点。这一节将讲解这方面的内容。,11.1 建立面向Web应用开发的,Dreamweaver MX中的站点包含了实体站点的内容、位置等信息，以及如何访问实体站点，如何在开发过程中发布更新到实体站点的一系列配置信息。Drea

2、mweaver MX中的站点实际上是面向内容更新的一个管理模型，或者被看成一个开发项目。 Dreamweaver MX的站点管理模型由3个部分组成。了解这3个部分，是理解Dreamweaver MX站点管理的关键。下面介绍这3个部分。,11.1.1 面向应用开发的站点管理模型,1. 本地站点 可以说是Dreamweaver MX的工作目录，可以看作是实体站点上的目录结构和文件在Dreamweaver MX所在的开发工作站上的一份副本。从开发流程上说，开发者先用Dreamweaver MX在本地站点编辑、修改和存储文件，然后上传到实体站点。 2. 远程站点 Dreamweaver MX用它来表示

3、实体站点位置和具体内容。新建的文件只有从本地站点上传后，才会在远程站点中出现。,3. 测试服务器 测试服务器是Dreamweaver MX用来测试站点的位置和内容，Dreamweaver MX使用此服务器生成动态内容并在工作时连接到数据库。测试服务器是一个支持开发者选用的应用服务器技术的Web服务器，可以是本地计算机、测试用的服务器或生产服务器。简单的开发项目中，一般选择生产服务器（生产服务器是指最终向外界提供服务的Web服务器）作为测试服务器，即远程站点和测试服务器是同一个位置，这与Dreamweaver MX新建站点向导的默认选择是一致的。（熟悉JSP开发的读者一定清楚例外的情况，即测试服

4、务器往往不是生产服务器。）,第11章建立和发布Web站点电子商务网站建设教程在新建Dreamweaver MX站点时，并不一定要一次把上述3个部分都定义好。设置了本地站点后，就可以开始使用 Dreamweaver MX进行开发了。在测试和部署内容之前，并不需要定义远程站点和测试服务器。 本地站点和远程站点使得能够在本地磁盘和 Web 服务器之间传输文件，将新创作的页面发布到Web服务器。 对于简单的开发环境，往往把远程站点和测试服务器选作一台服务器，因此在这种情况下，可以把远程站点和测试服务器看作是相同的(本章后面可以看到这样的例子）。,阶段化开发方法（staging）是指在软件开发过程中，开

5、发阶段、测试阶段和部署阶段明确分开，开发环境、测试环境与生产环境明确分开，严格控制，防止不必要的互相影响的实施方法。 对正式对外服务的电子商务站点来说，其中提供服务的任何一个Web应用程序如果存在bug，将直接影响到对客户的服务水平和质量，而且可能造成客户或者公司的直接或者间接的经济损失，包括可能的站点停机排错。,11.1.2 站点管理模型的阶段化开发方法,因此，测试环境与生产环境分开是完全必要的。这样就可以对测试的结果进行有组织的评估，确定符合要求的才可以部署到生产环境，正式投入使用。测试阶段所存在的问题就不会轻易流入生产环境，保证了生产环境的稳定。 同样，测试环境也需要保持它的稳定性。测试

6、环境是一个生产环境的未稳定的副本，包含生产环境中的各个互相作用的组成部分，复杂度与之相当。一个完整的开发过程，包含一个开发团队，其中各个小组完成不同的部分，如果谁完成了一部分工作都立即扔进测试环境的话，测试就缺乏组织，排错找“虫”就会变得异常困难。谁也不知道正在诊断排除,的错误，是不是和别的模块有关，甚至不知道排错过程中，别人有没有又引入了其他错误。因此，开发环境和测试环境分开也是完全必要的。这样，开发好的模块投入测试也变成一种有组织的行为，更加易于控制。 Dreamweaver MX的站点管理模型，正对应了staging的3个阶段： 本地站点对应了开发环境； 测试服务器对应了测试环境； 远程

7、站点对应了生产环境。 完整的站点管理流程如图11-1所示。,图11-1Dreamweaver MX的站点管理模型,（1） 开发者先用Dreamweaver MX在本地站点编辑、修改和存储文件。 （2） 需要测试的内容上传到测试服务器，使用测试服务器测试这些内容。 （3） 测试完成获得认可的内容上传到远程站点。 要点提示: 不要认为这3个环境就是3台不同的机器，任意两个环境都可以同时存在于同一台机器中，甚至这3个环境都可以在一台机器上。测试服务器与远程站点可以在同一台服务器上，对应于不同的两套站点组合（Web站点加FTP站点的组合），分别用不同的站点主目录。开发环境也可以在上述服务器上，其本地站

8、点又对应于另外一个主目录。,团队开发控制是指在多人协作完成同一开发项目时如何控制源代码的共享和编辑冲突。如果不加控制，那么当有两个开发者试图编辑同一个源文件的时候，就会发生编辑冲突，最后文件改成什么样子，就看谁最后保存了。 Dreamweaver MX用取出和存回这一概念来解决团队开发中的这类问题。如果读者用过Visual Source Safe或CVS之类的协作开发工具，就会对存回（check in）和取出（check out）机制比较熟悉。 在启用了存回和取出机制后，会出现下述情况：,11.1.3 站点管理模型的团队开发控制思路,（1） 当一个开发者想要修改某一文件时，他必须先将它取出，相

9、当于向Dreamweaver MX开发环境作了登记（“嘿，Dreamweaver MX，我登记修改这个文件。”）； （2） 取出一个文件以后，开发者才有权上传修改后的版本； （3） 当他修改完文件，上传完毕，认为暂时不需要再修改时，他可以选择存回该文件（“嘿，Dreamweaver MX，我改完了。”）； （4） 开发者不能修改被其他开发者取出的文件，只能读取该文件当前的内容；,（5） 只有等别的开发者存回了这个文件，开发者才能取出这个文件。 通过这种存回取出机制，保证了同一时间只能有一个开发者能够修改某个特定的文件（他已经取出了这个文件），也保证了其他开发者能够看到最新的版本（只要修改者上传

10、了最新的版本）。,11.2.1 建立面向Web应用开发的站点用Dreamweaver MX建立面向Web应用开发的站点的操作步骤如下。 （1） 在Dreamweaver MX的浮动面板中，单击【文件】浮动面板的展开按钮，打开【文件】面板。 （2） 在【站点】选项卡中，单击【站点】下拉式按钮，在快捷菜单中选择【新建站点】命令。 （3） 这时会出现如图11-2所示的站点定义向导，在【您打算为您的站点起什么名字？】文本框中输入站点的名字，例如My Site，然后单击【下一步】按钮。,11.2 Web站点的建立与编辑,图11-2站点定义向导之一,（4） 接下来是关于站点支持何种应用服务器技术的问题，如

11、图11-3所示。除非想建立一个完全静态的网站，一般来说，都要选择【是，我想使用服务器技术】选项，在下拉列表框中选择想使用的服务器技术，例如ASP VBScript。 要点提示： 在开发一个Web应用程序时，选定一种服务器技术比较好，而不要混用多种技术。如果读者对应用服务器技术有比较深入的研究，那么就会知道，在管理会话级、应用技术级数据共享方面，各种技术都有自己的一套方法，混用多种技术会在共享数据时遇到麻烦，当然也给应用开发和维护工作增大了工作量。,图11-3站点定义向导之二,（5） 定义开发的流程，默认的选择是【在本地进行编辑，然后上传到远程测试服务器】，这是比较稳妥和便于管理的做法，如图11

12、-4所示选择默认的选项，并且在【您将把文件存储在计算机上的什么位置？】文本框中输入本地编辑时文件存储的位置。 （6） 选择通过何种方式更新测试服务器上的文件，如图11-5所示。在【您如何连接到测试服务器】下拉列表框中选择的方式不同，对话框下方的文本框中待填的内容也会不同，可以选择的方式为【FTP】、【本地网络】和【RDS】。,建议选用【FTP】的方式，因为这是最标准的Internet协议。 若选用【本地网络】方式，此方式只在Windows网络中才有，即Windows共享目录。 若选用【RDS】方式，此方式用于开发Cold Fusion应用程序。,图11-4站点定义向导之三,（7） 当选择【FT

13、P】方式更新文件时，需要完成下述设置。 在第二个文本框中输入测试服务器的IP地址，如果有主机名，最好输入主机名。 在第三个文本框中输入测试服务器中存放文件的文件夹名，不输入此项内容，表示使用FTP用户主目录作为存储文件夹。 在下面的两个文本框中，分别输入FTP用户名和密码。 注意： 这个用户必须有对其主目录的完全权限，否则无法更新文件，如果选择【保存】选项，那么Dreamweaver MX会记住用户名和密码。,这个向导还提供了方便的工具来测试定义的正确性，只要单击【测试连接】按钮，如果正常，就可以看到如图11-6所示的信息，否则就应检查网络是否工作正常，FTP服务器是否配置正确，用户名和密码是

14、否输错，等等。 （8） 单击【下一步】按钮，可以看到如图11-7所示的对话框。这一步要求输入用什么URL来访问测试服务器的主页，以便测试。应按10.1.3节所说的步骤定义的实体Web站点的URL，输入该实体Web站点的URL。,图11-5站点定义向导之四,图11-7站点定义向导之五,（9） 这一步同样提供了方便的【测试URL】按钮。正常情况下，测试成功会看到如图11-8所示的信息。如果不成功，可以打开浏览器，输入该URL直接访问主页，检查究竟是什么HTTP错误。如果是无权浏览目录之类的信息，可能因为这个Web站点刚定义好，连主页面还没有。 （10） 单击【下一步】按钮进入协同开发选项的设置窗口

15、，如图11-9所示。如果是一个团队分工开发同一个网站，则需要启用存回和取出，如果只是单兵作战，则不必启用存回和取出。 （11） 单击【下一步】按钮，向导会列出所有步骤中的选择情况的总结，单击【完成】按钮确认并结束新站点定义，如图11-10所示。,（12） 这时，在【站点】选项卡中可以看到刚刚定义好的My Site站点，如图11-10所示。 图11-9站点定义向导之六,图11-10站点定义向导之七,要点提示： 这个例子使用Dreamweaver MX站点定义向导默认的站点定义方法，这样定义出来的站点与站点管理模型如何对应呢？实际上，用【在本地进行编辑，然后上传到远程测试服务器】这一选项定义的结果

16、是远程站点与测试服务器的角色重合。对于简单的电子商务站点，复杂度不高，如图11-11所示。 如果需要定义出完全符合站点管理模型的阶段化方法的站点，那么站点定义向导不能实现这一要求，【在本地进行编辑，然后上传到远程测试服务器】这一选项已经是向导能够定义出的最复杂的方式了。更复杂的定义需要通过手工编辑站点定义来完成。,图11-11远程站点与测试服务器合二为一的模型,对于已经建立的站点，可以编辑它的属性，或补充建立站点时未定义的部分属性。编辑一个站点的操作步骤如下。 （1） 单击【文件】浮动面板的展开按钮，打开【文件】面板，如图11-12所示。在【站点】选项卡中，单击【站点】下拉式按钮，在快捷菜单中选择【编辑站点】命令。 （2） 在如图11-13所示的对话框中，选择需要编辑的站点，单击【编辑】按钮开始编辑。,11.2.2 编辑面向Web应用的站点,图11-12【文件】面板,图11-13【编辑站点】对话框,（3） 在如图11-14所示的编辑站点属性对话框中，可以选择【基本】选项卡，仍然用向导来完成定义。 （4） 还可选择【高级】选项卡中的【分类】定义，核心的定义在左边【分类】列表中的前