基于Asp的学校新闻网站建设 - 图文

毕业设计（论文）

题目：基于Asp的学校新闻网站建设

学 生 姓 名： 学号： 学 部 （系）： 专 业 年 级： 指 导 教 师： 职称或学位：

年 月 日

华中科技大学毕业设计（论文）

目 录

摘 要································································Ⅱ Abstract······························································Ⅲ 引 言································································Ⅴ 1、概述··································································1 1.1 Access数据库······················································1 1.2 Dreamweaver网页制作工具··········································2 1.3 ASP技术··························································4 2、基本规划及设计思路····················································6 2.1 基本思路··························································6 2.2 实现的基本步骤····················································8 3、网站数据库端设计······················································9 3.1 数据库表的设计····················································9 3.2 数据库管理页面设计···············································10 4、网站客户端设计·······················································14 4.1 主页设计·························································14 4.2 综合新闻版块设计·················································17 4.3 详细浏览页面设计·················································18 5、本课题遇到的问题及解决思路···········································20 5.1 操作系统选择·····················································20 5.2 在登录系统设计中遇到的问题·······································20

5.3 插入表格的问题···················································20 结束语································································21 参考文献······························································22 致 谢································································23 附 录································································24

I

华中科技大学毕业设计（论文）

基于Asp的学校新闻网站建设

摘 要

在飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道。而Internet上发布信息主要是通过网站来实现的，网站是企业、事业（学校）单位以及个人向用户提供信息的一种方式，是开展各种信息活动的基础设施和实施平台。校园网作为学校信息化建设的一个平台在完成资源共享、互联网访问、教务管理、电子备课等方面发挥了重要作用。已成为各学校必备的重要信息基础设施，其规模和应用水平已成为衡量学校教学与科研综合实力的一个重要标志。

本文将以Access数据库为基础，通过使用Dreamweaver 软件和ASP技术来实现一个学校网站的建设，让广大师生随时可以了解学校最新动态。在此次设计中，网站将分为数据库端、客户端两大部分，每个部分又可以分为多个模块，最后连接来进行设计。其中主要的设计模块有网站的首页、子版块页面、详细浏览页面、新闻管理页面等。在这个过程中，将依次介绍Access数据库、网站信息管理系统开发工具与环境、系统的设计思路和概要、系统的详细设计内容。同时会将一些所遇到的重大问题列出，并进行相应的总结。

关键词：网站建设；数据库端；客户端；Dreamweaver；Access

II

华中科技大学毕业设计（论文）

Campus Network’s construction based on the Asp

Abstract

Today，we are in a rapid development of time , the Internet become the most important channel for us to access, publish and disseminate information . And we are based on the website to publish the information, in the Internet, website is a way for the enterprises, units (school) and individuals to provide information to the users, and become the infrastructure and implementation platform to carried out activities. As a platform for information technology, the Campus Network become more and more important in the resource sharing, Internet access, educational administration, electronic preparation. It has become an important information infrastructure necessary for schools. Its size and application level has become an important indicator to measure the teaching and scientific research.

This article will be based on Access database, using Dreamweaver software and ASP technology to achieve the construction of a school site, then let the teachers and students can learn news at any time. In this design, the site will be divided into foreground, background, and each part can be divided into multiple modules, finally connected them. The major design modules are the website home page, sub-forum page, detailed view page, news management page and so on. In this process, this article will introduces Access database, Web system’s

III

华中科技大学毕业设计（论文） development tools and environment, design ideas and Summary, the detailed design of the system’s contents. Also I will list the major problems we encountered, and then do some corresponding summary.

Key Words：Website Construction；Dreamweaver；Access

IV

华中科技大学毕业设计（论文） 3、 网站数据库端设计

3.1 数据库表的设计

一个设计合理的数据库，可以使程序的执行效率得到提高，并影响到页面的最终显示效果。对于一个校园新闻发布系统来说，它有两个最基本的组成元素，即新闻标题和新闻内容。其中，新闻的内容一般要求存储的数据类型的字段要足够大。因此，在设计数据库的时候，必须考虑到数据库中的字段的类型和大小，以合理的安排存储结构。

在建立数据库时，考虑到新闻发布系统所独有的特点，可以新建两个数据表，分别是“新闻”、“管理员”。每个表又由多个字段组成，如标题、内容、用户名、密码等。数据库的E-R图如图3.1所示。

