基于React的移动阅读APP前端的设计与实现.docx

本科毕业论文（设计）题 目基于React的移动阅读APP前端的设计与实现学生姓名我姓牙学 名信息工程学院专业年级计算机科学与技术2013级指导教师陈老师职 称教授单　　位中国学院信息工程学院辅导教师职 称单　　位完成日期2017年5月10日目 录摘 要IAbstractI1绪论11.1 我国移动阅读现状11.2 国内外研究与应用现状21.3 研究内容32 相关技术42.1 HTML5简介42.2 CSS3简介52.3 JavaScript简介52.4 React简介62.5 Ant简介63 APP前端总体设计73.1 内容分析63.2 原型设计93.3 视觉设计123.3.1 APP色彩123.3.2 APP的视觉设计143.4交互设计174 APP前端的实现184.1 首页界面的实现184.2 阅读页界面的实现224.3 换源页界面的实现324.4 搜索页界面的实现344.5详情页界面的实现385 总结41参考文献43致 谢44中国学院本科毕业论文（设计）诚信保证书45基于React的移动阅读APP前端的设计与实现摘要近十年来，随着互联网加时代的到来和移动互联网的飞速发展，人们的阅读方式和阅读习惯也随着发生了深刻的变革。人们利用生活中的碎片时间来进行移动阅读随之成为了一种比较流行的阅读方式，看纸质书看纸质报的人越来越少，看电子书的人越来越多了，紧随着，大量的移动阅读APP也随之涌现。我们经常在各种场合看到人们拿着手机追看着自己喜欢的小说，而基于React的移动阅读APP特色在于占用内存小、绿色无广告以及支持小说本地缓存等别具一格的功能，非常适合广大人民群众使用。因此研究基于React移动阅读APP前端的设计与实现具有不错的经济效益和很强的现实意义。基于React的移动阅读APP不仅是使用目前主流的前端MVC框架React，使前后端分离，大大提高了开发效率，其UI设计也是结合了目前主流的前端UI框架Ant对APP前端的进行视觉设计和交互设计，其更是涵盖了HTML5/CSS3/JavaScript全方位的前端技术。关键词：React； HTML5；Mobile reading APPDesign and implementation of mobile reading APP front end based on ReactAbstractIn recent years, with the rapid development of mobile Internet, peoples reading style has also undergone profound changes, and the popularity of mobile terminals has changed the way people read. People use fragmented time for mobile reading to become a popular way to read, followed by a large number of mobile reading, APP also emerge.We often see people holding mobile phone after watching his love novels on various occasions, and React mobile reading APP features a small memory, green free advertising and support local novels have a unique style based on the function of caching is very suitable for the masses to use. Therefore, it is of great practical significance to study the design and implementation of APP front-end based on React mobile reading. Based on the React APP mobile reading is not only using the current mainstream MVC framework React, the front and rear end separation, greatly improving the efficiency of development, the UI design is a combination of the current main