《网站设计与开发技术教程管理员后台管理模块》由会员分享，可在线阅读，更多相关《网站设计与开发技术教程管理员后台管理模块（42页珍藏版）》请在金锄头文库上搜索。
1、管理员后台管理模块,一、管理员登录页面设计 二、添加图书模块的实现 三、管理图书模块的实现,管理员数据表设计,一、管理员登录页面设计,1基本页面设计 （1）在站点根目录下面新建动态文件“adminlogin.asp”，并进行相关的页面设计。在该页面中插入表单，设置其名称为“adminlogin”。 （2）在表单中插入4行1列的表格，在表格中添加有关表单控件，并设置相关样式,2添加验证代码 （1）添加一个隐藏域yzm1，值为。将光标定位在验证码文本框的后面，切换到代码视图，输入代码。 （2）选中“提交”按钮，切换到代码视图，在代码“value=“登录“”后面添加代码“onclick=“retur
2、n check()“”,（3）切换到代码视图，输入如下代码：该段代码用于随机生成一个验证码。,（4）在代码视图中输入如下代码：, ,if(document.admininfo.yzm.value=“) document.admininfo.yzm.focus();alert(“验证码不能为空！“);return false;if(document.admininfo.yzm.value != document.admininfo.yzm1.value) document.admininfo.yzm.focus();document.admininfo.yzm.value = ;alert(“验
3、证码不同，请重新输入！“);return false; / ,3添加服务器行为,（1）打开应用程序面板，切换到“服务器行为”窗口，添加“登录用户”服务器行为。 （2）在弹出的“登录用户”对话框中，设“使用连接验证”为“conn”，“表格”为“admin”，“用户名列”为“admin”，“密码列”为“adminpassword”。 （3）设置“如果登录成功，转到”项为“productmanage.asp”，设置“如果登录失败，转到”项为“adminlogerr.asp”。 （4）设置“基于以下项限制访问”为“用户名和密码”，其他保持默认设置。单击“确定”按钮，完成“登录用户”服务器行为的添加。,
4、4修改阶段变量,前面在介绍会员登录模块时提到过，通过Dreamweaver中的“登录用户”服务器行为登录时，通常情况下，会将用户的登录名存储到阶段变量Session（MM_Username）中，而在有些页面中添加了“限制对页的访问”的服务器行为，该行为就是通过Session（MM_Username）是否为空来判断用户是否登录，那么为了区分会员和管理员两种不同的用户，所以这里我们把添加“登录用户”服务器行为代码中的Session（MM_Username）改为Session（MM_Adminame）来存储管理员登录名。,二、添加图书模块的实现,添加图书模块主要完成图书的添加功能，具体实现方法是当用
5、户点击“添加图书”链接时，页面转到添加图书页面（productinsert.asp），在该页面中输入并提交图书的相关信息，其中包括图书“书名”、“作者”、“出版社”、“图片”等内容。,添加图书页面（productinsert.asp）是本章设计的难点，着重要处理两个方面的问题。 首先，图书图片作为文件的上传处理。文件上传不同于数据录入，所以文件的上传可以不建立相关数据库，但是必须获得上传文件的路径地址，并将该地址保存至数据库记录。这个问题涉及到ASP的FOS对象，其具体功能需要手动编程实现； 其次，同一个表单无法同时处理两个数据提交行为。,通过网页上传文件一般有两种方法：一是通过上传组件上传，
6、二是使用无组件上传，本文使用第二种方法。 目前实现“无组件上传”的功能文件已经被封装成了“类”文件，在网络上流传广泛，比如“无惧无组件上传类”和“化境无组件上传类”等，本系统就采用了“化境无组件上传类”来实现文件的上传。 至于第二点，采用浮动框架的形式，在提交图书信息前完成文件的上传。,1添加图书页面（productinsert.asp）,（1）基本页面设计 由管理模板页（admintemplate.dwt.asp）新建动态页，命名为“productinsert.asp”。接下来，插入表单域（insert），在表单中插入表格并输入相应文字和表单控件，并设置相关样式 这里要特别指出的是因为图书分
7、类字段（category）是以数字来代表与其相对应的类别的，所以“分类”所对应的表单控件设置为文本框会出现错误，比较好的办法是将其设置为一个列表菜单。列表菜单的值设置为动态，从数据库数据表（category）中获得“值”和“标签”。, 首先在“绑定”面板添加记录集“categoryrecordset”，在弹出的对话框中选择“名称”为“categoryrecordset”，“连接”为“conn”，“表格”为“category”，“列”为“全部”，“筛选”和“排序”为“无”。 选中“分类”所对应的列表/菜单，然后在“属性”面板中选择 按钮，弹出“动态列表/菜单”对话框，设置“来自记录集的选项”为“
8、categoryrecordset”，“值”为“categoryid”，“标签”为“category”, 点击“选取值等于”后面的 按钮，弹出“动态数据”对话框，选择“域”为“categoryid”，点击“确定”关闭对话框，完成列表值的设置。,（2）插入浮动框架 采用浮动框架的原因前面已经说明，就是为了解决在“productinsert.asp”页面中无法用一个表单同时处理两个数据提交行为，所以必须在另外的页面中完成。在“图片”所在行的对应单元格中，插入浮动框架，并设置框架属性“height”、“width”、“scrolling”以及“scr”为“30”、“350”、“no”和“upload
9、.asp”。 （3）插入隐藏域 在表单域“insert”内插入一个表单隐藏域，设置其名称为“pic”。设置该隐藏域的目的是用来存储在“upload.asp”页面中上传到服务器的图书图片的路径地址，这样在添加“插入记录”服务器行为时就可以将隐藏域“pic”的值插入到数据库字段“pic”中，从而完成图书图片的添加。,2文件上传页面（upload.asp）,文件上传页面主要为用户提供独立的文件上传平台，它只是一个用户接口，其具体功能的实现依赖于后台功能页面“upfile.asp”，该文件将用户提交的文件上传到服务器的“bookimages”文件夹中。 （1）基本页面设计 新建一个“ASP VBScr
10、ipt”动态页，命名为“upload.asp”。接着，在页面中插入表单和相应的表单控件,（2）设置表单动作 在标签选择器中选中“form”标签，然后在“属性”面板中设置表单动作为“upfile.asp”，最后，在“MIME类型”的下拉表中选择“multipart/form-data”,3文件上传功能页面（upfile.asp）,文件上传功能页面用于处理文件上传页面“upload.asp”提交的数据。在“upfile.asp”页面中包含“无组件上传类”文件实现文件上传的功能，并加入其他一些代码进行相关处理后将文件上传至服务器。 （1）无组件上传类文件 本文介绍的是化境无组件上传类文件“uploa
11、d_5xsoft.inc”，该文件可以从其官方网站（http:/ 新建动态页“upfile.asp”，在“设计”视图输入“上传成功！”，提示文件已经成功上传到服务器“bookimages”文件夹中。 切换到“代码”视图，在代码行头部插入“”，从而将化境无组件上传类文件“upload_5xsoft.inc”嵌入到页面中。, 在HTML标签之间插入如下代码： 0的情况下完成的，但是还应该判断文件的大小必须满足规定的最大值和最小值之间。所以，在代码“If upfile.filesize0 then”后面插入如下代码：,If upfile.filesize重新上传“response.endElseIf
12、 upfile.filesizefilesizemax thenresponse.write “文件大小超过了字节限制,重新上传“response.endEnd If, 检测文件类型。在检测完文件大小后，接着需要检测文件的类型，其检测方法是提取上传文件名称的后3位内容，在化境无组件类中使用“filename”属性获得文件名称。 其中f_type变量用来获得上传文件扩展名并以大写形式显示；Forum_upload变量即定义允许上传的文件类型，通过split函数建立数组，将文件扩展名与每个数组元素进行比较，只要有吻合的定义允许上传的文件类型，则将变量uploadsuc的值赋为true；最后当upl
13、oadsuc=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) Thenuploadsuc=true 格式吻合时的标签Exit ForElseuploadsuc=false 格式不吻合时标签End If
14、NextIf uploadsuc=false Then 根据标签判断给出信息response.write “文件格式不正确,重新上传“response.endelse End If, 建立上传文件的名称及保存的文件夹，然后将文件上传。在检测完文件类型代码段的下一行输入如下代码： 变量formPath表示上传文件的相对路径地址；函数MakedownName()用来生成文件名，它的命名规则是由系统时间加一个随机数构成的；变量newname表示文件名称，由文件名和后缀名组成，后缀名是与原上传文件相同的后缀名；代码“upfile.SaveAs Server.mappath(formPath&newna
15、me)”表示实现上传功能将文件进行保存。,function MakedownName()dim fnamefname = 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=fnameend function formPath=“bookimages/“newname=MakedownName()&“.“&mid(upfile.FileName,InStrRev(upfile.FileName, “.“)+1)upfile.SaveAs Server.mappath(formPath&newname) 保存文件,
