电子书阅读器小程序设计与实现.docx

1、电子书阅读器小程序设计与实现电子书阅读器小程序的设计与实现随着现代社会的发展脚步越来越快，现代人的生活节奏也随着越来越快,正如三百年前美国人本杰明富兰克林所说的时间就是金钱，现在都市人们的时间成本越来越高，为了提高工作效率，同时也而为了拥有足够时间去休闲放松，一种全新的生活方式就应运而生碎片化生活。而碎片化生活讲究的就是利用碎片化的时间去汲取不同的信息去做到学习或者娱乐，了解信息的最有效的途径之一便是通过阅读来了解，所以我们是否可以认为在一定程度上碎片化生活可以等同于碎片化阅读呢？基于碎片化阅读的手机App（Mobile Application，Apps）有很多，例如起点中文，书旗阅读，观止，

2、知乎日报等等鉴于于传统的阅读App有着占内存，开发成本高，维护成本高，留存率低等特点，我决定利用更加轻快方便，开发难度和成本更加低的微信小程序开发一个电子书阅读器小程序来方便大家的生活和提高大家的阅读体验。本人开发的电子书阅读器小程序设计理念来自于碎片化阅读和现代都市对于阅读的庞大需求，以JavaScript 技术构造小程序的逻辑层，采用了 JSBridage 技术将逻辑层和由微信小程序特有前端技术 Wxml, Wxss 开发的小程序视图层链接在一起，以及调用微信开发平台和第三方平台提供的 API 接口开发而成。该小程序实现了“书架”、“书城”、“搜索图书”等功能，从而起到协助用户轻快简单地进

3、行碎片化阅读的作用。关键词：碎片化；电子书阅读器；微信小程序AbstractWith the development of modern society, the pace of modern peoples life is faster and faster, As Benjamin Franklin said three hundred years ago, time is money. Nowadays, the cost of time for urban people is getting higher and higher. In order to improve their wo

4、rk efficiency, but also to have enough time to relax, a new way of life emerged - fragmented life. The fragmented life stresses that we should use the fragmented time to learn different information to achieve learning or entertainment. One of the most effective ways to understand information is thro

5、ugh reading. So can we think that to some extent, fragmented life can be equivalent to fragmented reading?There are many mobile Apps based on fragmented reading, such as start Chinese, book banner reading, watch and stop, Zhihu daily, etc In view of the characteristics of traditional reading App, su

6、ch as occupying memory, high development cost, high maintenance cost and low retention rate, I decided to develop an e-book reader Applet by using the Wechat Applet which is more light, convenient, difficult to develop and lower in cost to facilitate everyones life and improve everyones reading expe

7、rience.The design concept of e-book reader Applet developed by myself comes from fragmented reading and the huge demand of modern cities for reading. The logic layer of the Applet is constructed by JavaScript technology, and the logic layer and the front-end technology Wxml unique to Wechat Applet a

8、re adopted by JSBridage technology, The Applet view layer developed by Wxss is linked together and developed by calling the API (Application Programming Interface) interface provided by Wechat development platform and third-party platform. The small program realizes the functions of bookshelf, book

9、city and search books, so as to help users to read in fragments easily and easily.Key words: Fragmentation; e-Book Reader; Wechat Applet第一章 绪论1.1研究背景与意义古今中外有很多关于阅读的名言”书籍是人类进步的阶梯”“为中华之崛起为读书”“读书破万卷，下笔如有神”“读书之法，在循序渐进，熟读而精思”“读书有三到，谓心到，眼到，口到”等等，阅读是人类获取知识的重要来源，但是随着科技的发展，知识的载体也从书籍这一物体而发展，由实体书变成了“虚拟书”也就是我们常

10、说的电子书，当知识的载体进化成数据体，由于数据体的载体也是随计算机技术发展而变得日益而新，诸如App，在线阅读网页，电脑程序客户端等等，人们的精神需求也随着科技发展的需求在飞速增长，普通的纸质书阅读已经难以满足人们对于信息知识的爆炸性增长的需求，所以随着时代应运而生的电子书成为了填补人们的精神需求的必备品。为了降低时间成本，电子书所能带来碎片化阅读颇受人们的追捧，恰如地铁公交等待或者乘坐的时间也会低头利用碎片化的时间去阅读。碎片化阅读这个理念主要核心点便是在“碎片”，碎片顾名思义，就是完整之物破碎成诸多零碎，在这里可以代指一个完整的时间之中我们可以利用的空闲的缝隙时间。碎片化阅读就是指利用短暂

