动态数据库网站开发基础

1、动态数据库网站开发基础第1页，共19页，2022年，5月20日，15点10分，星期一一、动态网页的特点和制作流程 随着Internet的迅猛发展，Internet已经深入到人们生活的方方面面，借助于它可以进行网上学习、查阅资料、网上购物和网上聊天等。这些功能都需要借助于服务器后台强大的数据库来实现，这就是动态数据库网站。1. 动态网页的特点动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、aspx等形式为后缀。这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直

2、接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。动态网页其实就是建立在B/S（浏览器/服务器）架构上的服务器端脚本程序。在浏览器端显示的网页是服务器端程序运行的结果。第2页，共19页，2022年，5月20日，15点10分，星期一从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。动态网页的一般特点简要归纳如下：（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；（2）采用动态网页技术的

3、网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；（4）用户请求的是动态网页，而用户在浏览器端看到的是服务器根据动态网页应用程序运行的结果发送给用户的静态页面，所以用户并不能看到动态网页应用程序代码。第3页，共19页，2022年，5月20日，15点10分，星期一2. 动态网页的制作流程Dreamweaver的可视化工具可以开发动态Web站点，而不必亲手编写创建能够显示数据库中存储的动态内容所必需的复杂编程逻辑。Dreamweaver可以使用几种流行的Web编程语言和

4、服务器技术中的任意一种来创建动态Web站点。这些语言和技术包括ASP、JSP、PHP和ASP.NET等。利用Dreamweaver的可视化工具开发动态网页的步骤如下：（1）创建本地站点。（2）搭建本地服务器。（3）设计网站静态页面。（4）创建数据库。（5）建立动态数据源，创建数据库连接。（6）建立记录集，向Web页添加动态内容。（7）添加服务器行为。（8）测试和调试。第4页，共19页，2022年，5月20日，15点10分，星期一二、搭建本地服务器目前网站的服务器一般安装在Windows NT、Windows 2000 Server或Windows XP操作系统。这3种系统中必须安装有IIS才能

5、运行动态网站。下面就以XP为例讲述IIS的安装和使用方法。1.IIS的安装安装IIS组件具体操作步骤如下。（1）在Windows XP操作系统中选择【我的电脑】|【控制面板】下的【添加/删除程序】选项，弹出如图14-23所示的对话框。（2）单击左边的【添加/删除Windows组件】选项，弹出【Windows组件向导】对话框，进入选取组件对话框。（3）在每个组件之前都有一个复选框，若该复选框显示为，则代表该组件内还含有子组件存在可以选择，双击【Internet信息服务（IIS）】选项，弹出对话框。第5页，共19页，2022年，5月20日，15点10分，星期一（4）当选择完成所有希望使用的组件以及

6、子组件后，选择【下一步】按钮，弹出复制文件的窗口，开始复制文件，复制过程中会要求选择安装文件所在位置。（5）复制完成之后，IIS的安装完成。单击【完成】按钮，安装程序将会要求重新启动计算机。2.设置服务器在IIS安装完成之后，IIS的服务功能即已经开始运作，还需要设置IIS网站才能正常运行。设置默认站点具体操作步骤如下。（1）选择【开始】|【控制面板】命令，打开【控制面板】窗口。（2）单击图标，打开【管理工具】窗口。（3）双击图标，打开【Internet信息服务】窗口。（4）右击【默认网站】，在弹出菜单中选择【属性】，弹出【默认网站属性】对话框，选择【网站】选项卡，在【IP地址】文本框中选择“

7、全部未分配”或本机的IP地址或输入。（5）在【主目录】选项卡中，在【本地路径】右侧的文本框中系统默认的是【C:Inetpubwwwroot】，或者通过【浏览】完成对目录的选择，此目录应为本地站点的根文件夹。（6）在【文档】选项卡中，可修改浏览器默认主页及调用顺序。第6页，共19页，2022年，5月20日，15点10分，星期一 3设置测试服务器利用Dw的可视化工具开发动态Web站点，除安装和设置IIS服务器，还需在Dreamweaver的管理站点中把已经在IIS中配置的服务器设置为Dreamweaver的测试服务器，下面把本地IIS服务器设置为测试服务器为例介绍具体设置方法。（1）创建或编辑本地