内容 时间 管理员 可修改 新闻 用户名 密码 ID 类型 标题 图3.1 数据库E-R图

启动Microsoft Access 2003，新建一个名为“新闻.mdb”的数据库，然后再数据库中创建两个数据表“新闻”和“管理员”。

表“新闻”由“ID”、“标题”、“内容”、“时间”、“类型”等字段组成，其属性和说明见表3.1。

表3.1 “新闻”表的字段及属性

字段名称 ID 标题 内容 时间 类型 数据类型 自动编号 文本 备注 日期/时间 文本 说明 新闻编号 新闻标题 新闻内容 新闻发布时间 新闻类型 由于新闻的内容信息量非常大，所以字段“内容”属性要选择“备注”数据类型。为了在记录数据库内容的插入时间是方便，在“时间”字段的默认值框中输入“Now（）”，这个命令是Access中默认的系统函数，用于获取当前的时间。另外，在“类型”字段

9

华中科技大学毕业设计（论文） 值中，可以用1、2、3、4来代表“校内公告”、“学生工作”、“教学科研”、“国际交流”等板块，用以区分新闻输入时其去向。但这种方法比较抽象，它以数字来代表与其相对应的分类新闻。在大规模输入时可能会产生错误，故这里不宜设置，具体操作会在接下来说明。

表“管理员”则有两个字段组成，详见表3.2。 表3.2 “管理员”表的字段及属性

字段名称 用户名 密码 数据类型 文本 文本 说明 管理员用户名 管理员密码 3.2 数据库管理页面设计

学校新闻发布系统既有面向大多数浏览者的用户界面，又有其数据库端管理模块。可以说，一个功能完善的学校新闻管理系统，必须具备新闻内容的添加、编辑和管理工作。本系统中，管理员进入新闻管理页面可以从浏览页面中直接登录。

登录页面是管理员进入新闻发布系统进行编辑的通道，在这里，只有输入正确的“用户名”和“密码”后才能够进入。故创建一个登录页面过程如下。

（1）新建一个动态页，插入表单和表格，进行相应的调整和设置，最后完成如图3.2所示效果。

图 3.2 登录界面

在这个页面中，主要包括两个组成部分：表单和表单控件。表单域中的4个表单控件的说明如表3.3所示。

表3.3 表单控件的属性 控件 用户名所对应的文本区域 密码所对应的文本区域 登录按钮 重置按钮 控件类型 文本区域 文本区域 图像区域 图像区域 控件名称 Username Password Submit Reset 备注 单行文本 密码文本 图像按钮类型为提交 图像按钮类型为重置 （2）创建“用户登录”服务器行为

在Dreamweaver8中，“用户登录”这一行为的设置是有专门的一个动作来完成的。当表单元素设置完毕后，切换到“服务器行为”控制面板中，单击面板上的

10

按钮，

华中科技大学毕业设计（论文） 在出现的下拉菜单中依次选择“用户身份验证-登录用户命令”，这个时候会弹出图3.3中的“登录用户”对话框,然后进行如图所示的设置。

这样，当表单所提交的数据与表“新闻”中所对应的字段值相等是，页面就会导向新闻输入页面，否则就会显示错误。同时，登录页面中设置了“重置”按钮，这样当用户不小心输入错误信息是，也不必担心进入错误界面，从而提高了工作效率。

图3.3 创建“用户登录”服务器行为

其中，该步骤比较重要，是管理员能否实现其权限的关键，同时也是体现ASP技术的优势所在，以下就是其ASP的代码。

If Not MM_rsUser.EOF Or Not MM_rsUser.BOF Then ' username and password match - this is a valid user Session(\If (MM_fldUserAuthorization <> \Session(\

CStr(MM_rsUser.Fields.Item(MM_fldUserAuthorization).Value) Else

