校园网站的设计与实现.doc

上传人:本田雅阁 文档编号:2071630 上传时间:2019-02-10 格式:DOC 页数:35 大小:2.42MB
返回 下载 相关 举报
校园网站的设计与实现.doc_第1页
第1页 / 共35页
校园网站的设计与实现.doc_第2页
第2页 / 共35页
校园网站的设计与实现.doc_第3页
第3页 / 共35页
亲,该文档总共35页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述

《校园网站的设计与实现.doc》由会员分享,可在线阅读,更多相关《校园网站的设计与实现.doc(35页珍藏版)》请在三一文库上搜索。

1、华中师范大学本科毕业论文(设计) 摘要摘要 作为一种新兴的信息技术,互联网正以前所未有的冲击力影响着人类的生活, 它的出现和发展,正慢慢地改变着人们的生活方式,互联网也因此成为目前比较 热门的一个话题,它具有强大的影响力。 国际上网站的发展十分迅速,网站已成为人们获取信息的一种重要方式。 越来越多的人都希望有自己的个人主页,以充分展示自我;越来越多的公司都希 望让自己的网站更具吸引力,以宣传公司,提高知名度。学校网站是实现教育资 源分配的桥梁。网络上有巨大的教育资源库,它集全社会的力量,使教育资源无 限增长。学校网站是最佳的教学研究室,学校网站与教育类专门网站的有效链接, 给学校教学研究带来了

2、一片新天地,各种优秀文章、各科素材、优秀软件下载等 内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。 本文将首先从结构上对网站的设计有一个总体上的构想,包括网站的前端的 用户管理模块和后端的数据维护模块,这是任何一个网站所必备。 本文讲述了利 用 DREAMWEAVER CS5.5 和 ASP 进行网站设计的开发过程,对网站的设计及网 站的实现进行了详细的说明。本文的主要内容主要是利用 ASP 和 DREAMWEAVER CS5.5 的开发环境的架设开始,一步步实现校园网站各个功能 模块。 关键词:关键词:校园网站;网站设计;DREAMWEAER CS 5.5 ;ASP;数据库 华中

3、师范大学本科毕业论文(设计) Abstract As a new information technology, the Internet has an unprecedented impact on humans life, its emergence and development is changing the way of peoples life, the Internet has been a popular topic and it has a strong influence. The international Web site developed very rapidly;

4、 the website has become an important way for people to access information. More and more people want to have their own personal home page in order to display themselves; more and more companies also want to make their sites more attractive to promote the company and improve their visibility. The sch

5、ool website is a bridge of network to distribute the educational resources. There is a great educational resource library which combines the strength of the whole society, and education resources to grow indefinitely.The school site is the best teaching Research Center, and has brought a new world t

6、o us, such as a variety of good articles on subjects material, excellent softwaredownloads and other content to provide students with a very effective specialized site of the school sites and educational links, school teaching and research excellent platform. It may reduce the teaching and research

7、costs effectively and improves efficiency. At first, this paper will have an overall idea from the structural design of the site, including user management module of the website front end and back-end data maintenance module, which is essential to any one site. This article describes the development

8、 process, useing the DREAMWEAVER CS5, and ASP to design the website. The main content of this article is the use of the ASPand DREAMWEAVER CS5.5 and the erection of the development environment began, step by step to achieve the various functional blocks ofthe campus Web site. KeyWord: school website

9、s; website design; DREAMWEAER CS5; ASP; database 华中师范大学本科毕业论文(设计) 目录目录 第第 1 章章 绪论绪论1 1.1 国内外校园网站发展现状及趋势.1 1.2 校园网站建设的必要性.2 1.3 校园网站设计思想.3 1.4 开发工具的选用及介绍- 3 第第 2 章章 网站总体的分析与设计网站总体的分析与设计5 2.1 相关术语及解释.5 2.2 当前校园网站需要解决的问题.7 2.3 主页设计.8 2.4 功能设计8 第第 3 章章 详细设计详细设计9 3.1 数据库设计.9 3.1.1 用户注册表9 3.1.2 论坛基本信息表10

