基于WEB的校园新闻发布系统毕业论文

1、2013 毕业设计论文 2013 毕业设计论文 呼伦贝尔学院 计算机科学与技术学院 本科生毕业论文本科生毕业论文(设计设计) 题 目：基于 web 的校园新闻发布系 统 学生姓名： * 学 号： 专业班级： 指导教师： 完成时间： 2012 年 5 月 21 日 2013 毕业设计论文 2013 毕业设计论文 目 录 摘 要.i abstract.ii 第 1 章 绪论.1 1.1 设计背景 .1 1.2 研究目的 .1 1.3 开发工具 .1 1.3.1 asp 简介.1 1.3.2 access 简介.2 1.3.3 html.2 第 2 章 系统分析.4 2.1 可行性分析 .4 2.2

2、 需求分析 .4 第 3 章 系统设计.6 3.1 基本结构和处理流程 .6 3.2 数据库设计 .6 3.3 数据库 e-r 图.8 3.4 系统的特点 .9 第 4 章 系统实现.11 4.1 后台设计 .11 4.1.1 页面登陆实现.11 4.2.2 信息管理模块.13 4.2 前台设计 .20 结 论.23 参考文献.24 致 谢.25 2013 毕业设计论文 2013 毕业设计论文 摘 要 随着电子计算机技术的发展，人类已经逐渐地进入信息化社会。计算 机也逐渐普及，更多的人与它开始接触，它正在迅速的改变着人们的生活、 学习、工作方式，更多的人开始通过网络查询资料，学生和家长也从网络

3、 上了解一个学校的情况，越来越多的学校有了自己的网站。因此，本人开 发了校园新闻发布系统，使用校园新闻发布系统后，使得社会、老师和学 生更快的了解学校动态，更方便的共享学校的资源，同时让社会通过这个 系统的图片、文字等方面更充份的了解学校的情况。该系统采用 browser/server 模式架构进行设计，使用 asp 编程语言进行编写，同时使 用目前流行的 div+css 进行前台布局，在程序开发过程中，还使用了 javascript、css、html 等辅助语言。 系统主要由学院简介，学院新闻，学院通知，学生活动，资料下载等 模块组成。具有操作简单，方便管理和维护等特点。 关键字关键字 新闻

4、系统；b/s；软件工程；编程 2013 毕业设计论文 2013 毕业设计论文 abstract along with the computer technology development, human has gradually entered the information society. the computer also grew in popularity, more people and it began to contact, it is rapidly changing the peoples life, way of study and working, more peop

5、le are beginning to through the network inquires the material, students and parents also went up from the network to understand a school, more and more school have their own web sites. therefore, i developed a campus news release system, using the campus after news release system, make social, teach

6、ers and students know the school dynamic faster, more convenient to share the resources of the school, at the same time, let the people from all over the country through the system of pictures, text, sounds, etc, more sufficient understanding of the school. the system adopts the browser/server mode

7、framework design, use asp programming language to write, at the same time, using the current popular div + css layout for the front desk, in the process of development program, still use the javascript, css, html auxiliary language. system mainly by the college introduction, college news, college no

8、tice, students activities, material downloads module. with simple operation, easy management and maintenance etc. characteristics. keywords news system; browser/server; programming; software engineering 2013 毕业设计论文 2013 毕业设计论文 第 1 章 绪论 1.1 设计背景 随着电子计算机技术的发展，人类已经逐渐地进入信息化社会。同时 人们对信息和数据的利用与处理也已进入自动化的阶段

9、，在各行各业中离 不开计算机，更离不开信息处理，这正是计算机被广泛应用于信息管理系 统的原因。其次，现在计算机已经成为人们生活中必不可少的工具。计算 机的最大好处在于利用它能够进行管理，方便快捷的办公。使用计算机进 行信息控制，不仅提高了工作效率，而且大大的提高了系统的安全性。因 此，开发相关的信息管理系统已经成为各行各业的必要和必需了。更多的 人借助网络了解一些事物，学生通过网络查找一个学校的资料，更多的了 解这个学校的信息。学校在网络上发布自己的信息，例如：论坛、社区、 贴吧等等，这些信息比较零散，如果有一个自己的网络平台就可以更详细 的、完整的发布学校的信息，使用户不用在整个网络里搜索，

