基于HTML5技术的娱乐资讯追星网站设计与实现Word文档格式.docx

基于HTML5技术的娱乐资讯追星网站设计与实现Word文档格式.docx

《基于HTML5技术的娱乐资讯追星网站设计与实现Word文档格式.docx》由会员分享，可在线阅读，更多相关《基于HTML5技术的娱乐资讯追星网站设计与实现Word文档格式.docx（29页珍藏版）》请在冰豆网上搜索。

该网站的前台的功能有：

用户的登录注册、首页的信息浏览、分享评论、留言等面向客户的功能；

而后台功能主要是面向网站前后端的管理员，后台功能有：

后台的权限管理、用户登录注册管理、评论管理、留言管理等等。

为使用的用户提供一个方便、简捷的信息获取以及可互动交流的娱乐资讯网站，简单易用。

本文撰写该网站的设计与开发与实现过程。

关键词：

娱乐资讯HTML5JAVAMySQLTomcat

Abstract

Thiswebsitemainlyuses 

HTML5languagecombinedwithJavaprogramminglanguage,MySQLdatabaseandMybatistechnologytodesignanddevelop,andadoptsthepopularB/SsystemmodeandTomcatserver.Thedesignanddevelopmentofthewebsiteismodular,thefront-endandtheback-endareclearlyseparated,andthedatalogicusedforthewebsitepageisimplementedinthebackgroundoftheserver.Itprovidesaconvenientconditionforthemaintenanceorsecondarydevelopmentofthewebsite.Intheprocessofdevelopment,theconnectionofdatabase,theprocessingandthemanagementofbackgrounddata,thewebpagedesignaswellastherelatedtoolsandthewebsiteoverallmovementenvironmentdisposition,allreflecttheimportanceofmostofthebasicknowledgelearnedinthecourseofcollegemajor.

Thefront-endfunctionsofthewebsiteinclude:

userloginandregistration,homepageinformationbrowsing,sharingcomments,commentsandothercustomer-orientedfunctions;

thebackgroundfunctionsaremainlyforthefrontandbackendofthesiteadministrator,backgroundfunctionsinclude:

BackstagePermissionManagement,userloginmanagement,commentsmanagement,messagemanagement,andmore.Fortheusertoprovideaconvenient,simpleaccesstoinformationandinteractiveentertainmentnewswebsite,simpleandeasytouse.Thispaperdescribestheprocessofthedesign,developmentandimplementationofthewebsite.

Keywords:

EntertainmentnewsHTML5JavaMySQLTomcat

第1章绪论

1.1选题背景及意义

网络和信息科技的发展迅猛，如今绝大多数人都会用互联网进行信息的获取，在有网络的地方，我们通过身边的智能终端就能随时随地，可以快速浏览各种新闻资讯及数不尽的其他信息。

同时信息技术在生活的方方面面都有很多的应用，也随着生活水平的提升，人们会有更多的精神需求和追求。

从二十几年前简陋设计和功能的HTML网页网站开始，一步步演变转换扩展，不断进步，都是为创建良好的用户体验，现在的网站变得越来越多样，开发技术越来越好。

信息技术在各种行业资讯输出的利用和人们对资讯获取的需求，随之各种资讯平台层出不穷；

同时随着国内外明星娱乐行业的不断发展，粉丝获取自己喜欢的明星偶像及一些娱乐资讯也成了生活的重要组成部分。

现在追星现象是很普遍的，在身边的同学朋友多少都有自己喜爱的明星偶像，会使用手机、电脑等电子设备通过不同渠道去关注他们的资讯，通过微博、微信和今日头条等平台获取。

开发该网站是因为目前很少网站只专注于娱乐资讯并有用户交流模块。

因此，开发一个针对用户对娱乐资讯获取和用户可以进行交流的娱乐资讯平台具有实际的研究意义。

网络上的资源在早期只有静态的Html技术实现的静态页面，后来能够通过PHP、Jsp和Asp的动态web资源开发技术实现可交互的动态网页。

通过浏览器/服务器结构模式和Web动态网站开发技术，让用户能获取信息同时能进行分享交流的交互体验。

娱乐资讯追星网站页面布局设计清晰，以用户为中心，为用户提供娱乐资讯和明星偶像的信息获取，同时也提供用户分享交流。

做出一个能快速阅览明星娱乐资讯，给用户提供一个便捷的体验。

通过基于HTML5及其他技术开发的资讯网站，为用户推送明星娱乐资讯，给予用户一个方便的娱乐资讯获取和交流的平台，同时倡导用户理智追星！

1.2课题研究的目的

现在是信息技术时代，互联网的普及，网络科技的高速发展，绝大部分的人都会通过电脑手机等终端获取信息，与传统信息传播媒体相比，更方便、快捷，环保，也满足人们对快速变化的信息的好奇心。

生活水平的不断提高，人民对精神娱乐的追求也不断增加，同时还有娱乐文化发展相关，通过网上进行本课题相关的问卷调查，人们追星现象也越普遍化，对明星的新闻资讯花边信息需求增加；

