摘要：随着前端的技术越来越成熟，现在许多第三方框架都能够实现低成本高效率地开发一个网站，模块化开发已经成为主流，ReactJs能实现开发的模块化，也能进行很好的维护，在现在手机用户越来越多，该前端项目，是搭建一个新闻网站，让我们轻松打开电脑或者手机，就能享受足不出和遍知天下事。 

本论文基于ReactJs前端页面的设计和实现，利用webpack前端包装脚手架，可以将js，css，html文件快速整理并收集到同一个文件夹中，本项目采用es6语法编写，大大简化了前端代码的编写，页面模块化开发使项目后期能够得到更好的维护。

其中，本论文首先介绍了当前的前端发展状况，然后描述了分析ReactJs项目的需求，然后描述了项目的总体设计，接着描述了ReactJs项目的数据接口，第五章介绍了具体的实现项目的功能。

关键词：ReactJs；MVVP； HTML；Webpack

目录

摘要

Abstract

1 绪论-1

1.1 研究背景与意义-1

1.2 研究内容-1

1.3 相关技术介绍-1

1.4 论文组织结构-2

2 系统需求及可行性分析-3

2.1 系统需求分析-3

2.1.1 系统功能需求分析-3

2.1.2 系统性能需求分析-3

2.2 系统可行性分析-3

2.2.1经济可行性-3

2.2.2操作可行性-4

2.2.3法律可行性-4

3 系统总体设计-5

3.1 系统总体结构设计-5

3.2 功能模块详细设计-5

3.2.1 用户登录模块-5

3.2.2 新闻详情模块-6

3.2.3 文章收藏-7

3.2.4 用户评论模块-7

3.2.5 个人中心模块-7

3.2.6 手机首页浏览模块-8

3.2.7 手机浏览新闻详情模块-8

4 数据库设计-10

4.1 数据库逻辑设计-10

4.2 数据库需求分析-10

4.3 数据库概要设计-10

5 系统详细设计-11

5.1 新闻平台功能模块设计-11

5.1.1 会员登录注册-11

5.1.2 个人中心-11

5.1.3 其它频道-11

5.1.4 手机端浏览形态-11

5.1.5 PC/手机端评论-11

5.1.5 手机下拉刷新-12

6. 系统测试-13

6.1 测试目标-13

6.2测试方法-14

6.3 改进方案-14

6.5测试结论-15

结    论-16

参 考 文 献-17

致    谢-18