11、而有又不连续的时间，进行一个片段化随时可以停止的阅读。李克强总理总理说过书籍和阅读可以说是人类文明传承的主要载体，希望全民阅读能够形成一种氛围，无处不在。党和国家都举力支持全民阅读，因为历史向我们证明了任何一个民族繁荣昌盛的背后，都有着深厚并且成立体系的人文力量的支持。根据2019年第十二次全国国民阅读调查报告显示，国民阅读率上升0.2个百分点【8】，三分之一的人使用微信阅读【7】【9】，手机阅读时长明显增加,由此可见，微信阅读在生活中占用的比例越来越大，纸质图书阅读所带来的质感和体验是电子书无法做到的，但是纸质图书具有实体这一性质使得知识的容载量受到限制，也使得人们的学习效率在一定程度上收到

12、了限制。所以在学习和工作领域，还有部分的娱乐领域上，人们开始利用电子书的碎片化来便利自己的工作，提高自己的学习效率，以及填补空隙时间的娱乐需求。2017年1月9日，腾讯公司发布了微信小程序，这是腾讯公司推出的不需要下载以及安装便可以使用的应用，用户只需要通过小程序码便可以启动自己所需要的应用。由于微信的普及，所以小程序载诞生的初期便有了请打的推广平台还有庞大的用户资源。经过了三年的社会考验以及后续实践经验的补充下，小程序已经具有以下的特点：高度的灵活性，强大的推广，小巧的轻应用以及庞大的后台资源 。在这四点的强悍特性下，还有中国日益强大的互联网支持下，小程序已经逐渐深入我们的生活，成为我们生活

13、出行不可或缺的一部分。 “全民阅读+微信小程序+碎片化阅读”这一阅读模式，以本人愚见，应该会适合现在社会青年，随着互联网理论得更加深入的探讨，国家日益强大的移动信息通信技术，依托于微信本身这一庞大的服务平台还有小程序本身的优越性，我相信这一阅读模式也会随着小程序本身一样，深入我们的生活，给我们带来便利。所以开发这小程序，可以从两个方面来讲述他的优点：1.从人们的娱乐需求来说，这样碎片的阅读就像“快餐”，可能相较之下没有文化营养，但是确实填补现代人精神生活不可或缺的“粮食”。2.从人们的学习方面来讲，这个小程序可以提供一个随停随学的知识获取平台，在零零碎碎的时间之中，少量的吸收知识，这样迟早积少

14、成多，在真正空闲下来的时间将这些吸收的知识整合成自己的体系，也不失为在现代快节奏生活下的新型学习模式。这也是响应国家的号召，全民阅读，提高我们民族的文化素养，增强我们民族的人文底蕴，为实现中华民族的复兴贡献出自己的一份力量。1.2碎片化阅读现状“碎片化”这一概念最早来源于80年代末美国著名文化理论学家杰姆逊关于“后现代文化”的研究文案里出现，杰姆逊指出，在后现代文化的构成要素之中，包括电视，电影，广告，建筑等都表现出了碎片化和零散化的特征，并且会随着后现代文明的深化而得到进一步的加强，碎片化阅读作为新时代之下的人们认知与新媒体融合下的新型阅读方式，早些年乃至今日也备受争议。社会舆论下有相当一部

15、分数量的学者认为碎片化阅读弊大于利，认为碎片化阅读不利于知识的体系化，认为过多的碎片化只会迷惑人们的大脑，阅读者的大脑难以在短时间内做出响应的判断和吸收，导致繁杂的知识只会使阅读者的思维浅薄化和思考模式碎片化。但是在现代快节奏生活下，碎片化阅读的趋势已经相当明显了，在有限的时间以及高昂的时间成本下，碎片化阅读这一模式的优点便被凸显出来，在时代的浪潮下，不是阅读模式选择了人们，而是人们根据自己的需要选择了碎片化的阅读模式。随着数字阅读的持续普及，以阅读电子书为主的受众越来越多【1】。23%的受访者表示过去一年主要阅读电子书，比2018年占比增加了4%【5】。调查还显示电子阅读对阅读总量起到了很好

