《网站设计与开发技术教程 教学课件 ppt 作者 耿霞 邹婷婷 5 动态网站开发综合实例》由会员分享，可在线阅读，更多相关《网站设计与开发技术教程 教学课件 ppt 作者 耿霞 邹婷婷 5 动态网站开发综合实例（192页珍藏版）》请在金锄头文库上搜索。
1、第5章 动态网站开发综合实例 网上书店系统,5.1 网上书店系统简介,主要介绍系统设计的前期准备，包括客户需求的总结、功能模块的划分。 首先，根据客户的需求总结系统设计主要完成的功能，以及将来扩展需要完成的功能。 然后，根据设计好的功能划分出系统的各个模块。 最后，根据功能模块进行数据库表的设计。,5.1.1 网上书店系统逻辑分析,网上书店系统的总体流程设计如图所示。,该系统主要功能分为两部分： 用户进入网站首页，可以进行会员注册、检索图书、查看图书、查看使用指南等操作，在登陆成功后还可以进行购物、修改注册信息和查看购物车以及用户订单等操作 管理员成功登陆后可以进行维护系统的操作。,5.1.2
2、 网上书店系统功能模块简介,根据前面得功能分析，可以画出网上书店系统的功能模块图， 从客户界面、管理界面分别对功能模块图加以描述。,5.1.3 网上书店系统数据库设计,数据库结构设计的好坏直接影响到信息管理系统的效率和实现的效果。合理设计数据库结构可以提高数据存储的效率，保证数据的完整和统一。,1管理员信息表,2会员信息表,3图书信息表 4订单信息表 5使用指南表 6图书分类表,5.1.4开发前的准备工作,网上书店系统规划完成后，就可以进行设置IIS服务器、设置站点和创建数据库连接等准备工作了。 1设置IIS服务器,2建立动态站点,3创建数据库连接 在当前“myeb”站点中，任意新建一个ASP
3、 VBScript页面，然后打开应用程序面板，切换到“数据库”窗口，单击“”按钮，打开“自定义连接字符串”对话框，进行如下的参数设置： （1）定义“链接名称”为“conn”。 （2）选择“使用测试服务器上的驱动程序”。 （3）在“连接字符串”文本框中输入下面语句： “Provider=Microsoft.Jet.OLEDB.4.0;Data Source=“&Server.Mappath(“/database/bookshop.mdb“),5.2 会员登录注册模块,5.2.1会员登录系统的实现 5.2.2会员注册系统的实现,5.2.1会员登录系统的实现,这部分包括了login.asp、logi
4、nfo.asp和logerr.asp三个页面，分别表示用户登录页面、登录成功信息显示页面和登录失败信息显示页面。,1用户登录页面（login.asp）,（1）基本页面设计 新建一个“ASP VBscript”类型的动态页，并保存文件名为“login.asp”，然后将其保存在站点根目录下面。接着，在页面中添加表单，在表单内插入8行2列的表格，设置表格宽度为“215”，表格高度为“215”，并添加各个表单控件 。,（2）添加“登录用户”服务器行为 打开应用程序面板，切换到“服务器行为”窗口，单击“+”按钮，选择“用户身份验证”|“登录用户”服务器行为。 在弹出的“登录用户”对话框中，设“使用连接验
5、证”为“conn”，“表格”为“users”，“用户名列”为“username”，“密码列”为“userpassword”。 设置“如果登录成功，转到”项为“loginfo.asp”，设置“如果登录失败，转到”项为“logerr.asp”。 设置“基于以下项限制访问”为“用户名和密码”，其他保持默认设置。,这时，表单的属性为：,（3）添加“注册”按钮行为 在“文档”编辑窗口中，选中“注册”按钮，切换到“行为”面板，单击“+”按钮，在弹出的快捷菜单中选择“转到URL”， 在弹出的“转到URL”对话框中，设置URL为“register.asp”,2登录成功信息显示页面（loginfo.asp）,（
6、1）基本页面设计 新建一个“ASP VBscript”类型的动态页文件，并保存文件名为“loginfo.asp”。接着在页面中加入需要显示的提示信息并进行有关的样式设置。,（2）添加阶段变量,通过Dreamweaver 8中的“登录用户”服务器行为登录时，通常情况下，将为该用户创建一个包含其登录名的阶段变量Session（MM_Username），所以用户登录后可以通过阶段变量Session（MM_Username）获取用户的登录名，而不用访问数据库，例如，在页面中加入用户名，其操作步骤如下： 将鼠标移到提示信息“您好！您已经登录”之前，然后在插入栏中切换到“ASP”；单击编辑栏中的“”按钮，
7、在等号之后添加代码：“Session（MM_Username）”,（3） 添加“注销用户”服务器行为 选择“注销”按钮，切换到“服务器行为”面板，选择“用户身份验证”|“注销用户”服务器行为。在弹出的“注销用户”对话框中，设置“在完成后，转到”为“login.asp”，最后，单击“确定”按钮,（4） 添加“限制对页的访问”服务器行为,添加“限制对页的访问”服务器行为，就是限制用户对当前页面访问，即只有用户名及密码验证正确才可以显示当前页面。 在“服务器行为”控制面板中，添加“用户身份验证”|“限制对页的访问”服务器行为。 在弹出的“限制对页的访问”对话框中，设置“基于以下内容进行限制”为“用户
8、名和密码”，“如果访问被拒绝，则转到”为“login.asp”，最后，单击“确定”按钮 （5）添加修改个人注册信息链接 选中页面提示信息中“修改”字样，添加链接为“editregister.asp”。,3登录失败信息显示页面（logerr.asp）,（1）基本页面设计 新建一个“ASP VBscript”类型的动态页文件，并保存文件名为“logerrasp”。接着在页面中加入“你输入的用户名或密码有错误，请重新登录！”提示信息并进行有关的样式设置 （2）添加重新登录链接 选中页面提示信息中“登录”字样，添加链接为“index.asp”，“目标”为“_parent” 或者是链接为“login.a
9、sp”，“目标”为“_self”。,4添加模板嵌入框架,（1）打开模板文件“template.dwt.asp”，将鼠标移到“用户登录”字样下方，并将插入栏切换到“常用”栏，单击“标签选择器”按钮。 （2）在弹出的“标签选择器”对话框中，依次选择“HTML标签”|“页元素”|“iframe”标签，然后，单击“插入”按钮 。 iframe框架称为嵌入式框架或浮动框架，与普通框架的主要区别是，前者允许嵌入到网页文档中。,5.2.2 会员注册系统的实现,会员注册系统主要实现用户信息的录入。其中，在录入信息之前，为了维护数据的完整性，必须对用户所提交的表单数据进行合法性检查。这部分包含了register
10、.asp、 userinfo.asp 、 registerback.asp和editregister.asp共4个页面，分别表示注册页面、注册成功信息显示页面、用户名已存在信息显示页面和修改注册信息页面。,1注册页面（register.asp）,（1）基本页面设计 由模板新建页面，并保存文件名为“Register.asp”。在“MainEdit”可编辑区域中插入表单，并设置表单名称为“Regform”。接着，在表单“Regform”中插入19行2列的表格，并进行有关样式设定，最后插入相关的表单控件,（2）添加“检查表单”行为,通过检查表单行为，可以对表单控件的输入进行简单的检查验证，如检查必填
11、的表单控件 ， 在提交表单时是否已填写信息和是否按电子邮件地址的填写规则填写电子邮件等。 单击“提交”按钮，切换到“行为”面板，添加“检查表单”行为，在弹出的“检查表单”对话框中设置各表单控件的检查规则，其中“电子邮件”文本区域设置步骤如下： 在“命名的栏位”列表项中，选择“文本mail在表单Regform”，勾选“必需的”复选框，设置“可接受”为“电子邮件地址”（其他表单控件设置为“任何东西”），将“name”、“password”、“password2”设置为“必需的”,（3）添加“插入记录”服务器行为,在“服务器行为”面板中添加“插入记录”服务器行为，在弹出的“插入记录”对话框中，分别设
12、置“连接”和“插入到表格”为“conn”和“users”；设置“插入后，转到”为“userinfo.asp”；设置“获取值自”为“Regform”；“表单元素”的设置则可以从下面“列”下拉菜单中选择表格中相应的列。,（4）添加密码比较验证的代码，切换到“代码”视图，找到以下代码：, 这段代码实现的就是插入记录的行为，在代码“If (CStr(Request(”MM_insert“) = ”RegForm“) Then”后插入以下代码：,if Request.form(“password“)Request.form(“password2“) then Response.write“对不起，输入的
13、密码不相符！请返回！“ Response.end end if 这段代码表示当输入的两个密码不同时，返回重新添加注册信息。,（4）验证用户名唯一性。,在“服务器行为”面板中添加“用户身份验证”|“检查新用户名”，在弹出的“检查新用户名”对话框中，设置“用户名字段”为“name”，“如果已存在，则转到”为“registerback.asp”,（5）添加“注册时间”初始值代码 选择“注册时间”所对应的文本域，将视图切换到“代码”视图，找到代码，将鼠标定位在value后面的双引号中，然后将插入栏中切换到“ASP”，单击编辑栏中的“”按钮，在等号之后添加代码：now( ),2注册成功信息显示页（use
14、rinfo.asp）,（1）基本页面设计 由模板新建页面，并保存文件名为“userinfo.asp”。在“MainEdit”可编辑区域中添加提示信息， （2）添加链接 选中提示信息“回首页”，添加链接为“index.asp”,3用户名已存在信息显示页面（registerback.asp）,（1）基本页面设计 由模板新建页面，并保存文件名为“registerback.asp”。在“MainEdit”可编辑区域中添加提示信息 （2）添加链接 选中提示信息“返回”，添加链接为“register.asp”,4修改注册信息页面（editregister.asp）,（1）基本页面设计 由模板新建页面，并保
15、存文件名为“editregister.asp”。在“MainEdit”可编辑区域中插入表单，并设置表单名称为“editRegForm”。接着，在表单“editRegForm”中插入5行2列的表格，并进行有关样式设定，最后插入相关的表单控件,（2）添加记录集 打开应用程序面板，切换到“服务器行为”面板，添加“数据集（查询）”服务器行为。 一个ASP页面与数据库连接，就单独这一功能来说，对ASP页而言是没有实际意义的。ASP页最需要的是对数据库的表及表中字段进行具体操作，而连接数据库只是基本前提。所以每个需要对数据库表及字段进行操作的ASP页，还需要绑定相关查询记录集。这个记录集相对于数据库表而言
16、，它可以是某个数据库表中的部分内容或全部内容，或者是多个数据库表之间的联合内容。, 在弹出的“记录集”对话框中，设置“名称”为“editregister ”，“连接”为“conn”，“表格”为“users”，“列”为“全部”，“筛选”为“username”|“=”|“阶段变量”|“MM_Username”，“排序”为“无”,单击“记录集”对话框中的“测试”按钮，可以看到“测试SQL指令”对话框，显示的数据库表中所有记录的情况,实际上设置“记录集”对话框中选项的过程，就是生成SQL语句的过程。单击“记录集”对话框中的“高级”按钮进行状态的切换，即可看到记录集的本相SQL查询语句。,（3）绑定动态文本 在“绑定”面板中，拖动记录集下面的“username”、“userpassword”、“userpassword”、“usermail”字段到表单控件“name”、“password”、“password2”、“mail”中,（4）添加“更新记录”服务器行为