10、只要在这个 平台里就可以找到所有的信息。因此，学校有一个自己的网络平台是必不 可少的。 1.2 研究目的 通过本系统可以使得学校、学生、老师和社会之间的资源与消息的快 速共享。旅游管理与地理科学学院的管理员可以通过本系统发布文章和下 载资源，学生打开本系统后点击相关的栏目可以进行查看文章，也可以点 击需要下载的资源，下载资源。随着计算机的普及，越来越多的人开始使 用计算机，并通过网络查找资料，通过网络查找资料不仅方便而且速度快， 很多家长和学生也通过网络查找一些资料，他们可以通过这个网络平台更 方便更快捷的了解学校的相关信息，社会也可以从更多的角度去了解本校。 1.3 开发工具 本系统开发的过

11、程中使用了 asp 语言、javascript 脚本语言、html 语言，其中 asp 语言调用数据库的数据，javascript 脚本语言用来做一些 数据合法性的判断，方便用户数据准确的输入，html 语言是用来承载 asp、javascript 语言的。在程序开发的过程中借助 dreamweaver 开发软件 使得程序开发更加方便。 1.3.1 asp 简介 asp 是 active server page 的缩写，意为“动态服务器页面” 。asp 是 微软公司开发的代替 cgi 脚本程序的一种应用1，它可以与数据库和其它 程序进行交互，是一种简单、方便的编程工具。asp 的网页文件的格式

12、是 2013 毕业设计论文 2013 毕业设计论文 *.asp，现在常用于各种动态网站中。另外阿斯匹林、天门冬氨酸、阿里软 件销售合作伙伴、美国武装系统暨程序公司等的缩写也都为 asp。 asp 是一种服务器端脚本编写环境，可以用来创建和运行动态网页或 web 应用程序。asp 网页可以包含 html 标记、普通文本、脚本命令以及 com 组件等。利用 asp 可以向网页中添加交互式内容（如在线表单） ，也 可以创建使用 html 网页作为用户界面的 web 应用程序。 asp 的运行环境， 在 windows 2000/px 操作系统中需要安装 iis3.0 及 以上版本来支持 asp 的运

13、行2，iis 所提供的功能比较完善。 1.3.2 access 简介 microsoft office access(前名 microsoft access)是由微软发布的关联式 数据库管理系统3。它结合了 microsoft jet database engine 和图形用户界面 两项特点，是 microsoft office 的成员之一5。 access 2003 就是关系数据库开发工具，数据库能汇集各种信息以供查 询、存储和检索。access 的优点在于它能使用数据表示图或自定义窗体收 集信息，而且它使用起来也是特别的方便和简单。数据表示图提供了一种 类似于 excel 的电子表格，可以

14、使数据库一目了然。另外，access 允许创 建自定义报表用于打印或输出数据库中的信息。access 也提供了数据存储 库6，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其 他用户共享数据库。access 是一种关系数据库工具，关系数据库是已开发 的最通用的数据库之一。如上所述，access 作为关系数据库开发具备了许 多优点，可以同时拥有桌面数据库的便利和关系数据库的强大功能7。为 建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代 码，就可以完成大部分数据管理的任务。 微软的 jet 数据库引擎（操作数据库的一段程序或程序段）提供了与 数据库打交道的途径，我们是通

15、过它以及 asp.net 来访问数据库，并对其 进行各种操作。asp.net、access 以及其他微软的软件产品都是通过共用 jet 数据库引擎，从而给用户提供了丰富的数据类型。 1.3.3 html html（hypertext markup language，超文本标记语言） ，它用 html 标记来标注文本或图形的属性。即使用 frontpage 制作网页，文件里最后存 入的其实也是 html 语言。下面就简单介绍一下常用的 html 标记。 1html 文件结构很简单，结构严谨清晰 标题文字头部内容 2013 毕业设计论文 2013 毕业设计论文 文档主体内容 html 是由英文单词