10、3.1.3 资源信息表10 3.1.4 新闻表10 3.1.3 留言表. 11 3.1.3 论坛用户信息表11 3.2 页面设计13 3.2.1 主页设计-13 3.2.2 后台登陆-13 3.2.3 前台登陆-14 3.2.4 资源下载页面-15 3.2.5 论坛页面设计-16 3.2.6 留言板设计-17 华中师范大学本科毕业论文(设计) 3.3 关键代码设计19 3.3.1 用户注册及登陆关键代码19 3.3.2 资源下载页面关键代码24 3.3.3 留言板关键代码26 3.3.4 校园论坛发帖页面关键代码28 3.3.5 网站管理系统32 3.3.6 主要功能程序段37 第第 4 章章

11、 编码,测试及维护编码,测试及维护39 参考文献参考文献90 后记后记9 附录附录 1 主要英文缩写语对照表主要英文缩写语对照表11 华中师范大学本科毕业论文(设计) 1 第第 1 章章 绪论绪论 Internet 上发布信息主要是通过网站来实现的,获取信息也是要在 Interne 这个 世界中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 Internet 应用上的地位显而易见,它已成为机关、学校、企事业单位、甚至进入寻常 百姓家的信息化建设中的重要组成部分,从而倍受人们的重视。为了更好的办学, 提高学校知名度,为家长和同学们提供一个友谊的桥梁,增加同学们和家长对学校 一些

12、事物的了解,建设校园网站势在必行且不容忽视。本文主要介绍中学校园网站 的设计与实现。 1.1 校园网站的发展及趋势校园网站的发展及趋势 据中国互联网络统计报告数据显示,截至 2011 年 6 月 30 日,我国网站数量约 为 183 万家,与 2009 年网站数 323 万家相比,减少了 43%,而在 2009 年之前,国 内网站数量每年都以高速递增的态势发展。纵观网站建设市场从 2003 至 2011 年由 高转低的曲线发展趋势,反映的正是我国网站建设市场由“萌芽式”到“粗放式” 再向“细分式”的转变。在经过近十年的发展后,国内校园网站建设已经开始逐步 走向成熟和规范。 校园网站发展三阶段

13、发展至今,互联网已经渗透到我们生活的各个细节,无论是经济方面还是宣传 方面,作为互联网信息发布与交互载体的网站,都起着积极重要的促进作用。而网 站重要性的不断提升,却经历了数个阶段的转型与蜕变,据动易网络研究显示,网 站发展大致分为三个阶段: 第一阶段,时间是 2002 年以前,定义为网站的“萌芽式”发展期,是网站形成 的初级阶段。处于这个阶段的网站,主要作为简单的企业展示之用。网站基本上是 由静态网页构成,没有我们现在熟悉的“功能”概念,主要借助 Dreamweaver、FrontPage 等编程工具来构建。除了新浪、网易等大门户网站外,一 般网站只是几个静态页面,对网站功能要求不高。 第二

14、阶段,时间是 2002 年2008 年,定义为网站的“粗放式”发展期,是网站 的变革阶段。处于这个阶段的网站用途仍主要是向外部展示信息,但网站技术已改 华中师范大学本科毕业论文(设计) 2 为由动态页面组成,一般是使用简单的内容管理系统(CMS)进行信息发布、管理, 提供简单的留言板或论坛(BBS)。 在这一阶段里,随着互联网的逐渐普及, “信息化”的概念逐渐被行业内所接受 和倡导。企事业单位都开始进行各种办公系统和业务系统的信息化升级,如 ERP、OA 等都是这个阶段的产物。但是,随着利用信息化系统不断提升工作效率的 同时,各系统之间相互独立而产生众多独立数据流便不可避免,因此,信息孤岛开