16、的拉动作用，有71%的受访者表示在开始阅读电子书后其阅读总量有所增加【10】。由此可见，碎片化阅读确实在人们的生活中占据着重要的地位【11】。1.3微信小程序现状微信小程序(Wechat Mini Program，有时也叫Wechat Applet)诞生至今已有三年，这三年里，当初略显稚嫩的小程序经受了社会大众的洗礼，逐渐完善成熟，与我们现代人的生活密不可分。小程序本身“随手可及”“用完即走”“轻巧便捷”是小程序一开始所具备的优势，再加上微信本身的普及，小程序可谓是“无处不在”。近几年来日渐完善的微信小程序陆续具备了跨平台，大数据以及模块化的特点，从开发者方面来降低了开发的难度和成本，同时也借

17、用微信这一平台提高流量推广，进一步减少商业运营后成本，也因为小程序模块化和轻量化的特点，使得后续版本的更新和上线变得更加的简单容易。而从用户方面来讲，因为直接与微信的数据库挂钩，所以用户使用小程序时无需另外的登录注册操作，各个小程序之间具备了相当的关联性，方便了用户的信息整合。基于微信小程序“触手可及”和“用完即走”的两个核心理念，用户在生活出行和社交娱乐等等各个方面都可以便捷的操作，节省时间和减少精力的浪费。根据小程序2019用户报告节选我们可以得知42%的用户经常使用微信小游戏，位居常用小程序类型首位;其次是生活服务小程序，贴近生活场景，方便实用;在娱乐、生活之余，28%的用户选择在小程序

18、上浏览资讯【6】。按照社会发展规律以及未来移动互联网技术发展趋势，我认为“小程序+碎片化阅读”的结合模式大有可为，给用户带来全新的轻生活轻阅读的体验。第二章 相关研究和市场现况2.1微信小程序简介微信小程序，现在大部分的人都将其简单称呼为小程序，微信小程序是近几年的新产物，同时微信小程序秉持着开放，轻便，简单的概念，它的开放注册范围囊括了个人、企业、政府、媒体和组织。它也提供了一系列的工具协助开发者可以更好更快的接入微信小程序的开发，像是开发文档，开发者工具，设计指南以及部分的微信小程序体验demo。而制作小程序的流程也很简单明了：注册完善微信小程序信息开发微信小程序提交审核和发布。2.2小程

19、序特点小程序用户体验流畅舒适，其编译包至多不超过1024 kb，“无需安装，随走随用”这一特性使得微信小程序的使用体验无限接近于原生App，加载速度远胜于微信公众号，各个页面和用户操作也相当的丝滑流畅.一次开发，多端共享，代码兼容使用，这也就意味着开发成本低，开发者只需要一套代码就可以适用于iOS端和安卓端两个现在主流的手机系统，解决版本兼容的问题。离线缓存，离线缓存指的是小程序第一次访问的时候就自动留下了10 MB的本地缓存空间，和一些小程序本身的一些组件和操作数据，使得小程序在离线状态下依然可以运行，给用户带来流畅的操作体验，不仅如此，还可以起到减少网络请求，提高用户的访问速度以及节省流量

20、的作用。小程序拥有众多的接口，这也得益于微信这一“庞然大物”背后提供的海量资源支持，功能性接口应用性强，标准化高，还有多样化。综合以上，微信的优点正如其总结的16个字的特性：无需安装、触手可及、用完即走、无须卸载。2.3微信小程序所需技术任何的程序无论多简单多直接，归根到底还是要落于代码上，而想要熟练编辑微信小程序的代码，做出自己心仪的微信小程序需要以下几点技术：Wxml，Wxss，JavaScript，API的调用，小程序组件的调用等等。现在以下几个技术是本次开发的核心：JavaScript:在当代流行的脚本语言中，JavaScript深受大众开发人员的喜爱。JavaScript的种类属于w

21、eb语言，适用于各种的移动端像是笔记本、平板电脑还有智能手机。Java Script本身属于一种高级编程语言，通过解释执行，是面向对象（基于原型）的直译语言【4】。在微信小程序中，开发人员利用JavaScript来实现逻辑交互，编写JavaScript脚本来反应用户的操作。JavaScript是构成微信逻辑层的重要核心模块。Wxml (WeiXin Markup Language):在网页编程之中，常见的编程模式就是“HTML+css+js”，在这种模式之中，HTML起到的作用就是描述当前的页面结构，在微信小程序中，Wxml也起到这样的作用，通过框架设计一套标签语言结合组件和事件，构建小程序当