16、或字母和,/等组成的。英文单词或字母，称为 标记。,/等称为标识符。有些标记是成对出现的，如文档主体内 容。前面一个表示标记开始起作用，下面表示这种标记的作用。个 别标记是单个的。标记可以嵌套使用，也不区分大小写。 2html 主要标记 表示这是一个 html 文档。 表示这是文档头部。 位于文档头部，浏览时显示在浏览器标题栏中。 表示文档主体部分。 换行 3标记的属性 大部分标记都可以使用各种修饰属性，如排列属性 align、背景色 backcolor、宽度 width、高度 height 等属性。 2013 毕业设计论文 2013 毕业设计论文 第 2 章 系统分析 2.1 可行性分析 已

17、具备的条件：用户可以查看各类新闻以及下载相关资源；管理员可 查看、发布、修改、删除新闻，以及对密码修改。 待解决的问题：数据库的构建、库的连接、各个表的创建、代码编写、 页面的设计实现、数据调用、系统数据库安全实现。旅游管理与地理科学 学院的系统免费运行在呼伦贝尔学院的网站服务器上，系统由本人制作， 系统的后期维护也是由本人免费维护。系统的制作和运营的成本特别低。 采取的编程语言和数据库：asp 编程语言和 access 数据库。 枝术可行性方面，该网站使用 asp 作为编程语言，具有效率高、可重 用性强、代码量少等优点。access 为数据库环境，具有强大的存储功能和 查询功能。经济可行性方

18、面，由于该系统由本人制作，而且系统服务器由 呼伦贝尔学院已经运行的服务器作为本系统的服务器端，维护人员由旅游 管理与地理科学学院学生维护，系统操作简单，只需要半天培训即可使用。 运行可行性方面，该系统运行时分为两种权限：普通用户、管理员用户。 实现各个不同用户的操作权限。 通过对上述几方面进行可行性分析和研究后，我们认为该项目的开发 是可行的。 2.2 需求分析 客户可以在链接网络的计算机上在线浏览旅游管理与地理科学学院的 信息和下载学院的资源，但是没有发布和修改系统信息的权限；本系统目 前设定一个超级管理员，当管理员登录后可以发布、编辑和删新闻，通过 后台编辑新闻置顶属性，可以使首页某个栏目

19、新闻置顶显示，同样管理员 也可以修改登录密码。 系统使用 asp 语言编写，管理员发布信息后，提交到验证页面，由系 统的 javascript 语句验证管理员发布的信息是否合法，如果合法就写入数据 库，之后就能够被子程序调用到系统前台的相应目显示，否则管理员重新 填写数据。管理员在对信息修改后，提交到数据验证页面对数据的合法性 进行验证，例如某个数据不能为空。 在系统安全方面，首先当系统管理员登陆的时候，系统会自动记录用 户登录的信息，包括用户登录的 ip 地址和用户名称等，如果系统出现了数 据的丢失问题，就可以通过出现问题的时间段，查询到数据库中的用户登 录 ip 地址，从而进一步的查到使用

20、人。其次，如果通过系统后台删除数据， 数据是可以恢复的，系统后台的删除只是给数据标记了一个删除标记，在 前台的数据调用是排除了标记删除的数据。然后，对数据库的名称加入特 殊的字符“#” ，可以防止非法用户下载数据库，从而获得数据库的管理员 账号和密码；数据库中加入了一个防止下载的表，数据库的字段值是 ole 2013 毕业设计论文 2013 毕业设计论文 对象，如果用户非法下载数据库，那么就会被中断，因为网络不允许对 ole 对象进行下载。再次，对后台的每一个管理页面进行了用户是否登录 验证，防止非法用户在没有登录的状态下对后台的数据进行修改。最后， 对数据库的用户密码进行了 md5 加密，管

