班级同学录网站的设计与实现.docx
- 文档编号:6007831
- 上传时间:2023-01-02
- 格式:DOCX
- 页数:15
- 大小:1.64MB
班级同学录网站的设计与实现.docx
《班级同学录网站的设计与实现.docx》由会员分享,可在线阅读,更多相关《班级同学录网站的设计与实现.docx(15页珍藏版)》请在冰豆网上搜索。
班级同学录网站的设计与实现
班级同学录网站的设计与实现
1引论
同学录最重要的功能就是提供了同学的联络方式及信息交互,现今互联网的发达更好的促进了同学之间的联系,使其方式多样化,同学录网站便是其中之一,通过现代信息手段,对学生信息进行分类管理,通过学生信息库的建立,分析学生的资源优化,实现信息化,同学们之间的标准化,科学化,更有利于学生之间的联系。
ASP(ActiveServerPages)具有的动态、高效和便利的互动特性,使ASP动态网页的设计,能够接收用户提交的消息和回应,可以将数据与实际情况发生变化,无需人工主页上的文件更新。
数据库可以在任何时间改变,但应用程序服务器的实现不改变,客户端的网页将永远保持新鲜的魅力。
利用ASP组织制作应用程序,能够达到最好的功能、更好的安全性以及更容易的维持,同时因为ASP在服务器端执行,很好地实现了浏览器/服务器中数据的一致性。
基于ASP技术设计类网站的使用。
1.1选题背景
随着互联网的迅速发展,它已成为我们快速获取、发布并且传递信息的重要渠道。
对我们的政治、经济和生活等发面都发挥着巨大的作用。
Internet上的讯息公布主要通过使用网站来实现的,而我们要获得信息也是必然要在Internet这一“海洋”中依据一定形式检索出来。
正因如此它已成为机关、学校、企业单位的信息化建设的重要部分,因而备受大家的关注。
互联网为现代生活提供了信息交流的平台。
毕业了同学们见面的机会就少了,日常的信息交流也就相对的变少了,这就迫切的需要一个可以随时随地发布信息,告诉同学们自己新情况。
网站的开发就应运而生了,它以简单,快捷,高效等诸多优点深受广大网民的喜爱。
基于此种情况,作为一个网站,就必须要用自己的特色,要做到有针对性。
经过研究和调查,班级同学网站有很大的制作价值,可以方便同学们的信息交流与资源共享。
通过网站制作设计出一个这样的交互平台。
1.2设计意义
通过对高校毕业生的问卷调查,可以知道对于毕业生来说,能有一个这样的交流平台存在着很大的发展必要性和制作前景。
首先高校毕业生有其独特的优势,高校是年轻人的集中,并且高校毕业生深受信息技术的影响,有着无比的热情和实际的交往需求。
毕业生通过登陆网站注册后,就可以成为本网站的会员,可以浏览,发布各种信息,而且还能够任意浏览网站中的各种信息,了解同学们的最近动态和最近情况,这样一来就方便了毕业生的联系,该网站的独特之处就是可以让毕业生真正的做到“天涯若比邻”。
2基础理论与开发工具简介
2.1理论知识
2.1.1IIS
微软公司推出的一款服务器之一是IIS。
WindowNTServer和IIS可以集成结合在一起,故能够利用NTFS和WindowsNTServer内置的这一特性,建立一个强大的,灵活的和安全的互联网和互联网网站。
IIS不仅能够支持FTP,HTTP还可以支持SMTP协议,并且通过利用ISAPI和CGI能够得到很大程度的扩展和发扬。
2.1.2DW
美国MACROMEDIA公司研究开发的DW,它能够集网页创作和网站管理一体的编辑器。
Dreamweaver是针对网页设计师格外成长来的视觉化网页设计工具,它能够很容易地创建出超越平台的制约和跨越出浏览器限定的动感网页。
2.1.3ASP
微软开发的服务器端脚本环境是ASP。
ASP含于IIS里,利用ASP时可以结合ASP指令,HTML网页和ActiveX元件建立交互的、动态的WEB服务器应用程序。
因为所有的程序都是使用服务器端执行的,所以客户使用ASP就不必担心自己的浏览器能不能够运转所编写的代码。
程序实行结束以后,服务器只是将执行的成果反馈给客户浏览器,如此就大大减少了客户端浏览器的包袱,并且可以大大抬高交互的速度。
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
文本
50
联系人邮箱
5
数字
长整形
联系人QQ
6
Sex
文本
2
联系人性别
7
Tel
数字
长整形
联系人电话
8
Address
文本
50
联系人地址
9
Birthday
日期/时间
出生年月
创建表board。
在database中创建board,表结构描述信息如表4-2所示。
表4-2board表结构
字段名称
数据类型
说明
ID
自动编号
留言编号
Subject
文本
标题
Author
文本
作者
文本
电子邮箱
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表结构
编号
字段名称
数据类型
字段大小
字段描述
1
ID
自动编号
长整形
主键
2
Aname
文本
20
用户名称
3
APassword
文本
20
用户密码
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,在“登录区域”的表单中添加一个模块,加入显示登录成功的“欢迎界面”,代码如下:
style=”display: none”><%=Session(“MM_Username”)%> 您好! 欢迎观临 (2)修改服务器行为“登录用户”自动生成的代码,修改后部分代码显示如下: 'Response.Redirect(MM_redirectLoginSuccess)%> login_table.style.display="none"; login_success.style.display=""; <%else MM_rsUser.Close 'Response.Redirect(MM_redirectLoginFailed) response.Write("") endif EndIf %> 如果没有帐号,则点击“注册”,注册页面如图4-5所示: 图4-5注册页面 用户注册的信息提交到UserLogin数据表中,并将注册信息保存到数据库中。 functioncheck() {if(document.form1.UName.value=="") {alert("用户名为空! "); form1.UName.focus(); returnfalse } if(document.form1.UPass.value=="") {alert("输入密码为空! "); form1.UPass.focus(); returnfalse; } if(document.form1.UPassOk.value=="") {alert("确认密码为空! "); form1.UPassOk.focus(); returnfalse; } if(document.form1.UPass.value! =document.form1.UPassOk.value) {alert("密码与确认密码不相同! "); form1.UPassOk.focus(); returnfalse; } if(document.form1.Email.value=="") {alert("邮箱为空! "); form1.Email.focus(); returnfalse; } if(document.form1.tel.value=="") {alert("手机为空! "); form1.tel.focus(); returnfalse; } if(document.form1.QQ.value=="") {alert("QQ为空! "); form1.QQ.focus(); returnfalse; } returntrue; } 用户注册信息保存在一个名为UserLogin表数据中。 “插入”,在弹出的“插入记录”的对话框里,填写相关参数,单击“确定”,用户注册信息将被保留于数据库中。 如图4-6所示: 图4-6“插入记录”对话框 为了检查新用户,必须为用户按钮添加onclick事件。 进入index.asp代码窗口,手工添加“注册”的onclick事件,代码如下: 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表单中添加一个模块,代码如下: <%=Session("MM_Username")%> 您好! 欢迎光临 none;">注销 none;">修改密码。 效果如图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后台主页面 在改界面中加入内框架实现,部分代码如下: name=usermanage">注册用户管理 name=admin_liu">留言管理 name=admin_tong">通讯录管理 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动态网站的构建,对脚本语言的要求较高,而自己的薄弱部分正是脚本语言。 因此以后对脚本语言的编写应该下功夫,这应该是问题关键,对编程语言的不熟悉,做到多练习,试着多做一些小的项目,提高自己的经验。
注销
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 班级 同学录 网站 设计 实现