Session(\End If

if CStr(Request.QueryString(\MM_redirectLoginSuccess = Request.QueryString(\

这段代码的作用是实现管理员信息的收集，与数据库的连接等作用，在需要记录用户信息的系统中Session命令起着核心的作用。

（3）创建用户登录错误提示页面

登录错误提示的创建比较简单，其功能是提示错误的登录信息，最终页面上仅需几个字就可以，故在此不累述。

11

=

华中科技大学毕业设计（论文） （4）创建新闻添加页面

当管理员输入正确的用户名和密码后，就可以进入到新闻添加页面了。新闻录入的实质就是通过表单提供数据到数据库中，从而实现数据库数据的更新。新建一个动态页后，可以通过利用Dreamweaver 8提供的“插入记录表单向导”功能，来快速创建表单。表单插入后，表单控件的说明文字显示为英文字体，而且“新闻内容输入”显示为单行文本，不符合用户的使用习惯，故需设置。选中文本框控件“新闻内容”后，在“属性”控制面板中可以进行相关设置，设置后的效果满足用户所需即可。

此外，在之前已经说明的问题，即新闻字段比较抽象，不易于操作，最好的解决方法是将其设置为一个列表菜单，通过单击列表菜单的下拉按钮，来显示管理员所编辑的新闻属于哪一类，这样既直观又能提高输入效率。而且其实现方法也较为简单。用户只需单击插入栏上的“列表/菜单”控件即可。再插入控件后，需要在“属性”面板中进行简单的属性设置。先将值名改为“新闻类型”，再在“类型”选项中选择“列表”，“高度”选择为1。其具体的更改方式可见图3.4页面底部。

其中，“初始化时选定”中的项目是在“列表值”中进行的，单击并打开该按钮，在弹出的窗口中增加4个列表值后单击确定即可。 出于实际的需要，最后将按钮的值改为“新闻输入”。 最终实现的效果如图3.4所示。

图3.4 新闻输入页面

12

华中科技大学毕业设计（论文） 可以看到，从上至下，分别是新闻标题输入框、新闻类型选择框、新闻内容输入框以及提交按钮。

至此，校园新闻发布系统的数据库及数据管理页面就完成了。通过该系统，管理员就可以向数据库中添加新闻数据了。

13

华中科技大学毕业设计（论文） （(Recordset1.Fields.Item(\内容\）%>，这样就可以解决格式错误。最终效果如图4.7所示。

图4.7 IE下测试效果

19

华中科技大学毕业设计（论文） 5、本课题遇到的问题及解决思路

在本次毕业设计的漫长过程中，出现了很多难以预测的问题，经常使校园新闻发布系统陷入困境，但最终在老师的帮助下和同学的努力下被一一克服，在此列举几个产生影响较大的问题。

5.1 操作系统选择

在进行网页设计时，遇到的第一个问题就是制作网站平台遇到的问题。目前对于小型用户来说，制作网站比较好的开发平台是Windows XP系统和IE6浏览器。在概述中已经说明，IIS并不支持所有的Windows系统，其中Windows Vista Basic就不能支持，而我的电脑则刚好是这个系统。

解决方法：通过浏览论坛、网站，得知为解决这个问题，有专门的本地应用程序可供下载。下载后，只需将该应用程序放入网站所存的文件夹中后打开即可使用。通过这个方法，可以正常地测试网页，从而为下一步做好准备。

5.2 在登录系统设计中遇到的问题

在进行登录系统的设计时，遇到的一个相当大的问题，就是无法实现如图3.2所示的步骤，经常会提示“请选择一个插入表单”，从而导致无法实现登录界面功能的实现。 解决方法：在Dreamweaver 8中，一旦产生需要收集用户信息的功能，就需要使用表单这一功能。表单是网页浏览者与网页服务器交互的界面，可以包含多种对象，比如文字输入框、单选按钮、复选按钮等。用户可以通过插入面板的表单标签来帮助建立表单，再在表单中插入表格即可。而且这个步骤在接下来的过程中会继续用到。

5.3 插入表格的问题

表格是Dreamweaver 8中用来确定格式的基本丰富，在刚开始使用Dreamweaver 8的时候，可以正常使用插入表格这一功能。但在接触其它新的知识后，发现无法使用表格，造成很过困扰

解决方法：在设计视图下，Dreamweaver 8共有三种模式，分别是标准模式、扩展模式和布局模式。其中，插入表格只能在标准模式下进行，而一般设计网站是多在布局模式下进行才会造成这个问题。

20

华中科技大学毕业设计（论文） 结束语

在这几个月的毕业设计中，由零开始，通过阅读和学习，并与实践相结合，逐步完成了学校网站的新闻发布系统设计与建设。到最后也能够熟练掌握Access、Dreamweaver8等软件的使用方法以及ASP的相关知识，使自己的学习能力、综合能力得到了很大的提高。

通过这次网站建设，除了学习到新知识、新技能外，感受最深的就是在网站建设之前的规划准备工作的重要性。起初，阅读文献资料时带有很大的盲目性，在实际操作时也没有针对性，浪费了宝贵的时间和精力，但却没有获得相应的回报。随着学习实践的深入，终于意识到事前规划思考的重要性。经过一段时间的思考，想出了“分开建设，最后统一”的建设方针，才得以以较快的速度进行网站的建设。在整个的毕业设计中，无论巨细，我始终坚持这一原则，对于后续的设计也产生了重大的影响，取得了事半功倍的效果。可以说，不是这次设计内容庞大，时间跨度长的话，还是很难体会到这一点的。同时，我也体会到了同学之间互相帮助的作用。很多问题往往是自己百思不得其解的，经过良久的思考后再获得同学的帮助，可以让知识更加牢固。而自己力所能及地去帮助同学， 也不失为一种有效的学习手段。

毫无疑问，此次毕业设计会对我产生很大的影响。在学习新知识的过程中培养了迎难而上的精神，牢记了事前规划的重要性，也明白了实践应用对于学习来说是不可或缺的。在以后的工作和生活中一定会将这种良好的习惯保留下去。

21

华中科技大学毕业设计（论文） 参考文献

[1] 徐磊.网页制作与网站建设技术大全[M].北京:清华大学出版社,2008

[2] 彭为.Dreamweaver+ASP.NET动态网站设计与典型实例[M].北京:清华大学出版 [3] 赵育良.Dreamweaver MX2004基础与实例教程[M].北京:中国电力出版社，2007 [4] 刘钢，程克明.Access数据库程序设计教程[M].北京:清华大学出版社,2008 [5] 孙良军.网站设计与网站建设完全教程[M].北京:航空工业出版社,2004 [6] 汉龙.网页制作三剑客经典范例[M].成都：电子科技大学出版社，2009 [7] 萨师煊，王珊. 数据库系统概论[M].北京:清华大学出版社,2006 [8] 庞娅娟. ASP网络编程自学手册[M].北京: 人民邮电出版社,2008

[9] 韩国峰，杨力学，王景村. 网络系统开发实例精粹[M].北京: 电子工业出版社,2008 [10] 张莉，王强 . SQL Server数据库原理及应用教程[M].北京:清华大学出版社,2008 [11] 杨晓钟. 网站设计与开发[M].北京: 机械工业出版社,2009

[12] 刘正林，谢永锋，祝宏. C语言程序设计教程[M].武汉：华中科技大学文华学院出版社，2009 [13] 姜再兴，李万强，王晓风. Dreamweaver MX 2004＋ASP网站开发基础与实例教程[M].北京: 电

子工业出版社,2008

[14] 前沿电脑图像工作室. 巧学巧用Dreamweaver、Fireworks、Flash制作网页[M].北京: 人民邮

电出版社,2009

[15] 方辰.Dreamweaver中文版教程8[M].上海：上海科学普及出版社，2009

22

华中科技大学毕业设计（论文） 致 谢

在本次毕业设计中，我感到高科技、新知识的力量，是这个社会让我们有了更美好的生活。

我从指导老师叶老师身上学到了很多东西。叶老师认真负责的工作态度和深厚的理论水平都使我受益匪浅。叶老师无论在理论上还是在实践中，都给予我很大的帮助，使我得到不少的提高，这对于我以后的工作和学习都有一种巨大的帮助。非常感谢叶老师的耐心辅导，帮助解决了不少的难点，使得本次设计能及时开发完成，这里表示衷心的感谢。我所取得的成绩，在学业上的进步很大程度上得益于叶老师的悉心指导，在此向叶老师表示衷心的感谢和崇高的敬意！

另外还得感谢华中科技大学文华学院在四年里对我的栽培，以及众多老师对我的鼓励和帮助。非常感谢自动化系为我们提供了良好的学习环境，在此向自动化专业全体老师致以由衷的谢意！在这个整个设计过程过程中，由于本人的知识水平有限，得到很多同学的帮助，在这里一并表示感谢。

在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母，谢谢大家!

23

本文来源：https://www.bwwdw.com/article/sqkf.html