8.用户登录注册以及图书展示模块

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网上书店系统,会员登录注册模块,网站最新书讯展示及热销图书展示模块,一、网上书店系统数据库设计,二、 会员登录注册模块,2.1会员登录系统的实现,这部分包括了login.asp、loginfo.asp和logerr.asp三个页面，分别表示用户登录页面、登录成功信息显示页面和登录失败信息显示页面。,1用户登录页面（login.asp）,（1）基本页面设计,新建一个“ASP VBscript”类型的动态页，并保存文件名为,“login.asp”，,然后将其保存在站点根目录下面。接着，在页面中添加表单，在表单内插入8行2列的表格，设置表格宽度为“215”，表格高度为“215”，并添加各个表单控件 。,（2）添加“登录用户”服务器行为, 打开应用程序面板，切换到“,服务器行为,”窗口，单击“+”按钮，选择,“用户身份验证”|“登录用户,”服务器行为。, 在弹出的“登录用户”对话框中，设“使用连接验证”为“conn”，“表格”为“users”，“用户名列”为“username”，“密码列”为“userpassword”。, 设置“如果登录成功，转到”项为“loginfo.asp”，设置“如果登录失败，转到”项为“logerr.asp”。, 设置“基于以下项限制访问”为“用户名和密码”，其他保持默认设置。,这时，表单的属性为：,（3）添加“注册”按钮行为,在“文档”编辑窗口中，选中“注册”按钮，切换到“行为”面板，单击“+”按钮，在弹出的快捷菜单中选择“转到URL”， 在弹出的“转到URL”对话框中，设置URL为“register.asp”,2登录成功信息显示页面（loginfo.asp）,（1）基本页面设计,新建一个“ASP VBscript”类型的动态页文件，并保存文件名为“loginfo.asp”。接着在页面中加入需要显示的提示信息并进行有关的样式设置。,（2）添加阶段变量,通过Dreamweaver 8中的“登录用户”服务器行为登录时，通常情况下，将为该用户创建一个包含其登录名的阶段变量Session（,MM_Username,），所以用户登录后可以通过阶段变量Session（MM_Username）获取用户的登录名，而不用访问数据库，例如，在页面中加入用户名，其操作步骤如下：,将鼠标移到提示信息“您好！您已经登录”之前，然后在插入栏中切换到“ASP”；单击编辑栏中的“”按钮，在等号之后添加代码：“Session（MM_Username）”,（,3） 添加“注销用户”服务器行为,选择“注销”按钮，切换到“服务器行为”面板，选择“用户身份验证”|“注销用户”服务器行为。在弹出的“注销用户”对话框中，设置“在完成后，转到”为“login.asp”，最后，单击“确定”按钮,（4） 添加“限制对页的访问”服务器行为,添加“限制对页的访问”服务器行为，就是限制用户对当前页面访问，即只有用户名及密码验证正确才可以显示当前页面。, 在“,服务器行为,”控制面板中，添加,“用户身份验证”|“限制对页的访问,”服务器行为。, 在弹出的“限制对页的访问”对话框中，设置“基于以下内容进行限制”为“用户名和密码”，“如果访问被拒绝，则转到”为“,login.asp,”，最后，单击“确定”按钮,（5）添加修改个人注册信息链接,选中页面提示信息中“修改”字样，添加链接为“,editregister.asp,”。,3登录失败信息显示页面（logerr.asp）,（1）基本页面设计,新建一个“ASP VBscript”类型的动态页文件，并保存文件名为“logerrasp”。接着在页面中加入“你输入的用户名或密码有错误，请重新登录！”提示信息并进行有关的样式设置,（2）添加重新登录链接,选中页面提示信息中“登录”字样，添加链接为“index.asp”，“目标”为“_parent”,或者是链接为“login.asp”，“目标”为“_self”。,4添加模板嵌入式框架,（1）打开模板文件“”，将鼠标移到“用户登录”字样下方，并将插入栏切换到“常用”栏，单击“标签选择器”按钮。,（2）在弹出的“标签选择器”对话框中，依次选择“HTML标签”|“页元素”|“,iframe,”标签，然后，单击“插入”按钮 。,iframe框架称为嵌入式框架或浮动框架，与普通框架的主要区别是，,前者允许嵌入到网页文档中。,2.2会员注册系统的实现,会员注册系统主要实现用户信息的录入。其中，在录入信息之前，为了维护数据的完整性，必须对用户所提交的表单数据进行合法性检查。这部分包含了,register.asp、 userinfo.asp 、 registerback.asp和editregister.asp,共4个页面，分别表示注册页面、注册成功信息显示页面、用户名已存在信息显示页面和修改注册信息页面。,1注册页面（register.asp）,（1）基本页面设计,由模板新建页面，并保存文件名为“Register.asp”。在“MainEdit”可编辑区域中插入表单，并设置表单名称为“Regform”。接着，在表单“Regform”中插入19行2列的表格，并进行有关样式设定，最后插入相关的表单控件,（2）添加“检查表单”行为,通过检查表单行为，可以对表单控件的输入进行简单的检查验证，如检查必填的表单控件 ， 在提交表单时是否已填写信息和是否按电子邮件地址的填写规则填写电子邮件等。,单击“,提交,”按钮，切换到“,行为,”面板，添加“,检查表单,”行为,，在弹出的“检查表单”对话框中设置各表单控件的检查规则，其中“电子邮件”文本区域设置步骤如下：,在“命名的栏位”列表项中，选择“文本mail在表单Regform”，勾选“必需的”复选框，设置“可接受”为“电子邮件地址”（其他表单控件设置为“任何东西”），将“name”、“password”、“password2”设置为“必需的”,（3）添加“插入记录”服务器行为,在“服务器行为”面板中添加“,插入记录,”服务器行为，在弹出的“插入记录”对话框中，分别设置“连接”和“插入到表格”为“conn”和“users”；,设置“插入后，转到”为“,userinfo.asp,”；,设置“获取值自”为“Regform”；“表单元素”的设置则可以从下面“列”下拉菜单中选择表格中相应的列。,（4）添加,密码比较验证,的代码，切换到“代码”视图，找到以下代码：,这段代码实现的就是插入记录的行为，在代码“If (CStr(Request(”MM_insert“) = ”RegForm“) Then”后插入以下代码：,if Request.form(password)Request.form(password2) then,Response.write对不起，输入的密码不相符！请返回！,Response.end,end if,这段代码表示当输入的两个密码不同时，返回重新添加注册信息。,（4）验证用户名唯一性。,在“服务器行为”面板中添加“用户身份验证”|“检查新用户名”，在弹出的“检查新用户名”对话框中，设置“用户名字段”为“name”，“如果已存在，则转到”为“registerback.asp”,（5）添加“注册时间”初始值代码,选择“注册时间”所对应的文本域，将视图切换到“代码”视图，找到代码,，将鼠标定位在value后面的双引号中，然后将插入栏中切换到“ASP”，单击编辑栏中的“,”后添加“,”,或者在标签选择器中选择（表格,行,）标签，然后添加重复区域服务器行为。,切换到“代码”视图，在刚才添加的“添加重复区域”代码中，找到如下代码：, 0) AND (NOT NewProduct.EOF) %,在其前面插入代码：,切换到“代码”视图，在刚才添加的“添加重复区域”代码中，找到如下代码：,Repeat1_index=Repeat1_index+1,Repeat1_numRows=Repeat1_numRows-1,NewProduct.MoveNext(),在“%”之后插入如下代码，该代码段表示每行显示两条记录,Repeat1_numTd=Repeat1_numTd+1,If Repeat1_numTd mod 2 = 0 Then,Response.Write(),End If,（6）添加产品图像链接,添加图像链接可以使用户浏览“index.asp”页面时可以通过该链接转到“showdetail.asp”页面，可以实现浏览图书详细信息以及购买图书的操作。,切换到“设计”视图，选中产品图片，在“属性”面板中添加图片链接，选择“链接”后面的浏览按钮,在弹出的“选择文件”对话框中，选择文件“showdetail.asp”，接着点击“URL参数”按钮，在弹出的“参数”对话框中，设置“名称”为“Pro_id”，然后点击“值”后面的按钮,在弹出的“动态数据”对话框中，选中“NewProduct”中的“id”字段,设置正确后关闭对话框，这时，在“属性”面板中“链接”后面的文本框中就出现了如下值：,“showdetail.asp?Pro_id=”,。,3 热销图书展示的实现,热销图书模块的设计同最新上架模块基本相同，读者可以自己完成，不同之处是在添加热销图书记录集“sellproduct”时，记录集是按照产品订购次数，即字段“solded”降序排列的。,4 图书详细信息页面设计（showdetail.asp）,（1）基本页面设计,由模板新建页面，并保存文件名为“showdetail.asp”，在“MainEdit”可编辑区域中插入一个5行2列表格并进行相关的属性设计，设置其ID为“tb1”。,选中表格前4行第1列，合并单元格，在这里将动态绑定产品图像。,选中表格第5行合并单元格，并在该行中插入1行1列表格，设置ID为“tb2”。,在表格第4行第2列添加购物车图片和“放入购物车”字样,（2,）添加记录集,在服务器行为面板中添加记录集“detail”，其中，设置“连接”和“表格”分别为“conn”和“product”；设置“列”为“全部”，“筛选”为“id”|“=”|“URL参数”|“Pro_id”；设置“排序”为“无”，即记录集筛选条件为:,“id”取上一页面传递的,参数“Pro_id”的值,（3）绑定有关动态数据及图书图像,动态绑定图书图像，,动态绑定数据，分别将“detail”记录中的“name”、“author”、“mark”、“detail”字段绑定到表格“tb1”的相应行中,5 最新上架更多记录页（showbynew.asp）,（1）基本页面设计,由模板新建页面，并保存文件名为“showbynew.asp”，在“MainEdit”可编辑区域中插入一个3行2列表格并进行相关的属性设计，设置其ID为“tb1”。,在表格“tb1”第2行第2列插入5行1列的表格并进行相关的属性设计，设置其ID为“tb2”，在表格“tb2”第5行插入购物车图片和“放入购物车”字样，并设置为右对齐,（2）添加最新图书记录集,在服务器行为面板中添加记录集“NewRelease”，其中，设置“连接”和“表格”分别为“conn”和“product”；设置“列”为“全部”，“筛选”为“无”；设置“排序”为“adddate”|“降序”，即记录集按图书添加日期降序排列,（3）动态有关绑定数据及产品图像,动态绑定产品图像。,分别将“NewRelease”中的“name”、“author”、“jianjie”、“adddate”字段绑定到表格“tb2”的相应行中并设置相关样式,（4）添加“转到详细页面”服务器行为,选中产品图像，在“服务器行为”面板中添加“转到详细页面”服务器行为。,在弹出的“转到详细页面”对话框中，设置“详细信息页”为“showdetail.asp”，设置“传递URL参数”为“Pro_id”，“记录集”为“NewRelease”，“列”为“id”,（5）添加“重复区域”服务器行为,选中表格“tb1”第2行，在“服务器行为”面板中添加“重复区域”服务器行为。,在弹出的“重复区域”对话框中，设置“记录集”为“NewRelease”，并显示“4”条记录,（6）插入“记录集导航状态”,将鼠标定位于表格“tb1”第1行内，然后选择菜单“插入”|“应用程序对象”|“显示记录计数”|“记录集导航状态”命令。,在弹出的出的“Recordset Navigation Status”对话框中设置“Recordset”为“NewRelease”。,设置“ ”样式并在其后添加文字“,条记录),”，使其显示更加完整。,（7）插入“记录集导航条”,将鼠标定位于表格“tb1”第3行内，然后选择菜单“插入”“应用程序对象”|“记录集分页”“记录集导航条”命令。,在弹出的“记录集导航条”对话框中，设置“记录集”为NewRelease”，“显示方式”为“文本”,6 热销图书更多记录页（showbysell.asp）,热销图书更多记录页（showbynew.asp）的设计同“showbynew.asp”页基本相同，可以自己完成，不同之处是在添加记录集“sellproduct”时，记录集是按照产品订购次数，即字段“solded”降序排列的,