第13章-管理员后台管理模块.ppt

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,管理员后台管理模块,一、管理员登录页面设计,二、添加图书模块的实现,三、管理图书模块的实现,管理员数据表设计,列,名,数,据,类,型,必,填,字,段,默,认,值,备,注,id,自动编号,是,无,管理员,id,，主键,admin,文本,是,无,用户名,adminpassword,文本,是,无,密码,一、管理员登录页面设计,1,基本页面设计,（,1,）在站点根目录下面新建动态文件“,adminlogin.asp,”,，并进行相关的页面设计。在该页面中插入表单，设置其名称为“,adminlogin,”,。,（,2,）在表单中插入,4,行,1,列的表格，在表格中添加有关表单控件，并设置相关样式,2,添加验证代码,（,1,）添加一个隐藏域,yzm1,，值为,。将光标定位在验证码文本框的后面，切换到代码视图，输入代码,。,（,2,）选中“提交”按钮，切换到代码视图，在代码“,value=,登录,”,后面添加代码“,onclick,=return check()”,（,3,）切换到代码视图，输入如下代码：,该段代码用于随机生成一个验证码。,（,4,）在代码视图中输入如下代码,：,3,添加服务器行为,（,1,）打开应用程序面板，切换到“服务器行为”窗口，添加“登录用户”服务器行为。,（,2,）在弹出的“登录用户”对话框中，设“使用连接验证”为“,conn,”,，“表格”为“,admin”,，“用户名列”为“,admin”,，“密码列”为“,adminpassword,”,。,（,3,）设置“如果登录成功，转到”项为“,productmanage.asp,”,，设置“如果登录失败，转到”项为“,adminlogerr.asp,”,。,（,4,）设置“基于以下项限制访问”为“用户名和密码”，其他保持默认设置。单击“确定”按钮，完成“登录用户”服务器行为的添加。,4,修改阶段变量,前面在介绍会员登录模块时提到过，通过,Dreamweaver,中的“登录用户”服务器行为登录时，通常情况下，会将用户的登录名存储到阶段变量,Session,（,MM_Username,）中，而在有些页面中添加了“限制对页的访问”的服务器行为，该行为就是通过,Session,（,MM_Username,）是否为空来判断用户是否登录，那么为了区分会员和管理员两种不同的用户，所以这里我们把添加“登录用户”服务器行为代码中的,Session,（,MM_Username,）改为,Session,（,MM_Adminame,）来存储管理员登录名。,二、添加图书模块的实现,添加图书模块主要完成图书的添加功能，具体实现方法是当用户点击“添加图书”链接时，页面转到添加图书页面（,productinsert.asp,），在该页面中输入并提交图书的相关信息，其中包括图书“书名”、“作者”、“出版社”、“图片”等内容。,添加图书页面（,productinsert.asp,）是本章设计的难点，着重要处理两个方面的问题。,首先，图书图片作为文件的上传处理。文件上传不同于数据录入，所以文件的上传可以不建立相关数据库，但是必须获得上传文件的路径地址，并将该地址保存至数据库记录。这个问题涉及到,ASP,的,FOS,对象，其具体功能需要手动编程实现；,其次，同一个表单无法同时处理两个数据提交行为。,通过网页上传文件一般有两种方法：一是通过上传组件上传，二是使用无组件上传，本文使用第二种方法。,目前实现“无组件上传”的功能文件已经被封装成了“类”文件，在网络上流传广泛，比如“无惧无组件上传类”和“化境无组件上传类”等，本系统就采用了“化境无组件上传类”来实现文件的上传。,至于第二点，采用浮动框架的形式，在提交图书信息前完成文件的上传。,1,添加图书页面（,productinsert.asp,）,（,1,）基本页面设计,由管理模板页（,admintemplate.dwt.asp,）新建动态页，命名为“,productinsert.asp,”,。接下来，插入表单域（,insert,），在表单中插入表格并输入相应文字和表单控件，并设置相关样式,这里要特别指出的是因为图书分类字段（,category,）是以数字来代表与其相对应的类别的，所以“分类”所对应的表单控件设置为文本框会出现错误，比较好的办法是将其设置为一个列表菜单。列表菜单的值设置为动态，从数据库数据表（,category,）中获得“值”和“标签”。,首先在“绑定”面板添加记录集“,categoryrecordset,”,，在弹出的对话框中选择“名称”为“,categoryrecordset,”,，“连接”为“,conn,”,，“表格”为“,category”,，“列”为“全部”，“筛选”和“排序”为“无”。,选中“分类”所对应的列表,/,菜单，然后在“属性”面板中选择 按钮，弹出“动态列表,/,菜单”对话框，设置“来自记录集的选项”为“,categoryrecordset,”,，“值”为“,categoryid,”,，“标签”为“,category”,点击“选取值等于”后面的 按钮，弹出“动态数据”对话框，选择“域”为“,categoryid,”,，点击“确定”关闭对话框，完成列表值的设置。,（,2,）插入浮动框架,采用浮动框架的原因前面已经说明，就是为了解决在“,productinsert.asp,”,页面中无法用一个表单同时处理两个数据提交行为，所以必须在另外的页面中完成。在“图片”所在行的对应单元格中，插入浮动框架，并设置框架属性“,height”,、“,width”,、“,scrolling”,以及“,scr,”,为“,30”,、“,350”,、“,no”,和“,upload.asp,”,。,（,3,）插入隐藏域,在表单域“,insert”,内插入一个表单隐藏域，设置其名称为“,pic,”,。设置该隐藏域的目的是用来存储在“,upload.asp,”,页面中上传到服务器的图书图片的路径地址，这样在添加“插入记录”服务器行为时就可以将隐藏域“,pic,”,的值插入到数据库字段“,pic,”,中，从而完成图书图片的添加。,2,文件上传页面（,upload.asp,）,文件上传页面主要为用户提供独立的文件上传平台，它只是一个用户接口，其具体功能的实现依赖于后台功能页面“,upfile.asp,”,，该文件将用户提交的文件上传到服务器的“,bookimages,”,文件夹中。,（,1,）基本页面设计,新建一个“,ASP VBScript”,动态页，命名为“,upload.asp,”,。接着，在页面中插入表单和相应的表单控件,（,2,）设置表单动作,在标签选择器中选中“,form”,标签，然后在“属性”面板中设置表单动作为“,upfile.asp,”,，最后，在“,MIME,类型”的下拉表中选择“,multipart/form-data”,3,文件上传功能页面（,upfile.asp,）,文件上传功能页面用于处理文件上传页面“,upload.asp,”,提交的数据。在“,upfile.asp,”,页面中包含“无组件上传类”文件实现文件上传的功能，并加入其他一些代码进行相关处理后将文件上传至服务器。,（,1,）无组件上传类文件,本文介绍的是化境无组件上传类文件“,upload_5xsoft.inc”,，该文件可以从其官方网站（,新建动态页“,upfile.asp,”,，在“设计”视图输入“上传成功！”，提示文件已经成功上传到服务器“,bookimages,”,文件夹中。,切换到“代码”视图，在代码行头部插入“,”,，从而将化境无组件上传类文件“,upload_5xsoft.inc”,嵌入到页面中。,在,HTML,标签,之间插入如下代码：,0,的情况下完成的，但是还应该判断文件的大小必须满足规定的最大值和最小值之间。所以，在代码“,If,upfile.filesize,0 then”,后面插入如下代码：,If,upfile.filesize,filesizemin,Then,response.write,你上传的文件太小了,重新上传,response.end,ElseIf,upfile.filesize,filesizemax,then,response.write,文件大小超过了字节限制,重新上传,response.end,End If,检测文件类型。在检测完文件大小后，接着需要检测文件的类型，其检测方法是提取上传文件名称的后,3,位内容，在化境无组件类中使用“,filename”,属性获得文件名称。,其中,f_type,变量用来获得上传文件扩展名并以大写形式显示；,Forum_upload,变量即定义允许上传的文件类型，通过,split,函数建立数组，将文件扩展名与每个数组元素进行比较，只要有吻合的定义允许上传的文件类型，则将变量,uploadsuc,的值赋为,true,；最后当,uploadsuc,=false,时，说明上传的文件类型不符合定义。,f_type,=ucase(right(upfile.filename,3),uploadsuc,=false,定义标签,Forum_upload,=JPG|PNG|GIF|DOC|TXT|CHM|PDF|MP3|WMA|WMV,Forumupload,=,split(Forum_upload,|),For i=0 to,ubound(Forumupload,),If,f_type,=,Forumupload(i,)Then,uploadsuc,=true,格式吻合时的标签,Exit For,Else,uploadsuc,=false,格式不吻合时标签,End If,Next,If,uploadsuc,=false Then,根据标签判断给出信息,response.write,文件格式不正确,重新上传,response.end,else,End If,建立上传文件的名称及保存的文件夹，然后将文件上传。在检测完文件类型代码段的下一行输入如下代码：,变量,formPath,表示上传文件的相对路径地址；函数,MakedownName,(),用来生成文件名，它的命名规则是由系统时间加一个随机数构成的；变量,newname,表示文件名称，由文件名和后缀名组成，后缀名是与原上传文件相同的后缀名；代码“,upfile.SaveAs,Server.mappath(formPath&newname,)”,表示实现上传功能将文件进行保存。,function,MakedownName,(),dim,fname,fname,=now(),fname,=,replace(fname,-,),fname,=,replace(fname,),fname,=,replace(fname,:,),fname,=,replace(fname,PM,),fname,=,replace(fname,AM,),fname,=,replace(fname,上午,),fname,=,replace(fname,下午,),fname,=,int(fname,)+int(10-1+1)*,Rnd,+1),MakedownName,=,fname,end function,formPath,=,bookimages,/,newname,=,MakedownName()&.&mid(upfile.FileName,InStrRev(upfile.FileName,.)+1),upfile.SaveAs,Server.mappath(formPath&newname,),保存文件,将上传文件的路径返回到图书添加页面“,productinsert.asp,”,的隐藏域中，从而实现了添加图书记录时将该图书的图片地址保存至数据库记录中。在代码“,upfile.SaveAs,Server.mappath(formPath&newname,)”,之后添加如下代码：,response.Write,parent.insert.pic.value,+=,bookimages/&newname,&,三、管理图书模块的实现,管理图书模块主要完成图书显示、编辑和删除操作，具体实现方法是当用户点击“管理图书”链接时，页面转到图书管理页（,productmanage.asp,），在该页中显示所有的图书记录，并且可以对每条记录进行编辑和删除操作。,1,图书管理页面（,productmanage.asp,）,（,1,）基本页面设计,由管理模板页（,admintemplate.dwt.asp,）新建动态页，命名为“,productmanage.asp,”,。在页面中插入表格，并输入相关文字，当然这些内容只是图书的基本信息，如果需要查看详细信息时，可以通过为书名添加“转到详细页面”服务器行为来实现。,（,2,）添加记录集并进行动态数据绑定,在“服务器行为”面板中添加记录集“,product”,，在弹出的“记录集”对话框中，设置“名称”为“,product”,，“连接”为“,conn,”,，“表格”为“,product”,，“列”为“全部”，“筛选”为“无”，“排序”为“,adddate,”|“,降序”,将记录集“,product”,的“,name”,、“,author”,、“,mark”,、“,adddate,”,字段分别绑定在表格相应位置。,（,3,）添加“重复区域”服务器行为、“记录集导航条”和“记录集导航状态”服务器行为,（,4,）为“编辑”和“删除”添加链接,在页面设计视图选中“编辑”所对应的“是”字样，为其添加链接,“,productedit.asp?proid,=”,，,表示当点击“是”时，页面转到图书编辑页面“,productedit.asp,”,，同时把图书,id,作为,URL,参数传递给“,productedit.asp,”,，在该页面中对所选记录进行重新编辑。,在页面设计视图选中“删除”所对应的“是”字样，为其添加链接,“,delbook.asp?delproid,=”,，在“,delbook.asp,”,页面中完成图书记录的删除操作。,另外，当删除图书记录时，还应该弹出让用户确认删除的提示信息，这里我们设置一个弹出信息框,具体设置方法是为“是”字样添加“,OnClick,”,行为。在页面设计视图选中“删除”所对应的“是”字样，切换到代码视图，找到如下代码：,a,href,=,delbook.asp?delproid,=class=STYLE7,是,在“,是”之前插入代码：,onclick,=return confirm(,确定删除吗？,)“,这样，当进行删除操作时，首先执行,OnClick,事件，然后执行超级链接，若,OnClick,被取消了，删除操作也就被取消了。,至此，图书管理页面“,productmanage.asp,”,全部设置完成,2,图书编辑页面（,productedit.asp,）,图书编辑页面主要完成图书记录的更新操作。在图书管理页面“,productmanage,”,选择某条需要更新的记录，并将其“,id”,通过,URL,参数传递到图书编辑页面。在图书编辑页面对该记录进行修改并将结果更新到数据库表中。,该页面的设计比较简单，基本页面设计与图书添加页面“,productinsert.asp,”,基本相同；然后添加图书“,product”,的数据记录集，并进行相应的动态数据绑定；最后，添加“更新记录”服务器行为。,3,图书删除功能页面（,delbook.asp,）,图书删除功能页面主要实现图书记录的删除，并且把记录字段“,pic,”,对应的文件从服务器“,bookimages,”,文件夹上删除。,代码说明：,（,1,）代码,“,set con=,Server.CreateObject(ADODB.Connection,),con.open,=,MM_conn_STRING,”,表示创建数据库连接。,（,2,）代码,“,strId,=,Request.QueryString(delproid,)”,表示获取上一页面传递过来图书“,id”,，并将其存储到变量“,strId,”,中。,（,3,）代码段：,sqlres,=select,pic,from product where id=+,strId,set,rs,=,con.execute(sqlres,),pic,=,rs(pic,),physicalpath,=,server.mappath(pic,),表示从数据表“,product”,中获取,id,为“,strId,”,的图书记录，并保存其“,pic,”,字段，即图片在,Web,服务器上的虚拟路径保存到“,pic,”,中，然后通过调用,server.mappath(pic,),获得虚拟路径相对应的物理文件路径。,（,3,）代码“,set,myfileobject,=,server.createobject(scripting.filesystemobject,)”,表示建立了,FSO,组件对象,（,4,）代码段,if,myfileobject.FileExists(physicalpath,)then,myfileobject.deletefile,physicalpath,end if,set,myfileobject,=nothing,表示使用,FileExists,方法判断文件是否存在，如果存在，则使用,deletefile,方法删除它。,（,5,）代码,“,strSQL,=DELETE FROM product WHERE id=+,strId,con.execute,strSQL,”,表示删除数据表“,product”,中的相应记录。然后通过,“,Response.redirect(productmanage.asp,)”,语句将页面重新定向到“,productmanage.asp,”,页面，显示所有的图书记录。,至此，图书管理模块的设计全部完成，设计的难点主要是实现文件上传以及文件的管理和删除操作,