15、始出现。 第三阶段,定义为网站的“细分式”发展期,是网站发展的成熟阶段。2008 年 以后网站需求开始按照行业细分。不同行业的需求会具备本行业的特殊性质。例如, 政府网站,出现了政府信息公开的需求、公众参与、在线办事的需求等;又如制造 型企业网站,逐步开始针对供应商、客户、合作伙伴和内部员工提供各种服务,开 始更加专注数据的管理、共享和整合;教育网站,开始加强学校与家长的互动与交 流等。 互联网进入中国 20 几年,每一年都发生巨大的改变,人们对于网站的认识同样 在不断的改变。在网站发展第一二阶段,很多人都只把网站当成“形象招牌” 。大家 对网站重要性的认识都不高,那么对网站建设服务提供商的技

16、术要求也就不高了, 这也是目前各地网站建设公司还存在的原因之一。 但是,从 2008 年开始,网站逐步向“第三阶段”发展。比如说,政府门户网站 一定要实现在线办事,公众参与、信息公开,还有像网上信访,行政事业的业务审 批和监察等等这些网站应用。相对来说,就是将原来线下的服务,搬到了网上通过 网站的各种技术去实现。像学校也是类似,通过网站加强学校与家长之间的沟通与 联系。 那么校园网站发展的趋势便是通过网站宣传学校特色,发布校园信息,加强学 校同外界的交流,并领用校园网站公开学校事务,管理校园。 1.2 校园网站建设的必要性校园网站建设的必要性 对学校来说,校园网站有四个方面的典型应用: 第一

17、校园网站是为学生学习活动服务的,是一种学习工具。它不但是学生与他人之 间的交流工具,同时也是学习资源的提供者,有利于学生进行探索学习和协作学习。 第二 校园网站是为教师的教学和科研活动服务的,如提供教学资源、辅助教师备课, 参与课堂教学活动和支持教师再学习活动等。 第三 校园网站是为学校教育教学管理服务的,如辅助学校的学生学籍管理、人事管 理、财务管理等。 华中师范大学本科毕业论文(设计) 3 第四 校园网站是沟通学校与外面的窗口,利用它既可以从校外获取各种信息,也可 以向外发布各种信息。 1.3 校园网站设计思想校园网站设计思想 是通过网站,全面宣传,展示学校风采、优点与特色,发布学校的活动

18、安排与 招生政策等信息内容,使学生及家长曾加对学校的了解,增强学生、家长与学校之 间的联系,在 Internet 网上,让学生及家长及时得到 学校发布的重要信息,同时也 帮助了学校完成部分事务,提高办事效率,给学生、家长与学校最方便的联系桥梁。 在这里学生及家长也可以提出意见及想法,互通教学之间的意见想法,更加有效的 办好教学,和学生需要哪样的教学方式能够更好的吸收与接纳,这些都能成为学校 的参考,以便更加的提高学校的教学质量。 1.4 开发工具的选用开发工具的选用及介绍及介绍 1.4.11.4.1 DreamweaverDreamweaver CS5CS5 本网站采用 Dreamweaver

19、 CS5 为基本网页开发工具,利用 Dreamweaver CS5 中的可视化编辑功能,达到快速创建页面的效果。Dreamweaver CS5 是建立 WEB 站 点和应用程序的专业工具,它将可视布局工具、应用程序开发功能和代码编辑支持 组合在一起,功能强大,使得各个层次的开发人员和设计人员都能够快速创建基于 标准的界面吸引人的网站和应用程序。开发人员可以使用 Dreamweaver CS5 及所选 择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、 WEB 服务器和原有系统。 1.4.21.4.2 数据库系统数据库系统 Access2003 是一种简易的关

