基于vue.js框架的webapp阅读器设计与开发【字数：10636】
目录
摘要 1
关键词 1
Abstract 1
Key words 1
1 绪论 1
1．1 研究背景与意义 1
1．2 国内外研究现状 1
1．2．1国外研究现状 1
1．2．2国内研究现状 2
2 开发工具及技术 2
2．1 Vue.js平台 2
2．2 MVVM框架 2
2．3 Axios技术 2
3 阅读器需求分析与设计 2
3．1需求分析 2
3．1．1业务需求 2
3．1．2功能需求分析 3
3．2 面向对象需求建模 3
3．2．1 分析构建用例图 3
3．2．2 分析构建活动图 4
3．3 面向对象设计建模 5
3．3．1 分析构建类 5
3．4系统模块设计 6
3．5数据库设计 7
4 阅读器详细功能设计 9
4．1 Epub电子书翻页功能 9
4．2 Epub电子书字体字号设置 10
4．3 Epub电子书主题设置功能 12
4．4 阅读进度功能 14
4．5 全文搜索及高亮显示功能 14
4．6 书签功能 16
4．7 Epub电子书分页算法 19
4．8 Epub电子书离线缓存+删除功能 20
4．9通用组件的设计 21
5 电子书阅读器实现 21 *景先生毕设|www.jxszl.com +Q: #351916072#
5．1电子书界面实现 21
5．1. 1 欢迎界面 21
5．1. 2 书城界面 22
5．1. 3 搜索界面 22
5．1. 4 列表界面 22
5．1. 5 详情界面 23
5．1. 6 阅读器界面 23
5．1. 7 书架界面 24
5．1. 8 分组界面 24
5．1. 9 听书播放器界面 25
5．2 阅读器功能实现 26
5．2．1 Epub电子书字体字号设置的实现 26
5．2．2 Epub电子书主题设置功能的实现 27
5．2．3阅读进度功能的实现 28
5．2．4全文搜索及高亮显示功能实现 28
5．2．5书签功能的实现 29
5．2．6多级功能的实现 30
5．2．7 国际化文字的实现 30
5．2．8 推荐模块实现 30
6系统配置及测试 32
6．1 系统配置 32
6．2 测试目的 32
6．3 测试过程 32
6．3．1书城模块功能测试 32
6．3．1．1 测试步骤 32
6．3．1．2 预期结果 32
6．3．1．3 测试结果 32
6．3．2阅读器模块功能测试 32
6．3．2．1 测试步骤 32
6．3．2．2 预期结论 33
6．3．2．3 测试结果 33
6．3．3书架模块功能测试 33
6．3．3．1 测试步骤 33
6．3．3．2 预期结果 33
6．3．3．3 测试结果 33
7总结和展望 33
致谢 34
参考文献 34
基于Vue.js框架的WebApp阅读器设计与开发
引言
引言
1 绪论
1．1 研究背景与意义
1．2 国内外研究现状
1．2．1国外研究现状
Vue.js是一套用于构建用户界面的渐进式框架，通过API实现高效的数据绑定和灵活的组件系统[2]。性能方面，它的数据是基于依赖追踪系统，异步队列等待，数据独立。Vue.js的模版是真正的DOM，数据也是绑定到真实的节点上[3]。在电子书行业中，电子书分为封闭式和开放式两种形式。Kindle电子书后缀为Azw，只有Kindle阅读器才可以进行阅读。而开放式的电子书格式是EPUB和PDF格式。其中，EPUB格式已经变为国际电子书格式的通行标准。随着世界要求开源的呼声，谷歌、苹果、索尼等大型IT公司也将EPUB格式加入他们的产品，EPUB格式在国际上的影响力不断增强[4]。
1．2．2国内研究现状
最早在国内支持EPUB标准的电子阅读器是翰林阅读器，在之后EPUB2.0标准手机阅读网站掌上书苑开始大规模支持EPUB格式[5]。现在随着EPUB3.0的推出，更多的终端厂商、平台认可、支持EPUB并实际参与应用。
2 开发工具及技术
2．1 Vue.js平台
Vue.js支持模块化、组件化、响应式双向数据绑定。模块化让模块编译时知道模块之间的关系，需要输入输出的变量，更好完成模块加载[6]。组件化是将前端语言都写在一个vue文件中，提高代码的可读性与可维护性。提高组件化页面组织的清晰度和HTML 结构代码可读性越高 [7]；双向数据绑定是数据模型与视图显示数据的绑定，具体指页面输入框数据模型进行绑定，修改输入框内容就会修改数据模型中的数据 [8]。
2．2 MVVM框架
原文链接：http://www.jxszl.com/jsj/wljs/563958.html
