摘 要

随着移动互联网的飞速发展，各种终端设备每隔几个月就拥有更强大的硬件和加载最新版本的移动操作系统。它为用户提供了更强大的性能和更方便的新用户体验，但它也为开发人员选择平台和兼容版本(与开发环境形成对比的系统)带来了困难。系统版本的升级对特性和硬件要求提出了更高的要求，可能会将原有的应用程序一起升级。移动WebApp只需开发一次即可在多端使用，因此节省开发者学习多端语言的成本，无需集成多端SDK，减少开发环境带来的各种限制。

在本系统的后台，利用spring mvc、mybatis框架和关系型数据系统Mysql构建了一个java后台管理系统。是同时使用的。后台管理系统用于编写restful风格的用户注册登录界面，Hbuilder用于创建和打包项目。用户可以通过手机注册或登录自己的账号查看最新的新闻信息，对其进行收藏和评论，并选择自己喜欢的新闻类型，针对的阅读新闻。管理员还可以在后台系统中查看用户信息和浏览记录。通过分析用户阅读行为，为用户提供更适合自己的阅读内容。本系统汇集了各大新闻网站的新闻资讯，能够为用户提供了更多新闻阅读的方便和快捷，同时也免除了用户下载不同平台APP的繁琐。

关键词：HTML5；跨移动平台；新闻阅读器；java；mysql

Design and implementation of news reader on cross platform based on HTML5

ABSTRACT

With the rapid development of mobile Internet, various terminal devices have more powerful hardware and load the latest version of mobile operating system every few months.It provides users with more powerful performance and a more convenient new user experience, but it also makes it difficult for developers to choose platforms and compatible versions (systems in contrast to the development environment).The upgrade of the system version puts higher requirements on features and hardware requirements, and may upgrade the existing applications together.Mobile WebApp only needs to be developed once and can be used in multiple terminals. Therefore, it saves developers the cost of learning multiple languages, does not need to integrate multiple SDKS, and reduces various restrictions brought by the development environment.

In the background of this system, a Java background management system is built by using spring MVC, mybatis framework and relational data system Mysql. It's used at the same time. The background management system is used to write a restful user registration and login interface, and Hbuilder is used to create and package projects. Users can register or log in their mobile phone accounts to view the latest news information, collect and comment on it, and select their favorite news type to read news targeted at them. Administrators can also view user information and browsing history in the background system. By analyzing users' reading behavior, we can provide more suitable reading content for users.This system collects the news information of major news websites, which can provide users with more convenient and fast news reading, and at the same time, it also saves users from the tedious process of downloading apps of different platforms.

Keywords: HTML5; cross-mobile platform; news reader; java; mysql

目 录

第一章 绪论

1.1本文研究背景及研究目的及意义

1.1.1课题研究背景

1.1.2研究目的和意义

1.2国内外研究现状

1.2.1国外新闻客户端发展现状

1.2.2国内新闻阅读器发展现状

1.3研究目标

1.4章节安排

2相关技术

2.1 HTML5新特征

2.2 vue

2.3 mysql

2.4 spring mvc

2.5 系统后台环境

3 系统需求分析

3.1系统设计目标

3.2 业务需求分析

3.3小结

4 系统设计

4.1 系统层次划分

4.2数据库设计

4.3小结

5 系统实现

5.1新闻数据抓取

5.2用户评论

5.3用户收藏

5.4用户注册与登陆

5.5用户行为抓取

5.6自动抓取新闻

5.7用户新闻分类及搜索

6 系统测试

6.1测试方案

6.2测试目的

6.2.1测试环境

6.2.2测试平台

6.2.3测试接口列表

6.2.4测试工具

6.3测试范围

6.3.1功能测试

6.3.2接口测试

6.3.3性能测试

结论

致 谢

参考文献

第一章 绪论

1.1本文研究背景及研究目的及意义

1.1.1课题研究背景

当今社会，网络已经成为人们生活中的重要组成部分^[1]，智能手机也普及的很快，它成为了互联网时代不可或缺的移动平台之一。人们愈加的离不开互联网，习惯于随时随地的上网，工作和生活，实现了移动生活的愿望。

随着网络的快速发展和高性能手机的普及，微信、导航等手机应用程序大大便利了人们的生活^[2]，也影响着受众媒介接触习惯的改变，这对人们传统的上网方式提出了挑战，即能否更快更全的找到并接收你感兴趣的信息^[3]。人们迫切希望可以准确快速的获取重大事件的新闻信息以及及时获取身边实时发生的热点新闻信息^[4]。因为生活的节奏加快了，因此大多数人只能在公交车等公共场所玩手机。调查显示，网上阅读文章的人数变多了，这就意味着阅读纸质书藉成为了罕见的事。手机不仅可以快速获取信息，而且满足了用户的各种需求。

1.1.2研究目的和意义

本文的目的是设计一个基于HTML5的跨平台新闻阅读器，实现跨平台的新闻阅读，并能够收藏、推荐、评论等新闻信息功能。

随着智能手机的普及，基于HTML5的跨移动平台新闻阅读器能够给不同移动操作系统的人提供方便快捷和及时阅读新闻的方式，能够在任何时间和地点根据需求加载新闻列表，并对其具体网页进行详细的阅读，类似于微信、易信、qq、空间等通讯工具，能够将最新的人们感兴趣的新闻分享^[5]。

1.2国内外研究现状

1.2.1国外新闻客户端发展现状

近年来，国外部分新闻阅读器已经发展的相当成熟。