20、系型数据库系统。选用 Access 的优点在于它不仅 能使用数据表示图或自定义窗体收集信息,且简单易学、易使用。数据表示图提供 了一种类似于 Excel 的电子表格,可以使数据库一目了然。另外,Access 允许创建自 定义报表,能打印或输出数据库中的信息,以便分析。Access 也提供了数据存储功 能,可以使用桌面数据库文件把数据库文件置于网络文件服务器,与其他网络用户共 享数据库。 1.4.31.4.3 脚本语言脚本语言 华中师范大学本科毕业论文(设计) 4 VBScript 程序设计语言是 Microsoft 公司将 VB(VisualBasic)程序设计语言加 以简化而成的一种脚本制作

21、语言。VBScript 是一种事件驱动语言。同 VBScript 一 样,JavaScript 也是事件驱动语言,它是一种描述性的基于对象和事件驱动并具有安 全性能的脚本语言(ScriptLanguage),可以非常自由地被嵌入到 HTML 的文件之中。 通过将脚本嵌入在标准的 HTML 语言中弥补了 HTML 语言的部分缺陷,加强了 HTML 的 功能与应用。 1.4.41.4.4 开发环境简介开发环境简介 ASP 的运行环境 目前,Microsoft 公司推出的支持 ASP 的服务器有以下几个: Microsoft Internet Information Server Version 4

22、.0/5.0(简称 IIS) Microsoft Personal Web Server(简称 PWS) 这两个主要是为 Microsoft 公司的 WindowsNT/2000/XP 系统开发的,当然功能 和稳定性及安全性都强很多,目前大型的站点大多是用 IIS 作为服务器,而 PWS 是 为一般的 PC 用户开发的。 ASP 的内置对象 Request 对象 ,包含从用户端浏览器发送到服务器端的所有信息,允许访问利 用表单提交给服务器的数据。 Response 对象,将 HTML 和其他数据返回到用户端浏览器。Response 对象设置 客户端浏览器的状态。 Server 对象,为 ASP

23、 的应用程序提供服务器的功能。 Session 对象 ,在此对象中维护每个用户的信息,可以使用该对象存储特定的用 户会话所需的信息。 Application 对象,对给定应用程序的所有用户共享信息。 ObjectContext 提供在页面内进行事物处理,这是扩展 ASP 能力的一个对象, ASP 内直接发送 EMAIL 或其它信息。3 华中师范大学本科毕业论文(设计) 5 第 2 章 网站总体的分析与设计 2.1 产品可行性分析产品可行性分析 2.1.1 技术可行性技术可行性 HTML 作为一种样式语言,随着 Internet 上信息量的增多和交互性的加强使 HTML 显得越来越难以胜任的情况

24、之下,而 ASP 能够彻底实现用户与管理人员的交 互性,在 ASP 编程语言高度发展的形式下,ASP 能够很好的解决这些复杂交互的动 态性,于是我们也开始了对学院网站的动态开发,即而让学院网站更加的互动。 网站的数据库系统采用的是 Microsoft access。Microsoft access 的管理和开 发入手都比较方便,性价比较高并且和 ASP 集成效果的更好,很合适用于 Windows 应用的后台数据库。 网站图片的处理工具选择了 Photoshop CS4、Fireworks CS4。 这些都是当前普遍采用,确实可行的技术,因此系统的开发具有很高的技术可 行性。 2.1.2 经济可

25、行性经济可行性 1.系统的投入费用:大部分电脑及硬件设备已经符合要求,无需增加新的投入。 2.系统的效益分析:校园网站不追求经济利益,但是带来了巨大的工作效率,从 另一个角度看,提升了工作效率也就带来了巨大的效益。 2.1.3 社会可行性社会可行性 作为学校最外的窗口,校园网站成为每个学校的标准配置,已成为提高学校品 华中师范大学本科毕业论文(设计) 6 牌形象的重要内容。 而且,通过一定的管理员培训,这类网站也是很方便于管理的。 2.1.4 结论结论 较之 SQL Server 2005,Access 部署简单方便就一个文件运用起来比较灵活主 要是桌面数据库系统,他也可以开发基于自己的桌面数

