毕业论文：基于响应式页面的资讯类门户网站的设计与实现

毕业论文：基于响应式页面的资讯资讯类门户网站的设计与实现

作者 林顺 武汉交通职业学院 电子与信息工程学院

摘 要

互联网正在改变一切。现在有多少行业从之前的线下经营搬到线上经营，目的就是为了顺应科学技术的发展，跟进时代潮流的步伐。我们每天都会做的一件事，那就是打开手机或者电脑看资讯，之前用户了解资讯都是通过订阅报刊、书籍、杂志或者通过资讯媒体实现的，现如今，手机和电脑是用户使用最多的，显而易见，为了让用户更方便、更快的关注到资讯，资讯类的网站正在崛起。

上述就是我会选择《基于响应式页面设计技术和后台开发技术的PC及移动端自适应的资讯资讯类门户网站的设计与实现》作为我的毕业设计题目的原因。

本文所描述的《资讯资讯类门户网站》的设计和开发技术，前端设计方面运用了B/S技术，只为了给用户最完美的用户操作体验。本应用的后台开发运用的是java开发技术，数据库采用了MySQL数据库进行数据的存储操作。

关键词：WEB；资讯； *** P；系统；MySQL；B/S技术

The is .Now how many from the to , the is to with the of and , to the pace of the trend of The Times.We do one thing every day, and it is open a phone or to watch the news, users the news , books, , or the news media, , cell and is one of the most users, it is that in order to make the user more and to focus on the news, news is on the rise.

This is why I “ and of PC and news and based on page and ” as the topic of my .

The and of news and in this paper USES B/S in the front end , just to give users the most user .The of this is the use of Java , the USES MySQL for data .

: WEB； press ； *** P；MySQL

之一章 绪论

互联网正在改变一切。现在有多少行业从之前的线下经营搬到线上经营，目的就是为了顺应科学技术的发展，跟进时代潮流的步伐。我们每天都会做的一件事，那就是打开手机或者电脑看资讯，之前用户了解资讯都是通过订阅报刊、书籍、杂志或者通过资讯媒体实现的，现如今，手机和电脑是用户使用最多的，显而易见，为了让用户更方便、更快的关注到资讯，资讯类的网站正在崛起。

从近几年信息发布网站如春笋般出现不难看出人们对外界信息了解很大程度上依赖于信息类发布网站，由于智能手机的普及会导致该需求在日益增长，人们都开始依赖于这些信息类发布网站，对信息的阅读也不仅仅只限于几个信息发布网站，而是越多越好，只要是能够满足他们对信息了解的需求的网站都能够孕育而生，这些网站的出现影响了我们这一代人的生活习惯和信息获取方式，也为人们茶前饭后的业余生活增添了色彩。

如今计算机已经被广泛应用于人工智能，信息获取，信息发布的各个方面,计算机网络技术也得到飞速的发展。我们上网不单单只是为了看电视和收发电子邮件,日常生活中的娱乐活动,人们都可以通过网络来完成。而对于资讯发布来讲,通过网络可以更快捷的发布国际国内资讯信息。随着互联网技术的重要提升，为媒体和信息商家行业提供了更好的信息传播，信息发布行业采用最前端技术使信息的制作质量得到了飞速提高。资讯资讯类门户网站，它的内容对于如今社会各层次的人们来说都至关重要,所以资讯网应该能够为用户提供真实实用的信息和便捷的查询手段，及快捷的发布方式，让媒体更快发布给读者等等。随着科学技术的不断提高,计算机科学日渐成熟,它强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机对资讯信息进行管理,有着手工管理所无法比拟的优点.检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高人事劳资管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。

资讯资讯类门户网站，在充分了解资讯业务流程的基础上，采用一系列最新的信息处理技术，对资讯进行科学化管理，实现了资讯信息的最广泛共享，使资讯可以通过计算机网络完成发布。而用户则随时随地都可以通过计算机浏览该网站。