即便不追星，在茶余饭后无聊时也可能聊一下明星娱乐八卦的。

在进行了问卷调查结果的对象里学生占86%左右，还有网上的一些有效调查数据显示，追星也多在18-25年龄阶段，结合身边的情况可以得到结论，因为多数在校留宿，很少看电视播放的资讯，他们通过笔记本、电脑和手机等上网，而学生也是网络高使用率人群，同时也是追星、或喜欢看娱乐新闻或爱看八卦的人群，为了解相关的明星近况或娱乐资讯，有这方面的心思和时间进行资讯浏览。

为此，也针对资讯类网站的发展趋势，为用户开发一个方便的娱乐资讯追星网站是可行的。

很多资讯网站都是以客户接收信息为主，而开发该网站不仅能进行资讯的浏览查阅，设计一个好的网站该有的特点：

交互；

互动性和交流性是现在动态网站开发重要特性；

不能只是提供用户单一的资讯浏览，可以更新，还要能交互，所以本网站会实现用户可进行评论和分享交流的留言功能。

浏览信息后可以在分享页面分享图文信息或发表评论，体现网站可扩充性:

用户可以进行内容输入，大量的数据要对数据库输入。

资讯会通过聚合数据的api随机更新，开放平台，让用户也能进行信息更新，让网站呈现出一种动态的变化之中，响应式和互动型的网页会给用户一个不错的体验，这样才能够跟好地吸引人气。

1.3设计方法与实施方案

网站结构设计方案：

使用Eclipse软件进行编程。

在设计方案中采用B/S模式（浏览器/服务器模式），该结构在后期功能的拓展和运营维护中比较简单、快捷，只需要增加或更改网页；

该模式还统一了客户端，核心的部分集中在服务器上，简化了系统的开发、维护和使用。

操作系统：

Windows10家庭版操作系统

数据库：

MySQL，用该数据库进行数据存储，运行速度快且体积小，小型的数据管理系统适用于个人开发的小网站，而且该数据库具有很高的安全性。

开发工具：

Eclipse。

开发语言：

HTML5、Css、Java、JavaScript、SQL语言。

开发技术：

HTML5、JSP、mybatis。

服务器：

Tomcat。

第2章开发工具和技术简介

2.1Eclipse简介

Eclipse是基于Java的可扩展开发平台，是Java的集成开发环境，就其本身来讲，它只是一个框架和一组服务的自由IDE开发环境，也可以支持如C#/C++等的编程语言的集成插件，它对Java环境具备针对性的功能优势，可以在其开放源码的基础上，还可以使用其他需要和下载好的开发语言的插件，灵活性高。

安装Eclipse之前要先在电脑安装了JDK，配置好开发环境，因为JDK是Java语言的软件开发工具包，包含Java的运行环境和Java工具，是java开发的核心。

还要部署tomcat服务器，程序项目运行在tomcat容器中。

2.2HTML5及JSP

HTML5是HTML的第五次重大修改，可跨平台运行的超文本标记语言，支持桌面平台，也支持移动平台，是web前端开发的重要一部分。

H5版本基于html、css、dom以及Javascript，实际是在HTML4基础上扩充了一些新特征，同时改进了JavaScript的控件，CSS3与以前版本相比也升级了部分模块，有了功能强大的选择器、多栏布局和媒体查询等新特性，在Java开发中变得越来越无缝化。

现在支持H5的浏览器已经不限于火狐谷歌IE主流浏览器，360浏览器、搜狗浏览器、QQ浏览器等都具备支持Html5的条件。

在前端开发会引用目前流行的bootstrap前端框架，是一个简洁直观又强悍的开发框架。

虽说该设计课题写着是基于与HTML5，但是开发一个动态网站，只用H5技术是不能够完成的，它只是前端开发技术，生成静态网页，运行在浏览器端，需要结合其他的动态编码程序。

所以本系统用了JSP技术，其本质就是在HTML文件中加入的Java语言程序段实现动态网页的程序，Java语言是实现动态网页的编程语言之一，跨平台性最为突出。

用户使用网站时，JSP页面向服务器发送访问请求，服务器将文件转译成servlet程序，然后再编译成class文件执行，最后执行返回结果；

若用户需要将提交一些数据，那么这些数据JSP获取到后通过某种方式保存到后台。

JSP突出的组件技术让修改内容而不影响逻辑或修改逻辑但不影响内容变得容易实现，易于维护和管理，脚本语言很好地服务于小的应用程序。

2.3MySQL数据库及其可视化工具简介

能够进行后台数据管理的功能是动态网站开发要首先考虑到的。

数据库在网站设计开发里用来处理用户和信息的数据是很重要的、不可缺少的动态网站组成部分。

数据库能很大程度保证大量数据的独立性、一致性、可存储性和安全性。

目前有Oracle、DB2、MicrosoftSQLServer、SyBase等的数