26、据库应用(UI),也可以作为前 端开发工具与其它数据库搭配开发应用程序,熟练的软件设计师和资料分析师利用 它来开发应用软件,而一些不熟练的程序员和非程序员的初级用户则使用它来开发 简单的应用软件67,网站图片制作处理工具选择的是 Photoshop CS4、Fireworks CS4 这些都是当前普遍采用,确实可行的技术,因此系统的开发具有很高的技术可 行性等等,总之,经过以上各项的分析,该项目是可行的。 2.2 网站可用性网站可用性分析分析 2.2.12.2.1 网页布局网页布局 实际内容占据网页的大部分空间,为 50%80%,导航部分不超过 20%。颜色 的选择以绿白色为主,没有使用太多的

27、颜色来修饰某个对象,此外,正文和背景色 的对比度较大,一般字色为默认的黑色,并且用了不同的背景色条区分正文区与其 他功能区。为了提高网页的可读性,标题区、标题行和正文区使用了不同大小的字 体,正文使用的是静止的文字,且字体足够大,以便于阅读。 为了帮助用户方便地浏览,每个网页都设有标题导航,且网页标题清楚地表明 了网页的内容。在网页的组织上,每个网页都是按照“倒金字塔”原则进行编写, 即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯,采用横向排列 方式。 一个网页的大小一般不超过 3 万字节,以使用户在 10 秒钟之内能打开网页。而 且要为每一个链接加上描述信息,因为当一个链接被点击

28、后,要把所有指向同一目 标的链接都表示成已被访问过,这样便于用户浏览。在链接旁注明下载文件的大小, 帮助用户预测下载时间。 2.2.22.2.2 主题鲜明、富有特色主题鲜明、富有特色 在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风 华中师范大学本科毕业论文(设计) 7 格和特色做出定位,规划网站的组织结构。 要做到主题鲜明突出,力求简洁,要点明确,以简单明确的语言和画面告诉大 家本站点的主题,吸引对本站点有需求的人的视线,对无关的人员也能留下一定的 印象。调动一切手段充分表现网站的个性和情趣,突出个性,这样才能够办出网站 的特色。 Web 站点主页的基本成分包括: 页头:

29、准确无误地标识站点名称 加入收藏:用来方便用户收藏网页; 联系信息:如普通邮件地址或电话; 版权信息:让用户了解系统信息。 2.2.32.2.3 版式编排布局合理性版式编排布局合理性 网页设计作为一种视觉语言,当然要讲究编排和布局,虽然主页的设计不等同 于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。 站点设计简单有序,主次关系分明,将零乱页面的组织过程,混杂的内容,依 整体的布局的需要进行分组归纳,经过进行具有内在联系的组织排列,反复推敲文 字、图形与空间的关系,使浏览者有一个流畅的视觉体验。 2.2.42.2.4 相关站点引导链接相关站点引导链接 一个好的网站的基本要素是用户进入后

30、,与本网站相关的信息都可以方便快捷 地找到,其中要借助于相关的站点,所以做好导引是一项重要的工作。超文本这种 结构使全球所有联上因特网的计算机成为超大规模的信息库,链接到其它网站轻而 易举。 在设计网页的导引组织时,应该给出多个相关网站的链接,使得用户感到想得 到的信息就在鼠标马上就可以点击的地方。 2.3 功能需求分析功能需求分析 校园网站设计有新闻更新,浏览者可以在首页浏览自己喜欢的新闻,并且可以 在留言板和学校交流,登陆网站,在论坛发帖。在后台管理页面中,通过身份认证, 华中师范大学本科毕业论文(设计) 8 管理员,可以对网站信息进行管理 图 1 校园功能流程图 2.3.12.3.1 功