科学技术日新月异发展的今天,生活节奏加快导致的人民需求也提高。人们渴望获得更加及时性,简单明确的资讯消息。传统的以报纸期刊,杂志已经不能满足人们期待获得之一手消息的愿望。因此,以互联网为传媒单位的资讯发布管理系统开始逐步替代原有的落后的消息,而成为当代新的潮流方式。资讯资讯类网站以最迅速便捷的方式,使得人们不需要出门而获得分享世界各地的资源,进行交流。而资讯网站的时效性,让所有的评论和阅读可以实时更新。资讯采编发布系统,是通过管理网上发布的资讯和评论,将变动的信息进行有效的管理,网络用户因此可以获得资讯的多媒体显示。 论文介绍了乐闻网系统的研究背景、项目意义和目前的研究与应用现状,明确了论文研究的内容和主要工作；进行业务分析的过程后,系统存在的问题、整体结构、原来的业务流程等都做了进一步的研究,由此得到了改造后的业务流程；模块的功能分析,用例分析和用例描述,并确定了系统的功能,该系统图和包图和子功能的整体功能,包括资讯发布和其他包图；最后的数据分析环节中,整个系统每个功能模块所需要处理的数据都有被分析讨论,根据这些数据之间的关系,实体类关系图和数据库表结构建立起来；文章最后的部分是资讯资讯类门户网站研究与分析工作进行了总结,提出了分析中存在的问题,对将来的深入工作投入更多的努力和细致的研究,做出了新的展望。

第二章 相关技术介绍

2.1 JAVA简介

Java是由Sun 公司于1995年5月推出的Java面向对象程序设计语言和Java平台的总称。由James 和同事们共同研发，并在1995年正式推出。

Java分为三个体系：

（J2SE）（Java2 ，java平台标准版）

(J2EE)(Java 2 , ，java平台企业版)

(J2ME)(Java 2 Micro ，java平台微型版)。

2005年6月，大会召开，SUN公司公开Java SE 6。此时，Java的各种版本已经更名以取消其中的数字"2"：J2EE更名为Java EE, J2SE更名为Java SE，J2ME更名为Java ME。

Java的主要特性Java语言是简单的：

Java语言的语法与C语言和C++语言很接近，使得大多数程序员很容易学习和使用。另一方面，Java丢弃了C++中很少使用的、很难理解的、令人迷惑的那些特性，如操作符重载、多继承、自动的强制类型转换。特别地，Java语言不使用指针，而是引用。并提供了自动的废料收集，使得程序员不必为内存管理而担忧。



Java语言是面向对象的：

Java语言提供类、接口和继承等面向对象的特性，为了简单起见，只支持类之间的单继承，但支持接口之间的多继承，并支持类与接口之间的实现机制（关键字为）。Java语言全面支持动态绑定，而C++语言只对虚函数使用动态绑定。总之，Java语言是一个纯的面向对象程序设计语言。



Java语言是分布式的：

Java语言支持应用的开发，在基本的Java应用编程接口中有一个网络应用编程接口（java net），它提供了用于网络应用编程的类库，包括URL、、、等。Java的RMI（远程方法激活）机制也是开发分布式应用的重要手段。



Java语言是健壮的：

Java的强类型机制、异常处理、垃圾的自动收集等是Java程序健壮性的重要保证。对指针的丢弃是Java的明智选择。Java的安全检查机制使得Java更具健壮性。



Java语言是安全的：

Java通常被用在网络环境中，为此，Java提供了一个安全机制以防恶意代码的攻击。除了Java语言具有的许多安全特性以外，Java对通过网络下载的类具有一个安全防范机制（类），如分配不同的名字空间以防替代本地的同名类、字节代码检查，并提供安全管理机制（类）让Java应用设置安全哨兵。



Java语言是体系结构中立的：

Java程序（后缀为java的文件）在Java平台上被编译为体系结构中立的字节码格式（后缀为class的文件），然后可以在实现这个Java平台的任何系统中运行。这种途径适合于异构的网络环境和软件的分发。



Java语言是可移植的：

这种可移植性来源于体系结构中立性，另外，Java还严格规定了各个基本数据类型的长度。Java系统本身也具有很强的可移植性，Java编译器是用Java实现的，Java的运行环境是用ANSI C实现的。



Java语言是解释型的：

如前所述，Java程序在Java平台上被编译为字节码格式，然后可以在实现这个Java平台的任何系统中运行。在运行时，Java平台中的Java解释器对这些字节码进行解释执行，执行过程中需要的类在联接阶段被载入到运行环境中。



Java是高性能的：

