WebApp阅读器

刘传其++李蕴++丁师芬

摘要：随着现代科技的不断进步，网络交互速度也在不断加快，因此大量的应用也可以在web端开发实现。因此对web端App的开发也成为了今后的发展趋势。尤其是现代社会对于信息的大量需求，使web端App的需求急剧增多。因此，我们开发出一款简便的阅读器，来实现更理想的读入速度及阅读体。

关键词：WebApp；阅读器一、系统分析

WebApp阅读器是一款兼容各种平台的阅读器，并且能够自适应各种大小不一的屏幕，其功能主要有返回书架、查看目录、切换字体大小、切换背景颜色、切换章节、白天/黑夜模式切换。

二、开发环境及工具

第一，CentOS。CentOS（Community Enterprise Operating System，中文意思是：社区企业操作系统）是Linux发行版之一，它是来自于Red Hat Enterprise Linux依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定性的服务器以CentOS替代商业版的Red Hat Enterprise Linux使用。两者的不同，在于CentOS并不包含封闭源代码软件。

第二，Apache。Apache HTTP Server（简称Apache）是Apache软件基金会的一个开放源码的网页服务器，可以在大多数计算机操作系统中运行，由于其多平台和安全性被广泛使用，是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的API扩展，将Perl/Python等解释器编译到服务器中

第三，Notepadd++。Notepad++是 Windows操作系统下的一套文本编辑器（软件版权许可证： GPL），有完整的中文化接口及支持多国语言编写的功能（UTF8技术）。

Notepad++功能比 Windows 中的 Notepad（记事本）强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

三、功能实现

第一，返回书架功能。根据用户习惯返回书架一般在屏幕的左上角，所以首先使用DIV在页面顶部固定一个区域，然后添加Base64的返回图片和返回书架字符，最后给这DIV添加一个超链接，返回到书架所在的页面。由于安装时路径的不一所以我们首先要定义一个变量来保存书架的路径，这样当安装路径发生变化时书架的路径也会随之改变，保证了书架路径的正确。

第二，获取JSON文件内容。在页面底部添加一个DIV，主要实现查看目录、切换字体、切换模式功能，当然他们都采用和返回书架同样的布局。由于JSON格式的文件不能直接以字符格式显示，所以我们首先要对文件夹中的JSON文件进行解密，将其转化成我们能够直接阅读的字符格式。然后在JS中自定义一个函数来获取JSON文件中的数据，将标题和内容分别保存到两个变量中。

第三，查看目录。在页面左侧设置一个DIV名为list，然后输出保存的JSON标题变量，通过CSS的hidden、show属性和Click（）事件，实现单击查看目录按钮时调用list的show（）方法 ，再次单击或者点击屏幕其他页面调用List的hidden（）方法。

第四，切换字体大小。首先定义一个JS函数FONT（），定义一个变量来保存应用的初始字体大小。通过CSS来检测切换字体大小是否变化，来改变整个HTML页面的字体大小。

第五，切换背景颜色。首先在页面底部建立一个DIV面板，当点击字体按钮时调出切换背景颜色面板，在上面有几种背景颜色选项。当点击其中任意一种时就会将这个颜色的值通过CSS传输到JS的函数中，然后通过函数调用CSS类来设置页面的背景颜色。

第六，章节切换

在JS函数中定义一个变量来保存当前的章节ID当点击下一章时，JS会对ID进行一个自加减运算达到来改变章节ID，通过JS会再次读取改变后的章节内容来达到切换章节的功能。

四、系统测试

系统测试（System Test，ST）是将经过测试的子系统装配成一个完整系统来测试。它是检验系统是否确实能提供系统？方案说明书中指定功能的有效方法。在任何软件系统的开发过程中，尤其是在进行大型软件系统的开发中，任何一个编程人员都不可避免地会产生错误。为了尽可能地发现并改正系统设计中的错误，减少错误造成的损失，保证系统开发的质量，需要进行系统的测试。

对程序的测试常采用以下两种方法：

一是黑盒法，将程序看成不透明的，不考虑其内部的结构和路径，只管程序的整体功能，即输入与输出数据转换是否按规范要求进行。黑盒法发现程序中的错误，必须使用所有可能输入的数据来检查程序是否都能产生正确的输出。为此，黑盒法经常采用以下几个方法：等价划分法，边值划分法，因果图法以及错误推测法等。较为完成的测试是把这几种方法都结合起来使用。

二是白盒法，白盒法与黑盒法正好相反，把程序视为一个透明的盒子，需要了解程序的内部构造，要对程序内部的所有逻辑路径进行测试，故白盒法又称为逻辑覆盖。如果想用白盒法发现程序中所有的错误，则至少必须使程序中每种可能的路径都实际执行一次。事实上是不可能的。而且即便试完了所有路径，仍不能保证程序符合要求。因为程序中有些错误是同数据有关的，测试只能证明错误存在，不能证明错误不存在。目前常用的覆盖标准是：语句覆盖、条件覆盖、判定/条件覆盖，以及条件组合覆盖等。

白盒法和黑盒法各有特点，每种方法都可以提供一组有用的例子，然后没有一种方法可以提供一组完整的例子。因此。在处理实际问题时，最好时使用各种方法，以便对程序进行比较严格周密的测试。

测试的过程：先对逐个模块测试，一般采用先用白盒法分析模块内部逻辑，再用黑盒法补充一些例子，在软件装配的同时进行测试，以便及时发现与接口相联系的问题。之后进行有效性测试，检查程序功能与用户要求的功能是否一致，最后把软件和其它系统元素结合在一起，进行系统整理。

五、系统优缺点

本应用采用了HTML5技术，所以它支持当下几乎所有的主流操作系统。并且由于是采用的自适应布局，所以它也能够支持各种终端包括PC、平板、手机并且体积非常的小巧 ，安装使用方便。并且采用的是JSON格式进行网络传输，所以安全方面有了极大的保障。当然由于目前技术的不完善在有些方面可能做的不是很好，比如界面交互上对用户不是很友善，我们会继续努力使其更加优秀。