31、能描述功能描述 1、新闻 校园新闻提供校园资讯,让同学们或老师随时了解校园大事,掌握校园资讯, 以及最新校园公告。 2、留言板 是一个学校与大家谈心交流的地方,在留言板中,可以和学校进行交流。就我 们校园内的话题展开讨论。和大家进行沟通。 3、后台管理页面 是管理和添加到新内容的地方,为了方便实现信息的经常更新,设计了这个管 理页面,经过身份认证后可以进入网站对其中的信息进行管理。 4、页面组织和数据库设计 在明确了校园网站的风格和定位后,就是网站的材料组织以及网站的页面设计 和数据库设计。 建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清 华中师范大学本科毕业论文(设计)

32、 9 晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊 涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多 相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一 个网站的大纲索引,索引应该将网站的主体明确显示出来。下面是校园网页的主要 栏目: 图 2 校园网站内容设计图 第三章 结构设计与具体实现结构设计与具体实现 3.1 数据库设计数据库设计 1、数据库的搭建、数据库的搭建 使用 ACCESS2003 实现关系数据库 3.1.1 用户注册表 user 存储了普通用户的信息,包括:用户名,密码,性别,电话,邮箱,注册时间。 它的

33、设计视图如图 1: 华中师范大学本科毕业论文(设计) 10 图 3 用户注册表设计视图 3.1.2 论坛基本信息表 bbsconfig 存储了论坛的基本信息,它的设计视图如 2 图 4 论坛基本信息表设计视图 3.1.3 资源信息表 soft 存储了管理员上传的软件的信息,设计视图如下 3 图 5 资源信息表设计视图 3.1.4 新闻表 news 华中师范大学本科毕业论文(设计) 11 存储了页面新闻信息,设计视图如下 4 图 6 新闻表设计视图 3.1.5 留言表 message 存储了留言者的基本信息 图 7 留言表设计视图 3.1.6 论坛用户信息表 bbsuser 存储了校园论坛用户的

34、信息,设计视图如下 华中师范大学本科毕业论文(设计) 12 图 8 论文用户信息设计视图 以上数据表为 Access 类型的库文件,将它定名为:“data.mdb” 。 2 2、连接数据库、连接数据库 在上面,我们已经为我们的程序创建了一个数据库,在这里,我们来用 ASP 把 程序和数据库连接起来,以后就可以连接到数据库、在 ASP 中显示数据库中的数据 以及更复杂的插入、修改和删除。 一起看以下代码,这就是 ASP 程序中常用的连接数据库的代码: 一切 OK 了!结束 ASP 程序 华中师范大学本科毕业论文(设计) 13 3.2 功能模块设计功能模块设计 3.2.1 主页设计主页设计 1、功

35、能:显示校园新闻和校园网站主要页面 2、组成结构 首页显示页面 default.asp 数据库连接页面 conn.asp 3、浏览效果如下; 图 8 首页浏览效果图 3.2.2 前台登陆及注册前台登陆及注册 1、功能:提供学生登陆及注册页面 2、组成结构 登陆页面 login.asp 数据库连接页面 conn.asp 注册页面 register.asp 3、登陆和注册页面效果图 华中师范大学本科毕业论文(设计) 14 图 9 前台登陆效果图 图 10 注册效果图 4、关键代码 注册关键代码 alertistory.go(-1);“ else Dim Rs,Sql Set Rs=Sever.Cr

