劉傳其++李蘊(yùn)++丁師芬

摘要：隨著現(xiàn)代科技的不斷進(jìn)步，網(wǎng)絡(luò)交互速度也在不斷加快，因此大量的應(yīng)用也可以在web端開發(fā)實(shí)現(xiàn)。因此對(duì)web端App的開發(fā)也成為了今后的發(fā)展趨勢(shì)。尤其是現(xiàn)代社會(huì)對(duì)于信息的大量需求，使web端App的需求急劇增多。因此，我們開發(fā)出一款簡(jiǎn)便的閱讀器，來實(shí)現(xiàn)更理想的讀入速度及閱讀體。

關(guān)鍵詞：WebApp；閱讀器一、系統(tǒng)分析

WebApp閱讀器是一款兼容各種平臺(tái)的閱讀器，并且能夠自適應(yīng)各種大小不一的屏幕，其功能主要有返回書架、查看目錄、切換字體大小、切換背景顏色、切換章節(jié)、白天/黑夜模式切換。

二、開發(fā)環(huán)境及工具

第一，CentOS。CentOS（Community Enterprise Operating System，中文意思是：社區(qū)企業(yè)操作系統(tǒng)）是Linux發(fā)行版之一，它是來自于Red Hat Enterprise Linux依照開放源代碼規(guī)定釋出的源代碼所編譯而成。由于出自同樣的源代碼，因此有些要求高度穩(wěn)定性的服務(wù)器以CentOS替代商業(yè)版的Red Hat Enterprise Linux使用。兩者的不同，在于CentOS并不包含封閉源代碼軟件。

第二，Apache。Apache HTTP Server（簡(jiǎn)稱Apache）是Apache軟件基金會(huì)的一個(gè)開放源碼的網(wǎng)頁服務(wù)器，可以在大多數(shù)計(jì)算機(jī)操作系統(tǒng)中運(yùn)行，由于其多平臺(tái)和安全性被廣泛使用，是最流行的Web服務(wù)器端軟件之一。它快速、可靠并且可通過簡(jiǎn)單的API擴(kuò)展，將Perl/Python等解釋器編譯到服務(wù)器中

第三，Notepadd++。Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器（軟件版權(quán)許可證： GPL），有完整的中文化接口及支持多國語言編寫的功能（UTF8技術(shù)）。

Notepad++功能比 Windows 中的 Notepad（記事本）強(qiáng)大，除了可以用來制作一般的純文字說明文件，也十分適合編寫計(jì)算機(jī)程序代碼。Notepad++ 不僅有語法高亮度顯示，也有語法折疊功能，并且支持宏以及擴(kuò)充基本功能的外掛模組。

三、功能實(shí)現(xiàn)

第一，返回書架功能。根據(jù)用戶習(xí)慣返回書架一般在屏幕的左上角，所以首先使用DIV在頁面頂部固定一個(gè)區(qū)域，然后添加Base64的返回圖片和返回書架字符，最后給這DIV添加一個(gè)超鏈接，返回到書架所在的頁面。由于安裝時(shí)路徑的不一所以我們首先要定義一個(gè)變量來保存書架的路徑，這樣當(dāng)安裝路徑發(fā)生變化時(shí)書架的路徑也會(huì)隨之改變，保證了書架路徑的正確。

第二，獲取JSON文件內(nèi)容。在頁面底部添加一個(gè)DIV，主要實(shí)現(xiàn)查看目錄、切換字體、切換模式功能，當(dāng)然他們都采用和返回書架同樣的布局。由于JSON格式的文件不能直接以字符格式顯示，所以我們首先要對(duì)文件夾中的JSON文件進(jìn)行解密，將其轉(zhuǎn)化成我們能夠直接閱讀的字符格式。然后在JS中自定義一個(gè)函數(shù)來獲取JSON文件中的數(shù)據(jù)，將標(biāo)題和內(nèi)容分別保存到兩個(gè)變量中。

第三，查看目錄。在頁面左側(cè)設(shè)置一個(gè)DIV名為list，然后輸出保存的JSON標(biāo)題變量，通過CSS的hidden、show屬性和Click（）事件，實(shí)現(xiàn)單擊查看目錄按鈕時(shí)調(diào)用list的show（）方法 ，再次單擊或者點(diǎn)擊屏幕其他頁面調(diào)用List的hidden（）方法。

第四，切換字體大小。首先定義一個(gè)JS函數(shù)FONT（），定義一個(gè)變量來保存應(yīng)用的初始字體大小。通過CSS來檢測(cè)切換字體大小是否變化，來改變整個(gè)HTML頁面的字體大小。

第五，切換背景顏色。首先在頁面底部建立一個(gè)DIV面板，當(dāng)點(diǎn)擊字體按鈕時(shí)調(diào)出切換背景顏色面板，在上面有幾種背景顏色選項(xiàng)。當(dāng)點(diǎn)擊其中任意一種時(shí)就會(huì)將這個(gè)顏色的值通過CSS傳輸?shù)絁S的函數(shù)中，然后通過函數(shù)調(diào)用CSS類來設(shè)置頁面的背景顏色。

