班级同学录网站的设计与实现Word文档下载推荐.docx
《班级同学录网站的设计与实现Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《班级同学录网站的设计与实现Word文档下载推荐.docx（15页珍藏版）》请在冰豆网上搜索。
3网站分析与配置
3.1网站分析
3.1.1开发工具的选择
网站开发工具是数据仓库，ASP，IIS，访问。
本网站的运行环境应用：
WindowsXP、IE5.0。
3.1.3数据库的选择
论坛利用数据库的访问，这是小型的关系型数据库管理系统，因为其速率快，体积小，整体具有本钱低，开放源代码简单的特征，被普遍应用在中小网站。
3.2网站配置
3.2.1安装IIS
（1）在开始菜单中，选择设置>
“添加或删除程序”控制面板>
命令，选择“添加/删除组件”。
（2）在“Windows组件向导”中，选择“互联网信息服务”项目，请单击“详细信息”按钮，取消SMTP服务选项，请单击“确定”。
（3）继续单击“下一步”按钮，弹出“所需文件”对话框，单击“浏览”按钮，选择“WindowsXPProfessionalsp3IIS5.1路径”包，确定。
3.2.2设置站点和虚拟目录
（1）在“开始”菜单中，选择“设置”>
“控制面板”>
“管理工具”>
“Internet信息服务”指令，打开“Internet信息服务”窗口。
（2）打开“本地计算机”，“网站”，右键单击“默认网站”，选择“新建”>
“虚拟目录”，命名为class，在“目录”中选择要发布到网站上的内容的位置D：
/biyesheji。
4网站设计与实现
4.1网站结构流程图
图4-1网站结构流程图
4.2数据库逻辑结构设计
创建表UserLogin。
创建表结构数据库中userlogin数据库的描述信息，如表4-1所示。
设计完毕，打开UserLogin,输入数据，详细资料见UserLogin。
表4-1UserLogin表结构
编号
字段名称
数据类型
字段大小
字段描述
1
ID
自动编号
长整型
主键
2
UName
文本
10
用户名称
3
UPass
6
用户密码
4
Email
50
联系人邮箱
5
QQ
数字
长整形
联系人QQ
Sex
联系人性别
7
Tel
联系人电话
8
Address
联系人地址
9
Birthday
日期/时间
出生年月
创建表board。
在database中创建board，表结构描述信息如表4-2所示。
表4-2board表结构
说明
留言编号
Subject
标题
Author
作者
E-mail
电子邮箱
Time
留言时间
Content
备注
留言内容
建立表rpost。
在数据库database中创建repost，表结构描述信息如表4-3所示。
表4-3rpost表结构
R_id
回复编号
R_name
回复人名称
R_content
留言回复内容
R_time
留言回复时间
id
建立表AdminLogin。
在数据库database中创建表结构描述信息的AdminLogin数据库，信息如表4-4所示。
表4-4rpost表结构
Aname
20
APassword
4.3用户登陆模块
在index.asp文件中设计编辑网站首页。
运用静态网页知识并且使用Div+CSS进行布局。
用Photoshop、Flash等软件制作网站logo、背景图片、背景动画等，在网页设计中完成首页登陆模块的静态设计。
创建数据库及数据库连接。
选择“文件”>
“数据库”，选择“自定义连接字符串”选项。
即可弹出对话框，在“连接名称”文本框里输入conn，“连接字符串”文本框里输入代码：
“provider=microsof.jet.oledb.4.0;
datasource=”&
serever.mappath（“/class/database/data.mdb”）。
设置完毕，并确保参数正确，单击“确定”按钮，即可连接成功。
编辑制作页面的基本布局，如图4-2所示：
图4-2用户登陆界面
首页左侧有用户登陆信息模块。
用户想进入网站就必须首先进行用户身份验证进行登陆。
输入用户名、密码后点击“登陆”按钮将信息提交到数据库处理，数据库判断该用户是否合法。
登陆时，数据库自动检验用户输入的用户名和密码，合法时会被提交，否则为非法用户的提醒。
用户名和密码验证成功后，跳转到成功登陆页面，如图4-3所示：
图4-3登陆成功界面
用户名和密码验证失败后，跳转到登陆失败页面，如图4-4所示：
图4-4登陆失败界面
处理程序部分代码如下所示：
打开首页文件index.asp，在“登录区域”的表单中添加一个模块，加入显示登录成功的“欢迎界面”，代码如下：
<
spanid=”login_success”
style=”display:
none”>
%=Session（“MM_Username”）%>
&
nbsp;
您好！
欢迎观临<
br>
注销<
ahref=”files/changpwd.asp”>
修改密码<
/a>
/span>
（2）修改服务器行为“登录用户”自动生成的代码，修改后部分代码显示如下：
'
Response.Redirect（MM_redirectLoginSuccess）%>
scripttype="
text/javascript"
>
login_table.style.display="
none"
;
login_success.style.display="
"
<
/script>
%else
MM_rsUser.Close
'
Response.Redirect（MM_redirectLoginFailed）
response.Write（"
script>
alert（'
非法用户'
）<
）
endif
EndIf
%>
如果没有帐号，则点击“注册”，注册页面如图4-5所示：
图4-5注册页面
用户注册的信息提交到UserLogin数据表中，并将注册信息保存到数据库中。
scriptlanguage="
javascript"
functioncheck（）
{if（document.form1.UName.value=="
{alert（"
用户名为空！
）;
form1.UName.focus（）;
returnfalse
}
if（document.form1.UPass.value=="
输入密码为空！
form1.UPass.focus（）;
returnfalse;
}
if（document.form1.UPassOk.value=="
确认密码为空！
form1.UPassOk.focus（）;
if（document.form1.UPass.value!
=document.form1.UPassOk.value）
密码与确认密码不相同！
if（document.form1.Email.value=="
邮箱为空！
form1.Email.focus（）;
if（document.form1.tel.value=="
手机为空！
form1.tel.focus（）;
if（document.form1.QQ.value=="
QQ为空！
form1.QQ.focus（）;
returntrue;
用户注册信息保存在一个名为UserLogin表数据中。
“插入”，在弹出的“插入记录”的对话框里，填写相关参数，单击“确定”，用户注册信息将被保留于数据库中。
如图4-6所示：
图4-6“插入记录”对话框
为了检查新用户，必须为用户按钮添加onclick事件。
进入index.asp代码窗口，手工添加“注册”的onclick事件，代码如下：
inputname=”button3”type=”submit”id=”button3”value=”注册”
Onclick=”window.open（“files/register.asp”）”/>
4.4留言板模块
留言板模块分为三个子模块：
留言发表m_add.asp页面，留言列表board.asp页面，留言管理asmin_liu.asp页面。
其中留言发表页面是用户用来发表自己的留言，留言列表页面用来简单的列举大家的留言，留言管理页面是管理员来管理大家所发布的留言。
4.4.1显示留言
创建board.asp留言页面。
使用表格、查询记录集、绑定、记录集，服务器行为。
在“记录集”中连接conn，并且选择排列顺序。
页面效果如图4-7所示：
图4-7留言列表页面
4.4.2设计详细页面
由于留言列表页面只是简单的将用户留言列举出来，而为了方便大家可以知道每位同学的详细信息，我们就需要有详细的留言信息。
这里详细留言信息主要使用了表格对页面的整体布局，通过使用对数据的绑定，实施创建记录集，逐一对每个字段进行绑定。
设计界面如图4-8所示：
图4-8留言详细信息页面
4.4.3发表留言
要让每位同学都能看都留言，就需要将留言发布出来。
这里我们就需要创建留言的发布。
利用总体布局形式布局信息发布界面，通过使用“服务器行为”面板里的“任证”命令“限制对页的访问”。
参数设置，“如果拒绝访问，转到“index.asp”。
发表留言界面如图4-9所示：
图4-9发表留言页面
4.5网络通讯录模块
该模块包括两个子模块：
通讯录首页和查看详细信息。
4.5.1显示联系人信息
联系人列表是动态地根据数据库联系人记录降序排列生成的。
设置连接conn，建立一个由conn连接指向UserLogin表的记录集。
页面效果如图制作效果如图4-11所示：
图4-10通讯列表
4.5.2显示联系人的详细信息
用户单击查询的链接之后，就跳转到相应的通讯录的详细页面。
页面具体的信息包括姓名、性别、QQ、通讯地址等用户信息。
通过设置参数“连接”后面为“conn”，“表格”参数为“UserLogin”，打开“绑定”面板，打开一个记录集，页面绑定数据。
页面浏览按F12键，如图4-11所示：
图4-11通讯录详细信息页面
4.6相册模块
制作页面，在站点文件夹新建命名为xiangce.asp的文件夹，使用div+css布局，在左侧加入一篇文章，主题部分添加一个flash相册。
新建form表单。
在form表单中添加一个模块，代码如下：
span>
%=Session（"
MM_Username"
）%>
欢迎光临<
ahref="
index.asp"
style="
text-decoration:
none;
&
changpwd.asp"
。
效果如图4-12所示：
图4-12相册
4.7后台管理模块
网站后台主要是管理员管理用户注册，用户信息，用户留言列表。
管理员登陆后可以删除和修改信息。
但是，管理员必须在登陆前验证身份，验证通过可以进行登陆。
4.7.1创建后台管理员用户登陆界面
新建表单，设计管理员登录界面。
此功能和前台实现技术相同，这里不再详细介绍。
页面最终效果如图4-13所示：
图4-13后台登陆页面
4.7.2后台主界面
创建AdminManage.asp文件。
打开AdminManage.asp文件，使用表格进行布局，静态部分的设计和上面的设计基本相似。
需要注意的是要在AdminManage.asp文件的导航栏，插入一个局部变量Session（“MM_Username”），界面效果如图4-14所示：
图4-15后台主页面
在改界面中加入内框架实现，部分代码如下：
tdheight="
40"
tablewidth="
965"
border="
0"
cellspacing="
cellpadding="
tr>
tdwidth="
308"
height="
align="
center"
background="
../images/admin_2.png"
欢迎管理员<
登录<
/td>
182"
../images/admin_3.png"
adminManage.asp?
name=usermanage"
注册用户管理<
156"
../images/admin_4.png"
name=admin_liu"
留言管理<
163"
name=admin_tong"
通讯录管理<
%=MM_Logout%>
退出<
/tr>
4.7.3注册用户
这部分主要是通过与数据库连接，实现对注册用户进行审核，对于那些没用通过审核的用户管理员可以进行删除。
这部分包括两大部分。
上方是总的导航条。
下方左栏是使用CSS布局的页面，来显示用户的ID、用户名、密码以及管理员可以进行的操作“修改和删除”页面效果如图4-16所示：
图4-16注册用户管理页面
4.7.4留言管理
这部分与前面注册用户管理界面制作使用的技术相同，通过连接数据库，通过读取表board的数据，来显示网站后台留言的信息管理，在这里拥有管理员权限的用户可以删除用户的留言。
页面采用表格布局。
效果如图4-17所示：
图4-17留言管理界面
4.7.5通讯录管理
这部分通过连接数据库，通过读取表UserLogin的数据，来显示网站后台通讯录的信息管理，包括姓名、性别、电话和管理员的操作“修改”。
在这里管理员可以删除用户的通讯信息。
并且使用添加服务器行为记录集分页，添加分页效果如图4-18所示：
图4-18通讯管理界面
5总结
经过几各月时间的制作我的班级同学录网站基本上已经完成了，虽然我的班级同学录网站还有很多的不足之处，但是通过本次网站的制作，从纸面上的设计草图、使用专业软件进行页面布局的设计，到搜集和自己制作所需素材，再到自己动手开始制作，发现问题、解决问题等等过程中，让我了解和使用知识得到了更进一步的提升。
只有不断地对知识进行运用，才能是自己的能力得到不断的提升，为自己以后的事业打下坚实的基础。
ASP动态网站的构建，对脚本语言的要求较高，而自己的薄弱部分正是脚本语言。
因此以后对脚本语言的编写应该下功夫，这应该是问题关键，对编程语言的不熟悉，做到多练习，试着多做一些小的项目，提高自己的经验。
升级会员 