22、前页面的结构，由此可以看出Wxml是小程序之中渲染层的重要组成部分。Wxss (WeiXin Style Sheets):Wxss用于描述微信小程序当前页面的样式，基本功能与css一样，但是相较之下多出两点新功能，一个是rpx（responsive pixel）自适应尺寸，第二个是Wxml之中可以引入Wxss中规定的样式并且作用全局，每个页面的样式也相对应各自的Wxss。本质上来讲微信小程序其实还是一种web网页，但是与普通的web网页不相同的是，小程序时跨平台的，小程序可以运行下各个不同的平台上，而且，在各个平台上渲染层和逻辑层的执行线程环境也是有差别的。下列如表：表2-1 运行环境表运行环

23、境逻辑层渲染层iosJavaScriptCoreWKWebView安卓V8Mobile Chrome内核小程序开发者工具NWJSChromium Webview尽管三个平台的运行具有相似之处，但是依然存在这差别，JavaScript的语法与API支持的语法不相符，需要通过开发者工具中带有的es6转es5来避免这样的问题。而消息恒旭的基础库之中，还配备了polyfill来补充API之间的差异。2.4微信小程序开发工具介于微信小程序渲染层与逻辑层相互分离运行这一特点，普通的web开发工具难以做到调试微信小程序，尽管其两者之间的JavaScript脚本编写模式一致，Wxml与HTML的页面构建功能相

24、似，Wxss更是在css的技术之上衍生而来，所以微信官方针对这一情况推出了微信小程序开发者工具，该工具集合了调试、运行、真机模拟、预览、上传等等功能，极大地方便了开发者们对微信小程序简单高效的开发。2.5微信小程序框架微信小程序的体验无限接近语原生App，其中之一的原因便是微信小程序渲染层与逻辑层相互分离运行，相互不造成干扰，提高了页面响应和运行的速度和质感。其中构成逻辑层（App Service）的核心要素便是JavaScript了，其主要负责响应用户的操作处理后将数据发送给视图层并接受视图层的对于事件的反馈，js便是作用于页面逻辑。而作为微信小程序的“门面”，采用了Wxml和Wxss描述的

25、视图层（view），作用是接受来自逻辑层的数据转化为视图层应对用户操作，以及接受用户对视图层的操作并反馈给逻辑层。Wxml直接作用于页面结构，Wxss作用于页面样式表。逻辑层和视图层之间有着框架提供的数据传输和事件系统，而框架的核心功能就是数据绑定系统的响应，使得视图与数据之间可以保持同步。这样，作用于逻辑层的数据修改几乎会同时反映到视图层的更新变化上。而框架结构则如下图2-2：图2-1 微信小程序框架图框架中包含四种类型的文件：js、json、wxml、wcss，而框架程序中必定存在且必定置于根目录下的三个文件就是App.js、App.json,、App.wxss。App.js作用于小程序的

26、逻辑，可以指定小程序的生命周期，并且监听函数APP()生命周期种的三件事：onlaunch、onshow、onhide。App.json对小程序进行了全局配置，其决定了页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等【1】【2】。App.wxss定义了小程序的全局样式，在每一个页面都会作用，除非page中的wxss有另外的局部样式覆盖。Page顾名思义就是页面，这里指的是微信小程序里作为功能响应对用户反馈的一个文件包，其主要包括四个基础文件js、json、wxml、wxss。其作用无非就是构建页面逻辑设，决定页面配置、设计页面视图结构，定制页面视图样式。2.6 API（应用程序编

27、程接口）API中文意思就是应用程序编程接口，应用和程序编程接口其实实质上就是一连串的函数，但也不是普通的函数。API接口作为被操作系统的开发者预留在系统之中特有的预订函数，使得开发者得以不需要源代码在本地作为函数运行，直接调用预订函数实现预订的功能，解决了部分开发者在开发方面的一些技术问题。而微信小程序的开发团队也为我们这些微信小程序开发者工具使用者提供了不少的微信原生功能API，可以让我们简单快速的调用开发团队提供的功能：获取用户信息、本地存储、微信支付。转账提现等等。降低了开发时间和开发成，也可以调用第三方平台提供的API，实现诸如阅读，搜索、标记等功能。第三章 小程序的需求分析以及功能设