第六，章節(jié)切換

在JS函數(shù)中定義一個(gè)變量來保存當(dāng)前的章節(jié)ID當(dāng)點(diǎn)擊下一章時(shí)，JS會(huì)對(duì)ID進(jìn)行一個(gè)自加減運(yùn)算達(dá)到來改變章節(jié)ID，通過JS會(huì)再次讀取改變后的章節(jié)內(nèi)容來達(dá)到切換章節(jié)的功能。

四、系統(tǒng)測(cè)試

系統(tǒng)測(cè)試（System Test，ST）是將經(jīng)過測(cè)試的子系統(tǒng)裝配成一個(gè)完整系統(tǒng)來測(cè)試。它是檢驗(yàn)系統(tǒng)是否確實(shí)能提供系統(tǒng)？方案說明書中指定功能的有效方法。在任何軟件系統(tǒng)的開發(fā)過程中，尤其是在進(jìn)行大型軟件系統(tǒng)的開發(fā)中，任何一個(gè)編程人員都不可避免地會(huì)產(chǎn)生錯(cuò)誤。為了盡可能地發(fā)現(xiàn)并改正系統(tǒng)設(shè)計(jì)中的錯(cuò)誤，減少錯(cuò)誤造成的損失，保證系統(tǒng)開發(fā)的質(zhì)量，需要進(jìn)行系統(tǒng)的測(cè)試。

對(duì)程序的測(cè)試常采用以下兩種方法：

一是黑盒法，將程序看成不透明的，不考慮其內(nèi)部的結(jié)構(gòu)和路徑，只管程序的整體功能，即輸入與輸出數(shù)據(jù)轉(zhuǎn)換是否按規(guī)范要求進(jìn)行。黑盒法發(fā)現(xiàn)程序中的錯(cuò)誤，必須使用所有可能輸入的數(shù)據(jù)來檢查程序是否都能產(chǎn)生正確的輸出。為此，黑盒法經(jīng)常采用以下幾個(gè)方法：等價(jià)劃分法，邊值劃分法，因果圖法以及錯(cuò)誤推測(cè)法等。較為完成的測(cè)試是把這幾種方法都結(jié)合起來使用。

二是白盒法，白盒法與黑盒法正好相反，把程序視為一個(gè)透明的盒子，需要了解程序的內(nèi)部構(gòu)造，要對(duì)程序內(nèi)部的所有邏輯路徑進(jìn)行測(cè)試，故白盒法又稱為邏輯覆蓋。如果想用白盒法發(fā)現(xiàn)程序中所有的錯(cuò)誤，則至少必須使程序中每種可能的路徑都實(shí)際執(zhí)行一次。事實(shí)上是不可能的。而且即便試完了所有路徑，仍不能保證程序符合要求。因?yàn)槌绦蛑杏行╁e(cuò)誤是同數(shù)據(jù)有關(guān)的，測(cè)試只能證明錯(cuò)誤存在，不能證明錯(cuò)誤不存在。目前常用的覆蓋標(biāo)準(zhǔn)是：語句覆蓋、條件覆蓋、判定/條件覆蓋，以及條件組合覆蓋等。

白盒法和黑盒法各有特點(diǎn)，每種方法都可以提供一組有用的例子，然后沒有一種方法可以提供一組完整的例子。因此。在處理實(shí)際問題時(shí)，最好時(shí)使用各種方法，以便對(duì)程序進(jìn)行比較嚴(yán)格周密的測(cè)試。

測(cè)試的過程：先對(duì)逐個(gè)模塊測(cè)試，一般采用先用白盒法分析模塊內(nèi)部邏輯，再用黑盒法補(bǔ)充一些例子，在軟件裝配的同時(shí)進(jìn)行測(cè)試，以便及時(shí)發(fā)現(xiàn)與接口相聯(lián)系的問題。之后進(jìn)行有效性測(cè)試，檢查程序功能與用戶要求的功能是否一致，最后把軟件和其它系統(tǒng)元素結(jié)合在一起，進(jìn)行系統(tǒng)整理。

五、系統(tǒng)優(yōu)缺點(diǎn)

本應(yīng)用采用了HTML5技術(shù)，所以它支持當(dāng)下幾乎所有的主流操作系統(tǒng)。并且由于是采用的自適應(yīng)布局，所以它也能夠支持各種終端包括PC、平板、手機(jī)并且體積非常的小巧 ，安裝使用方便。并且采用的是JSON格式進(jìn)行網(wǎng)絡(luò)傳輸，所以安全方面有了極大的保障。當(dāng)然由于目前技術(shù)的不完善在有些方面可能做的不是很好，比如界面交互上對(duì)用戶不是很友善，我們會(huì)繼續(xù)努力使其更加優(yōu)秀。