21、理员的密码长度越长，md5 被 破解的难度就会加大。 系统主要由学院概况，机构设置，党团建设，教育教学，科学研究， 招生就业，校友之窗，文件下载以及网站首页还有一个快捷功能模块入口， 其中包含实践教学，导游资格考试，学生讲坛，学子风采，体验旅地这几 个功能模块组成。学院概况栏目主要简绍了学院的领导和学院的历史以及 学院的现有状况；机构设置栏目主要对现有的党政领导、工会、学术委员 会、教学委员会和院内环节的负责人进行了简单的简绍；党团建设栏目主 要对党务工作、工会工作和学生工作中的重要事件进行发布；教育教学栏 目主要对现有的教师队伍的人员进行了简单的简绍等一些主要功能。系统 的功能图如图 2-1

22、 所示。 图 2-1 主要功能模块图 打开系统后，普通用户可以浏览系统前台各个栏目的文章，也可以打 开资源下载页面，下载需要的资源。管理员登陆系统后，可以对各个栏目 的文章进行发布和修改，对资源进行发布，对管理员密码进行修改。其流 程图如图 2-2 所示。 2013 毕业设计论文 2013 毕业设计论文 图 2-2 系统流程图 2013 毕业设计论文 2013 毕业设计论文 第 3 章 系统设计 3.1 基本结构和处理流程 当用户为管理员时系统主要分为以下几个功能模块：管理员登录模块， 密码修改模块，信息发布、修改和删除模块，系统退出模块。管理员登陆 模块主要是通过验证用户输入的用户名、密码和

23、验证码是否和数据中的值 匹配从而使管理员登陆，管理员登陆后，系统会生成一个 session 会话，用 来标记管理员登陆，之后有权限打开后台的其它模块。当管理员登陆后才 能进入密码修改模块，用户输入旧的管理员密码和俩个相同的新密码才能 修改密码。管理员登陆后才能对信息进行发布、修改和删除。管理员点击 退出模块，系统清除用户登陆的 session 会话5，用户安全退出，并返回到 系统首页。 当用户是普通用户时系统分为以下两个模块：前台新闻浏览，和前台 资源下载。普通用户不需要登陆就可以查看系统前台各个栏目的文章，以 及下载相关资源。其功能模块图，如图 3-1 所示。 图 3-1 能模块图 3.2

24、数据库设计 根据系统功能设计的需求、系统安全以及功能模块的划分，所需数据 库信息存储表有 4 张，其中主要表的具体设计如下。 系统采用 access 数据库，首要问题是建立后台的数据库。数据库中 的数据资料来源于旅游管理与地理科学学院教学过程中的各种资料数据。 经过仔细比较和综合之后，充分考虑便于管理和执行效率，建立信息 数据库，分别命名为：j_admin 表（管理员登陆表） 、j_log 表(用户登陆信息 记录表)、j_news 表（学院新闻表） 、%nodown 表（这个表主要功能是防 止下载本网站的数据库） 。 2013 毕业设计论文 2013 毕业设计论文 1管理员登陆表：管理员表记录

25、了管理员的登陆密码和登陆的 ip，以 及加入了权限和随机数这两个字段，方便日后系统的进一步升级，具体数 据见表 3-2。 表 3-2 j_admin 字段名称数据类型字段大小必填字段 id自动编号5是 adminname文本18是 username文本18否 password文本18是 purview数字2否 lastloginip文本18否 lastlogintime日期/时间19否 lastlogouttime日期/时间19否 logintimes数字5否 rndpassword文本18否 2用户登陆信息记录表：用户登陆信息表记录了管理员每一次登陆的 部分信息，例如用户登陆的 ip 地址、

26、登陆的日期等，作为管理员登陆日志， 具体数据如表 3-3 所示 表 3-3 j_log 字段名称数据类型字段大小必填字段 logid自动编号5是 logtype文本2否 channelid数字2否 logtime日期/时间19是 username文本18是 userip文本18是 logcontent文本225否 scriptname文本225否 poststring备注225否 3防止下载表：这个表的建立不是用来存储数据的，是用来防止非法 用户下载数据库的，access 的数据库被下载的时候也是做为 asp 的解释程 序。当出现了“%”时服务器会认为是 asp 的分界符。而后面的数据肯 定是