28、计3.1关于电子书阅读器小程序需求分析在2012年习主席提出了要实现中华民族的伟大复兴的中国梦，如今八年过去了，我们的国家正在飞速的发展，衣食住行各个方面都得到了巨大的提升，生活节奏也随之而加快，当人们的物质需求达到一个饱和点以后，现在的人们越发越注重自己的精神世界，开始了对于精神生活追求。看剧，看电影，看书，蹦极，旅游冒险等等这些都是人们常用来丰富精神生活的活动。在移动互联网越发精进的今天，手机这一物体承载着人们相当一部的生活需求其中也包括精神生活追求，阅读从古至今都是人们追求高品质的精神生活的康庄大道，古有刘禹锡“斯是陋室，惟吾德馨”，今有现代人通过手机阅读金典名作，一览古人风骨。阅读是一

29、定也是每人每日都必须的，阅读已经深入我们生活，我们通过阅读来获取信息，加以分析整理消化，填充精神生活空虚的同事增进自己的知识，这不是两全其美的事吗？阅读是我们个人需求的同时也为国家所提倡，党的十九大报告要求“推动建设学习大国”“加快建设学习型社会”“满足人民过上美好生活的新期待，必须提供丰富的精神食粮”。现在市面上有很多的阅读App，像是起点小说，知乎，书旗小说等，这些都是人们精神粮食的来源，是填补工作之余的空隙时间的不二法门。这些年大量涌现蓬勃发展的阅读类App，不正是代表着人们对于阅读的渴望，对知识的渴望，对于实现美好生活的期盼吗？小程序的出现则是进一步提高人们的生活质量，相较于原生App

30、还有HTML 5网页，小程序的视图自带框架进行渲染，不需其他插件的辅助，易用性强，小程序占据内存空间不到1 MB，加载速度极快而且不需要下载在本地，开发难度低，上架审核通过率高节省商家成本，很多拥有相当名气的企业或者平台争相开发微信小程序，希望在微信小程序发展的大潮下分一杯羹。综上所述，可以见到的是在日新月异的互联网技术发展下，对于阅读类小程序的需求将会呈指数型增长，且追求更快捷，更简单更舒适流畅的阅读体验。以下是对小程序基础的流程设计图： 图 3-1 电子书阅读器小程序功能流程图3.2关于小程序功能需求分析碎片化阅读其实是有主次的，阅读为主，碎片化为次，任何条件下的首先都是保证阅读的总时长和

31、阅读的总量。而小程序要达到这种效果，就需要提供资源供用户阅读，还有保证用户阅读的流畅性。合理的规划设计小程序的功能绝对是重中之重。“电子书阅读器小程序”最注重的，就是“阅读”这一功能，其他的功能都是作为辅助使用，其他功能包括章节切换、字体大小、夜间模式、护眼模式、打开目录、书本简介、读者评论、加入书架还有相似推荐。再其次的功能有书架功能（喜爱书本的管理）、书城功能、书籍热度榜、书本搜索功能。热门书籍推荐功能、搜索记录功能还有小程序使用指南。具体可以用下图来解释：图 3-2 电子书阅读器小程序功能模块图3.3小程序开发设计原则微信小程序官方团队为了方便新手开发者对小程序进行开发，在微信小程序官方

32、文档里编撰了微信小程序李开发指南，在文中提出了以下几个要点作为新手开发设计的基本原则：友好礼貌、清晰明确、便捷优雅、统一稳定和视觉规范。官方作出指南是为了提升小程序的质量，提高开发者的工作效率，还有优化用户的使用体验。友好礼貌：为了让用户拥有更舒适的使用体验，提高用户的对小程序的集中程度，小程序应该避免繁琐无关的设计元素，做到用户使用流程明了简单，突出页面的核心内容，让用户迅速理解页面内容和页面功能，友好地引导用户进行操作，礼貌地为用户提供功能服务。清晰明确：当用户使用小程序页面功能时，我们需要保证用户不在功能之中迷惑而失去了使用方向，所以我们要简化小程序的流程，让小程序的页面跳转做到简单明确，使用清晰的的导航让用户轻松操作小程序。便捷优雅：微信小程序官方根据手机输入才做的特性，提供了很多辅助性的功能来供与用户操作，在提升小程序使用流畅性还有用户使用体验时，减少用户的手动输入来做到避免用户的失误操作还有减少客户的操作时间，提升小程序的使用效率。统一稳定：微信小程序官方给开发者提供的开发设计指南中提出明确的建议小程序每个页面最好具备统一性和延续性，整合小程序页面