与那些解释型的高级脚本语言相比，Java的确是高性能的。事实上，Java的运行速度随着JIT(Just-In-Time）编译器技术的发展越来越接近于C++。



Java语言是多线程的：

在Java语言中，线程是一种特殊的对象，它必须由类或其子（孙）类来创建。通常有两种方法来创建线程：其一，使用型构为()的构造子类将一个实现了接口的对象包装成一个线程，其二，从类派生出子类并重写run方法，使用该子类创建的对象即为线程。值得注意的是类已经实现了接口，因此，任何一个线程均有它的run方法，而run方法中包含了线程所要运行的代码。线程的活动由一组方法来控制。Java语言支持多个线程的同时执行，并提供多线程之间的同步机制（关键字为）。



Java语言是动态的：

Java语言的设计目标之一是适应于动态变化的环境。Java程序需要的类能够动态地被载入到运行环境，也可以通过网络来载入所需要的类。这也有利于软件的升级。另外，Java中的类有一个运行时刻的表示，能进行运行时刻的类型检查。

2.2 *** P技术简介

*** P全名为Java Pages，中文名叫java服务器页面，其根本是一个简化的设计，它是由Sun 公司倡导、许多公司参与一起建立的一种动态网页技术标准。 *** P技术有点类似ASP技术，它是在传统的网页HTML(标准通用标记语言的子集)文件(.htm,.html)中插入Java程序段()和 *** P标记(tag)，从而形成 *** P文件，后缀名为(*.jsp)。 用 *** P开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。

*** P 技术使用Java编程语言编写类XML的tags和，来封装产生动态网页的处理逻辑。网页还能通过tags和访 问存在于服务端的资源的应用逻辑。 *** P将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 *** P( Pages)是一种动态页面技术，它的主要目的是将表示逻辑从中分离出来。

Java 是 *** P的技术基础，而且大型的Web应用程序的开发需要Java 和 *** P配合才能完成。 *** P具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。

2.3 MySQL数据库简介

MySQL是一种开放源代码的关系型数据库管理系统（RDBMS），使用最常用的数据库管理语言–结构化查询语言（SQL）进行数据库管理。

MySQL是开放源代码的，因此任何人都可以在 的许可下下载并根据个性化的需要对其进行修改。

MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容更好的选择。

MySQL这个名字，起源不是很明确。一个比较有影响的说法是，基本指南和大量的库和工具带有前缀“my”已经有10年以上，而且不管怎样，MySQL AB创始人之一的Monty 的女儿也叫My。这两个到底是哪一个给出了MySQL这个名字至今依然是个迷，包括开发者在内也不知道。

MySQL的海豚标志的名字叫“”，它是由MySQL AB的创始人从用户在“海豚命名”的竞赛中建议的大量的名字表中选出的。获胜的名字是由来自非洲斯威士兰的开源软件开发者 提供。根据所说，来自一种叫的斯威士兰方言，也是在的家乡乌干达附近的坦桑尼亚的的一个小镇的名字。

MySQL，虽然功能未必很强大，但因为它的开源、广泛传播，导致很多人都了解到这个数据库。它的历史也富有传奇性。

第三章 功能需求分析

3.1功能需求

本资讯资讯类门户网站系统主要由前台会员模块和后台管理模块两部分组成。游客在进入该网站后，不仅可以浏览各类资讯链接和广告信息，还可以选择查看各资讯火资讯的详细信息并统计点击次数。此外，用户还可以成为会员，会员还能通过输入关键词查搜索该网站的所有资讯和资讯，另外还可以对信息进行评论，发布帖子，回复帖子；管理员登录后，不仅可以查看所有资讯条目，广告，查看并编辑会员信息，会员发布的帖子，还可以添加，删除，修改所有资讯资讯和用户信息。管理员还可以根据实际情况添加其他管理员以维护该资讯资讯类网站的环境和安全。

针对于需要实现的基本功能。本网站提供了不同类型资讯（如社会资讯、娱乐资讯和技术前沿资讯等） 满足不同用户需求；系统将用户分为：普通用户，系统管理员和资讯管理员。 普通用户能在本系统中进行资讯浏览，阅读，资讯搜索。每条资讯的标题被做成一个链接，用户点击它们就能跳转页面进行资讯阅读；资讯阅读页面,每条资讯的详细信息将被取出，包括内容、标题等；用户能根据自己的需要搜索资讯，如可以通过资讯标题或资讯内容对资讯进行搜索,这样可以快速地找到符合条件的资讯，并输出搜索结果；用户能对资讯进行被评论（允许匿名评论）。 系统管理员可以进行资讯分类管理、添加资讯、修改资讯、资讯审核和删除资讯，同时系统管理员能完成用户管理如包括系统用户管理、添加用户和更改账号。 资讯管理员拥有添加资讯和更改账号的权限。根据用户不同，给予不同权限，这样加强系统的管理，同时加强系统的安全性。

普通用户的用例图如图3-1,普通用户可以浏览资讯,用户登入,资讯评论的功能；

图3-1普通用户用例图

管理员用户用例图3-2管理员拥有用户登入,评论管理,资讯栏目管理,资讯管理这些权限。

图3-2管理员用户用例图

3.2性能需求

根据资讯系统的需求进行开发设计，主要实现如下目标：界面设计友好、美观、数据要准确、安全、可靠。 强大查询功能，方便用户浏览网站的所有信息。 设计会员登陆功能，保证资讯留言的安全性。实现对信息、比赛项目等信息的添加、修改、删除，便于更新网站内容。 系统更大限度地实现易维护性和易操作性。 操作的简易实用性本系统是社会资讯发布系统,针对的用户大多数是社会人员。因此操作的简易实用性就体现的尤其重要。在此系统的开发中就很好的体现了这一点,系统的界面美观,典雅,充满了人性化;用户操作起来也容易上手。对于一个社会资讯发布系统而言资讯信息是很多的，而且使用人数较多，所以对系统的安全性有比较高的要求：对于数据库，要设置不同用户的权限，数据的修改必须由合法用户操作。

3.3 可靠性和用户界面需求

为更好地加强资讯网络系统、资讯网站、个人主页的管理，认真落实网络和信息安全保障制度，防范和处理社会网络管理重大突发事件和敏感事件，确保网络提供稳定、安全的信息服务。

法律可行性研究本系统的设计和开发不会在社会和个人上构成侵权或其它一些责任纠纷。因为该系统是作为毕业设计来研究的，它与商业无关，而且是自我进行的设计开发，因此不会造成信息泄露，系统中的一些数据都是自己模拟出来的不会对社会对个人造成不必要的侵权，因此在法律上是可行的。

网站界面是用户直接访问的页面，要让用户一访问就能看出来这个网站的主题思想是什么，一下就能体现出这个网站的中心内容。并且首页的模块之间要联系紧密，更好的让用户理解明白。在这个页面上我们要做到所有查看消息的功能都能实现，或者说有能实现查询信息功能的连接。

3.4系统E-R模型

为了确保正确的数据在系统中能够客观真实地反映世界，其中的一些完整性规则通过一些控制的标准作业应用程序来实现。数据库要具有安全性，这数据库系统重要的一个方面，它是指保护数据库以防止非法使用，包括破坏和未授权访问等行为。

但是由于本次设计开发的系统涉及到的数据都不具备保密性的数据，因此不需要采取特别复杂的安全措施，只须防止数据被人随意改动即可。根据系统要求，可以列出以下数据项和数据结构，下面用E-R图2-4来表示实体模型

图2-4实体模型

3.5 系统流程分析

为了使用户进一步了解本系统设计，这节将对系统进行流程过程的分析。用户进行身份判断分为两个阶段：

(1).判断该用户是否是本系统的注册用户。

(2).判断注册用户属于管理员还是普通用户。

之一阶段是将准备登录的用户名和密码与系统连接的数据库中的用户信息表中的数据进行匹配，如果能够在数据库中找到对应的用户则登录成功。第二个阶段是根据该有效用户的用户名查找出该用户对象，根据用户对象中的style属性值决定其工作界面。

该系统一分为二的分成了前台系统和后台系统，后台系统具有对身份判断的上面两个阶段，前台对身份的判断只有上面的之一阶段

图3-6展示了后台系统的登录流程。超级管理员能够对所有普通用户的信息和普通管理员的信息进行管理以及对所有资讯信息进行管理，而普通管理员少了一个对普通用户信息管理的权限。

图3-6后台系统的登录流程

第四章 系统功能实现

4.1 系统架构

本次设计开发的系统是B / S模式系统。后台数据处理层，中间业务逻辑层，用户界面层组成三层结构的体系。后台使用数据库，中间层使用数据的分析和处理程序，前台使用WEB连接的三种层次结构的发展模式。使用和MySQL数据库和 *** P技术平台开发。

前端软件使用Web技术开发，通过在服务器端下载的方式使客户端运行，这样可以在更大程度上提高整个系统的安全性能;客户界面采用浏览器，操作起来非常简单，大量的培训费用和时间又可以节省。在具体实施的时候，我们可以充分的利用 *** P技术，WEB开发出来大大提高了应用的扩展性、功能性及可靠性，最终的结果就不是简单的HTML页面了，而是可在它之上构筑一种应用完整的平台。系统主要是针对资讯发布工作的管理。根据分析系统确定的功能以及目标，采用逐步求精、自顶到底的设计结构化方法，系统进行了结构设计。系统开发设计分析图如图4-1所示

图4-1系统开发设计基本设计图

4.2 系统设计

系统不仅要求功能完善，而且还要界面友好，因此，对于一个成功的系统设计，功能模块的设计是关键。由于本系统可执行的是一般性质的教学管理工作，本系统具有一般适用性，其所实现的功能满足学校对日常课程网站工作的管理，方便老师和学生的沟通。系统设计的图像的数据流分析阶段的需要结构化设计的概要说明的基础上，根据映射到软件体系结构的某些程序。首先，整个系统分成几个小的模块，小的问题，然后，进一步细分模块，添加细节。

据资讯发布系统的需求分析，确定此系统分为前台资讯显示和后台管理两类。前台资讯显示模块分为资讯浏览、资讯搜索、留言板等几个模块，管理员通过输入的用户名和密码登陆后台管理区，可以对后台进行管理页面、资讯类别管理、资讯管理、公告管理和系统设置等几个模块的操作[11]。如图3-2所示

在本系统中，根据对系统需求的分析，可以总结出如下的需求集:

（1）系统应有前台和后台；

（2）系统前台应该可以显示资讯栏目和资讯以及用于管理员登录系统后台的登录界面；

（3）一般用户应该可以在前台自由浏览资讯，包括选择性地浏览资讯即先选择资讯栏目再浏览资讯栏目下的资讯条目；

（4）注册用户可以发表相关资讯的评论,系统管理员应该可以登录到系统

后台；

（5）系统管理员应该可以对资讯栏目和资讯进行查看、修改、删除和添加操作，也可以对注册用户管理，同时还可以对相关资讯的评论进行管理。

由以上需求集分析可知：

（1） “资讯栏目”和“资讯”为系统的两个主要内容，所以应该分别作为一个类，而资讯栏目和资讯的显示需要管理类进行管理，系统管理员要对栏目和资讯进行查看、添加、修改和删除，也需要相应的管理类进行管理，所以，系统对于资讯栏目和资讯分别需要“栏目管理类”和 “资讯管理类”；

（2）系统中应该要有超级管理员、管理员、注册用户等角色，超级管理员是更高权限的，管理员是超级管理员发放的，注册用户是前台注册产生的。

（3）系统要保存信息，必须用到数据库，所以需要一个数据库连接的类；

（4）要将系统的各个功能执行成功，少不了相应的控制类。 因此，识别出系统主要的类：资讯管理类，栏目管理类，用户管理类，评论管理类数据库连接的连接对象类以及各个类。

4.3 系统数据库设计

该资讯系统的数据库包含三个表：资讯的基本信息表：、用户的留言表：和用户的信息表：users。

下面分别介绍这些表的结构。

1．资讯的基本信息表

基本资讯表用来保存网上资讯的基本信息，结构如表4-1所示。

编号 字段名称 数据结构 说明

1 id int 资讯编号

2 title (150) 资讯标题

3 (50) 资讯分类

4 text 内容

5 (50) 提交时间

6 adder (50) 登入用户名

7 visit int 浏览次数

8 gjz (500) 关键字

表4-1资讯基本信息表

在MySQL中，可以使用int、和text等3种数据类型存储字符数据。表中的字符是用来存储资讯的内容，由于一般资讯的正文内容都比较长选用text数据类型，在MySQL中 text数据类型也是可变长度的能储存大量数据。