8、站点，打开站点定义对话框。（2）单击“测试服务器”选项，设置测试服务器信息。如果本地信息还没有设置过，请先设置本地信息。服务器模型：选择你要使用的一种动态网站技术或语言，如果采用ASP技术，可选择ASP VBScript或ASP JavaScript。访问：选择“本地/网络”。测试服务器文件夹：与本地站点根文件夹和IIS服务器中配置的网站主目录一致。URL前缀：与IIS服务器中配置的网站IP地址一致。如果在IIS服务器中配置的网站IP地址采用默认的“全部未分配”，则在这里也采用默认的“http:/localhost/”，如果在IIS服务器中配置的有网站IP地址，如“58”，则在这里也要输入“h

9、ttp:/ 58/”。第7页，共19页，2022年，5月20日，15点10分，星期一三、创建数据库连接如果要将数据库与Web应用程序一起使用，一个数据库至少需要创建一个数据库连接。如果没有数据库连接，应用程序将不知道在何处找到数据库或如何与之连接。下面就讲述Dreamweaver CS5中如何设置数据库连接。1创建ODBC数据源ASP应用程序必须通过开放式数据库连接（ODBC）驱动程序（或对象链接）和嵌入式数据库（OLE DB）提供程序连接到数据库。该驱动程序或提供程序用作解释器，能够使Web应用程序与数据库进行通信。下面就以Windows XP为例讲述数据源的创建过程。（1）单击【控制面板】

10、|【管理工具】中的【数据源（ODBC）】图标，弹出【ODBC数据源管理器】对话框，选择【系统DNS】选项卡。第8页，共19页，2022年，5月20日，15点10分，星期一（2）单击【添加】按钮，打开【创建新数据源】对话框。（3）根据数据库的类型选择相应的驱动程序，如果是Microsoft Access数据库，则选择“Microsoft Access Driver (*.mdb)” 驱动程序，单击【完成】按钮，弹出【ODBC安装】对话框，选择数据库的路径，在【数据源名】中输入数据源名称。（4）单击【确定】按钮，在【ODBC数据源管理器】对话框中就可以看到数据源了。第9页，共19页，2022年，5

11、月20日，15点10分，星期一2连接数据库如果要在网页应用程序中使用数据库，则必须创建数据库连接。下面介绍使用Dreamweaver CS5创建数据库连接，其具体操作步骤如下。（1）在Dreamweaver文档窗口中选择【窗口】|【数据库】命令，展开右边的【数据库】面板。（2）单击按钮，从弹出下拉菜单中选择【数据库名称（DSN）】命令，弹出【数据源名称（DSN）】对话框。（3）选择【使用本地DSN】单选按钮，在【数据源名称（DSN）】下拉列表中找到数据源名称，在【连接名称】中输入连接名字，例如conn1，单击【测试】按钮，如果成功，那么数据库就连接好了。（4）单击【确定】按钮回到【数据库】面板

12、，就可以看到新建的连接。还有一种【自定义连接字符串】连接，这里就不再介绍了。第10页，共19页，2022年，5月20日，15点10分，星期一四、向Web页添加动态内容Web页不能直接访问数据库中存储的数据，而是需要与记录集进行交互。因此，在向Web页添加动态内容之前，需要先创建记录集。1创建记录集记录集是从数据库表中提取的信息或记录的子集，该信息子集是通过数据库查询提取出来的。记录集在存储内容的数据库和生成页面的应用程序服务器之间起一种桥梁作用。记录集本身是从指定数据库中检索到的数据的集合。它可以包括完整的数据库表，也可包括表的行和列的子集。在【绑定】面板中可以建立记录集，具体操作步骤如下。（

13、1）打开需要添加动态内容的网页文档，选择【窗口】|【绑定】命令，打开【绑定】面板，单击按钮，从弹出下拉菜单中选择【记录集（查询）】命令。第11页，共19页，2022年，5月20日，15点10分，星期一（2）此时弹出【记录集】对话框，在【名称】文本框中输入记录集名称，如rs1，【连接】下拉列表框中选择一个数据库连接conn1，在【表格】下拉列表框中选择需要的表，如留言表day，在【列】选项中选择全部或选定部分字段。另外在【筛选】中可指定筛选条件，在【排序】中可指定记录集的显示顺序。（3）单击【确定】按钮即可创建所需的记录集。2向页面添加动态内容定义好记录集后就可以向网页中插入动态文本、动态图像等