27、二进制的。所以不能下载，具体数据如表 3-4 所示 表 3-4 %nodown 字段名称数据类型字段大小必填字段 %ole 对象 2013 毕业设计论文 2013 毕业设计论文 4学院新闻表：用来存放学院所有新闻和资源文章，delflag 是用来 作为记录被删除的标记，记录被调用时，会按照 top 字段和以及日期字段 进行排序，具体数据如表 3-5 所示 表 3-5 j_news 字段名称数据类型字段大小必填字段 id自动编号5是 title文本38是 connect备注225是 time日期/时间19是 adder文本18是 hits数字5否 class数字5否 newid数字5否 delf

28、lag布尔否 top数字1否 3.3 数据库 e-r 图 在系统的数据库设计中，先要对系统分析得到的数据库字典中的数据 存储进行分析4，分析各数据存储之间的关系，然后得出系统的关系模式， 为了把用户的数据要求清晰明确地表达出来，通常要建立一个概念性的数 据模型（也称为信息模型）5。概念性数据模型是一种面向问题的数据模 型，是按照用户的现实环境，且与在软件系统中的实现方法无关。最常用 的表示概念性数据模型的方法，实体-联系图(entity relationship diagram） 6。这种方法用 e-r 图描述现实世界中的实体，而不涉及这些实体在系统 中的实现方法。用干这种方法表示的概念性数据

29、模型又称为 e-r 模型。e- r 模型中包含“实体、联系、属性”三部分7。 管理员包括：编号，名字，会员名，密码，登录 ip，登录时间，退出 时间，登录次数，验证码，实体属性图如图 3-6 所示： 图 3-6 管理员实体属性图 登录日志包括：编号，日志类型，频道 id，操作时间，操作人，ip 地 址，操作信息，程序名，参数内容，实体属性图如图 3-7 所示。 2013 毕业设计论文 2013 毕业设计论文 图 3-7 登录日志实体属性图 新闻包括：编号，标题，内容，日期，添加人，阅览次数，类别，排 序，删除标志，置顶，实体属性图 s 如图 3-8 所示。 图 3-8 新闻实体属性图 下面给出

30、本系统的 e-r 图如图 3-9 所示。 图 3-9 e-r 图 3.4 系统的特点 1管理界面友好 本系统在开发过程中，严格遵循系统的界面可视化风格。界面简洁统 一，易学易用。交互性强，易于大多数人群操作。 2操作简单 在数据提交的过程中，加入了 javascript 语句判断8，如果用户输入错 2013 毕业设计论文 2013 毕业设计论文 误就会有相应的错误提示。 3代码编写方面 系统前台使用了目前流行的 div+css 进行布局9，代码加载速度快， 兼容性好，适应多种浏览器浏览。 4安全方面 对数据库进行了防下载、防注入等方面的安全防范10。数据库对用户 每次登录进行了详细的记载。 5

31、seo 优化 本网站进行了简单的 seo 优化，对网站关键字和描述方面进行了优化 11，并且在网站根目录下建立了 robots.txt 和网站地图，方便搜索机器人的 采集和收录，防止非法搜索机器人搜索，占用大量的服务器资源。 6用户密码防泄露 本站点对用户的密码进行了 md5 加密12，即使数据库泄露也不会马 上破解用户登陆密码。 2013 毕业设计论文 2013 毕业设计论文 第 4 章 系统实现 4.1 后台设计 4.1.1 页面登陆实现 功能描述：用户输入用户名、密码和验证码后，点击登录，系统首先 会验证用户名、密码和验证码是否为空，如果有一个以上的为空，提示用 户名、密码或验证码为空并

32、返回重新登录；如果用户名、密码和验证码都 不为空，然后系统测试验证码是否正确，如果不正确提示验证码错误，返 回重新登录，如果正确，验证密码和用户名称是否正确，如果都正确就登 录成功，系统会做一个 session 会话13，用来记录管理员已经登录，之后转 入管理界面，否则提示密码或用户名错误并返回重新登录。 其页登陆界面如图 4-1 所示，用户登录模块的程序流程图如图 4-2 所示。 图 4-1 管理员登录界面 图 4-2 程序流程图 部分主要代码如下： % dim sql, rs dim username, password, checkcode, rndpassword 2013 毕业设计论

33、文 2013 毕业设计论文 username = replacebadchar(trim(request(username) password = replacebadchar(trim(request(password) if username = then founderr = true errmsg = errmsg history.go(-1);) else openconn() set rs=server.createobject(adodb.recordset) rs.open select * from j_news where id=location.href=admin_ne

34、ws.asp ;) conn.close set conn=nothing 获取表单传过来的 id 值，并设置这个 id 的记录 delflag 的值为假， 显示提示信息，关闭数据库，并把定义的组件设置为空。 6信息增加界面： 功能描述：增加某个栏目的文章，界面如图 4-7 所示。 图 4-7 增加信息界面 页面部分代码如下： if (lb=0) then response.write(学院简介历任 2013 毕业设计论文 2013 毕业设计论文 领导历史回顾) end if % % if (lb=1) then response.write(党政领导工 会学术委员会教学委 员会院内环节) e

35、nd if % 当点击某个栏目的后，系统获取传递过来的值，判断返回的栏目数据。 7信息增加验证界面： 功能描述：验证提交表单数据是否合法，如果合法就添加数据。 页面部分主要代码如下： title=request.form(title) newsclass=request.form(newsclass) adder=request.form(adder) connect=request.form(connect) top=request.form(top) if title= or connect= then response.write(alert(请添写完整信息);history.go(-1

36、); ) else openconn() set rs=server.createobject(adodb.recordset) rs.open select * from j_news,conn,1,3 if not rs.eof then rs.movelast newid=rs(newid)+1 获取表单传递过来的值，验证变量是否为空，如果不为空就添加数据 到数据库，否则，提示错误并返回重新增加数据。 8管理员密码修改界面 功能描述：用户输入正确的原密码和两个相同的新密码，提交到管理 员密码修改验证页面。面如图 4-8 所示。 页面部分代码如下： 2013 毕业设计论文 2013 毕业设

37、计论文 用 户 名 ： 原密码： 新密码 ： 重复新密码： 图 4-8 密码修改界面 9管理员密码验证界面 功能描述：把提交过来的数据验证，通过后提交到数据库，否则提示 出错并返回到上一个页面。 response.write() set rs=server.createobject(adodb.recordset) rs.open select * from j_admin where id=1,conn,1,1 id=request.form(id) adminname=request.form(user_name) password_y=request.form(pwd_y) passwo

38、rd=request.form(pwd) password_r=request.form(pwd_r) if password= or password_r= or password_y= then response.write(alert(原密码、新密码或重复密码为空，请重新 输入!);history.go(-1);) 2013 毕业设计论文 2013 毕业设计论文 elseif md5(password_y)rs(password) then response.write(alert(原密码错误，请重新输入！);history.go(-1); ) elseif password_rpass

39、word then response.write(alert(两个新密码不相同，请重新输入！); history.go(-1); ) else openconn() set rs=server.createobject(adodb.recordset) rs.open select * from j_admin where id=1,conn,1,3 rs(password)=md5(password) rs.update rs.close set rs=nothing call closeconn() response.write(alert(密码修改成功，请记好密码!); location

40、.href=admin_ped.asp;) end if 4.2 前台设计 用户打开系统后，首先看到的是 index.asp 页面，也就是系统的首页， 页面展示了几个重要的模块，新闻模块，通知模块，学生活动模块，友情 链接模块以及快速入口模块。导航栏目包括了大部分的功能栏目，首页界 面如图 4-9 所示。 文章列表页，展示了某个栏目的所有文章，而且栏目文章页可以按置 顶和日期排序。界面如图 4-10 所示。 2013 毕业设计论文 2013 毕业设计论文 图 4-10 文章列表界面 图 4-9 首页界面 资源列表页，列出了系统上传的资源，打开页面可以下载资源，资源 列表页与新闻列表页样式相同，资源下载页面如图 4-11 所示。 图 4-11 资源下载界面 文章显示页面，读者可以浏览文章的内容，如图 4-12 所示。 部分主要代码如下： 学生活动 more 2013 毕业设计论文 2013 毕业设计论文 图 4-12 文章浏览界面 id=request.querystring(id) set rs=server.createobjec