36、eateObject(“ADODB.RecordSet“) Sql=“Slect * FromUser“ Rs.Open Sql,conn,2,3 Rs.AddNew Rs(“User“)=User Rs(“Pwd“)=Pwd Ps(“Gender“)=Gender Rs(“Tele“)=Tele Rs(“Email“)=Email Rs(“RegTime“)=Now() Rs.Update Rs.Close Set Rs=nothing Response.Write(“a href=login.asp/a“ Response.End() End if End Sub % 登录验证代码 “ r

37、esponse.Write“alert(用户名或密码错误,请重新登陆!“; response.Write(history.go(-1);“ response.Write“ response.End() else response.Write“alert(你好,你已经登陆成功);“ response.Write“; end if % 华中师范大学本科毕业论文(设计) 17 3.2.3 资源下载页面设计资源下载页面设计 1、功能:显示提供给浏览者下载的资源 2、组成结构 下载页面 down.asp 数据库连接页面 conn.asp 3、下载页面效果图: 图 11 下载文件效果图 4、关键代码 “

38、then If isnumeric(Currentpage)=True then 华中师范大学本科毕业论文(设计) 18 Currentpage=Currentpage Else Currentpage=1 End if Else Currentpage=1 End if PageUrl=“down.asp?down=1“ Set Talers=Server.Createobject(“Adodb.recordset“) Talers.open Talesql,Conn,1,1 If Not Talers.Eof Then Totalrecords=Talers.Recordcount If

39、Totalrecords Mod Maxrecord=0 Then Npage=TotalrecordsMaxrecord Else Npage=TotalrecordsMaxrecord+1 End if i=0 If Currentpage=1 Then Call ListPanel Else If (Currentpage-1)*Maxrecord 3.2.4 论坛页面设计论坛页面设计 1、功能:学校论坛,提供学生与学生,学生与教师之间交流平台。 2、组成结构 论坛首页 default.asp 论坛登陆页面 login.asp 数据库链接页面 conn.asp 论坛管理员页面 admin

40、.asp 3、论坛首页效果图 华中师范大学本科毕业论文(设计) 20 图 12 校园论坛效果图 3.2.5 发帖页面设计发帖页面设计 1、功能:供学生,教师发帖的页面 2、组成结构 发布帖子 newtopic.asp 数据库连接页面 conn.asp 3.发帖页面效果 图 华中师范大学本科毕业论文(设计) 21 图 13 发帖效果图 4、浏览帖子效果图 图 14 浏览帖子效果图 论坛的设计与留言本类似,只是功能比留言本更加的完善一些,在这里就不一 一详细的说明了。 3.2.6 留言板页面设计留言板页面设计 1、功能 利用 SQL 语法过滤特定的用户留言意见,让站长可以针对某位特定用户所发表 华

41、中师范大学本科毕业论文(设计) 22 的意见作出独立的回答, ,当然,站长拥有管理的能力,只要以密码登录管理模式, 就可以进行各个用户的单独意见回复 2、组成构造 留言板页面 message.asp 查看留言页面 user.asp 数据库连接页面 conn.asp 3、留言页面浏览效果图,如图 13。 图 15 留言页面效果图 4、查看留言效果图 华中师范大学本科毕业论文(设计) 23 图 16 留言成功效果图 4、留言板关键代码 “ response.write “alert(请填写姓名);“ response.write “javascript: history.go (-1);“ res

42、ponse.write “ 华中师范大学本科毕业论文(设计) 24 response.End () else name=name end if if content=“ then response.write “ response.write “alert(请填写留言内容);“ response.write “javascript: history.go (-1);“ response.write “ response.End () Else Content=content End if % 3.3 管理员登录功能设计管理员登录功能设计 管理员登录页面是整个系统的核心,是管理员进行后台管理的入

43、口,在此完成管 理员的登录和身份验证,如果是合法的用户。读出用户权限,然后转如后台管理页 面进行系统的整体管理,本系统中的管理员登录页面是 Admin_Login.asp,下面详 细的介绍一下登陆页面的创建设计方法。管理员登录页面如图示: 图 17 管理员登陆效果图 登陆页面目的是进行验证身份,这就需要和数据库打交道了,所以首先调用前面 华中师范大学本科毕业论文(设计) 26 设计好的数据库连接文件,调用代码是: 登陆页面大部分代码都为 HTML 代码,但是我用了验证码技术,因此需要读取验证码 信息,下面就是从缓存读取页面所产生的验证码信息的代码: 通过管理员信息和验证码信息,使用户登录更具安

44、全性。在后台的管理页面中, 由于文件较多,较繁杂,我使用了框架技术,使管理人员有很好的编辑处理界面。 在进行编辑处理文件信息的时候能够有比较友好的界面提示,在管理菜单中来选择 需要的管理项目,其中按照需求分析管理项目工分为 5 大模块,分别是新增新闻 (软件,图片),管理类型和栏目分类,和修改管理员信息和查看系统信息。 下面进行系统测试。成功登陆后台系统后,它的界面就是下图所示: 图 18 后台管理图 管理人员在后台操作实现的是所见即所得的效果,能够很大程度减轻管理员管 理系统的负担。如果三项有任何一项出问题都不能够成功登录,下图所示是用户名 或密码错误时: 华中师范大学本科毕业论文(设计)

45、27 图 19 管理员登录失败界面 管理员进入后台进行信息的添加和修改,删除等操作,如下图所示是基础设置页面, 页面可以上传本地软件和微缩图,也可以直接连接其他服务器上的软件路径,也可 以从已经上传的图片中选取要添加的图片信息: 图 20 后台基础设置时界面 第四章第四章 校园网站的安全性探讨校园网站的安全性探讨 ASP 网站最重要的要考虑它的安全性,如果 ASP 网站存在安全问题那将是一件 很可怕的事情,更是棘手的问题。目前,很多网站上的 ASP 程序存在安全漏洞,但如 果编写程序的时候注意一点的话,还是可以避免的。 华中师范大学本科毕业论文(设计) 28 4.14.1 用户名与密码被破解用

46、户名与密码被破解 攻击原理:用户名与密码,如果被通过某种方式获取到,后果是严重的。 防范技巧:用户名和密码尽量避免用自己的姓名、生日、电话号码、编号、 身份证号;尽量复杂一点不要直接给予该用户修改、插入、删除记录的权限。 4.24.2 验证被绕过验证被绕过 攻击原理:现在需要经过验证的 ASP 程序大多是在页面头部加一个判断语句, 但这还不够,有可能被黑客绕过验证直接进入。 防范技巧:需要经过验证的 ASP 页面,可跟踪上一个页面的文件名,只有从上 一页面转进来的会话才能读取这个页面。 4.34.3 数据库下载漏洞数据库下载漏洞 攻击原理:在用 Access 做后台数据库时,如果被人通过各种方

47、法知道或者猜到 了服务器的 Access 数据库的路径和数据库名称,那么他也能够下载这个 Access 数 据库文件,这是十分危险的。 防范技巧: a)为你的数据库文件名称起个复杂的非常规的名字,并把它放在几层目录下。 这样黑客要想通过猜的方式得到你的 Access 数据库文件就难上加难了。 b)不要把数据库名写在程序中。 如本设计的数据库调用: db=“&zimudb_All&“ 设定数据名称 数据库文件路径和名称(zimudb_All)在 zimu_Setup.asp 文件中 4.44.4 文件的上传漏洞文件的上传漏洞 攻击原理:图片或文件上传限制不严密,导致 asp、jsp、php、as

48、a 木马程 序直接被上传到服务器。 防范技巧:在上传的代码中严格的限制上传文件的类型 如:if upfile“jpeg“ and upfile“JPG“ and upfile“GIF“then response.write “错误:上传的文件格式不对! “ end if 华中师范大学本科毕业论文(设计) 29 这样只能上传 jpg、jpeg、gif、jpg、jpeg 文件,而不能上传其他类型文件 第五章第五章 DreamDream weaverweaver 测试站点和用测试站点和用 IISIIS 测试本地站点测试本地站点 Dream weaver 提供了全面检测站点的功能,它比检测链接更全面。全面地 检测内部、

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 其他


经营许可证编号:宁ICP备18001539号-1