14、，下面讲述动态内容的添加过程，操作步骤如下。（1）首先在需要添加动态内容的网页文档设计好静态内容。（2）将光标置于需要插入动态内容的位置，如主题右边的单元格，选中【绑定】面板上的对应【title】字段，然后单击绑定面板上的【插入】按钮，这样就把相应字段插入到对应的位置了。（3）使用同样方法，依次插入其他字段到页面中，还可以把记录集中的【第一个记录】、【最后一个记录】、【总记录数】插入到相应位置。第12页，共19页，2022年，5月20日，15点10分，星期一五、添加服务器行为 通过向页面中添加字段，可以动态显示数据库中的内容了，但往往需要一页显示多条记录，如果记录比较多，还需要分页显示，另外通

15、过服务器行为还可以实现如插入记录、更新记录、删除记录等功能。下面简单介绍这些常用服务器行为的添加方法。1重复区域重复区域服务器行为用于在一页中显示多条记录。（1）首先在页面中选中需要重复显示的区域。打开【服务器行为】面板，单击按钮，从弹出下拉菜单中选择【重复区域】命令。（2）此时弹出【重复区域】对话框，在【记录集】下拉列表框中选择相应的记录集，在【显示】选项中选择所有记录或输入数字，确定每页要的记录数。第13页，共19页，2022年，5月20日，15点10分，星期一2记录集分页记录集分页服务器行为用于在分页显示的页面中创建分页导航链接。（1）首先在页面中输入并选中相应文字等对象，如“第一条记录

16、”，打开【服务器行为】面板，单击按钮，从弹出下拉菜单中选择【记录集分页】【移至第一条记录】命令。（2）此时弹出【移至第一条记录】对话框，在【记录集】下拉列表框中选择相应的记录集，如图14-47所示。（3）使用同样的方法，依次可以创建移至前一条记录、移至后一条记录、移至最后一条记录等记录集分页导航链接。当然，记录集分页导航链接还可以通过菜单【插入】【数据对象】【记录集分页】【记录集导航条】来快速创建。第14页，共19页，2022年，5月20日，15点10分，星期一3插入记录插入记录服务器行为用于向数据库插入一条新记录，但添加这个行为之前需要在页面中创建一个让用户输入信息的表单。（1）首先在插入页

17、面中插入一个表单域并创建相应的文本框、列表框、提交按钮等表单对象，打开【服务器行为】面板，单击按钮，从弹出下拉菜单中选择【插入记录】命令。（2）此时弹出【插入记录】对话框。在【连接】下拉列表框中选择相应的连接。在【插入到表格】下拉列表框中选择要插入记录的表。在【插入后，转到】文本框中输入或单击浏览按钮选择插入记录成功后要转到的页面。在【获取值自】下拉列表框中选择相应的表单。在【表单元素】列表框中依次选择表单元素，在【列】下拉列表框中选择对应的数据库字段，在【提交为】下拉列表框中选择提交的数据类型。特别注意：表单对象与字段要对应，数据类型一定要与数据库中的相应字段类型相匹配。字段绑定这样用户在浏

18、览这个插入页面时在表单中输入相应的信息，单击提交按钮即可向数据库中插入相应的记录了。第15页，共19页，2022年，5月20日，15点10分，星期一4更新记录更新记录服务器行为用于对数据库中的记录进行修改，但添加这个行为之前需要在页面中创建一个用于显示和修改信息的表单，还需要创建一个记录集，这个记录集能够筛选出要修改的记录，并且记录集中的字段要与表单中的对应表单元素绑定。（1）在更新页面中插入一个表单域并创建相应的文本框、列表框、提交按钮等表单对象。（2）打开【绑定】面板，单击按钮，从弹出下拉菜单中选择【记录集（查询）】命令，创建一个能够筛选出要修改记录的记录集。（3）表单对象与记录集字段进行

19、绑定。（4）打开【服务器行为】面板，单击按钮，从弹出下拉菜单中选择【更新记录】命令。第16页，共19页，2022年，5月20日，15点10分，星期一此时弹出【更新记录】对话框：在【连接】下拉列表框中选择相应的连接。在【要更新的表格】下拉列表框中选择要更新记录的表。在【选取记录自】下拉列表框中选择对应的记录集。在【唯一键列】下拉列表框中选择记录集中的关键字段。在【在更新后，转到】文本框中输入或单击浏览按钮选择更新记录成功后要转到的页面。在【获取值自】下拉列表框中选择相应的表单。在【表单元素】列表框中依次选择每个表单元素，在【列】下拉列表框中选择对应的数据库字段，在【提交为】下拉列表框中选择提交的数据类型，一般取默认值。这里要特别注意表单对象与字段要对应，数据类型一定要与数据库中的相应字段类型相匹配。这样用户在浏览这个更新页面时在表单中输入/修改相应的信息，单击