黃青逢

（廣西廣播電視技術(shù)中心）

一、引言

一直以來(lái)，廣西廣播電視技術(shù)中心以及各個(gè)部門(mén)的相關(guān)文件的查閱都是通過(guò)打印分發(fā)傳閱，或者私下通過(guò)OA等系統(tǒng)一一轉(zhuǎn)發(fā)，這種方式不便職工查看，文件分散存放，缺乏統(tǒng)一管理。為了解決上述問(wèn)題，提高工作效率，開(kāi)發(fā)一套簡(jiǎn)單高效的文件查詢系統(tǒng)顯得很有必要。

如今飛速發(fā)展的網(wǎng)絡(luò)軟件技術(shù)貫穿各個(gè)行業(yè)，代碼的復(fù)用讓快速開(kāi)發(fā)成為常態(tài)，根據(jù)需求短時(shí)間內(nèi)就能完成一套系統(tǒng)的開(kāi)發(fā)。本系統(tǒng)將在單位原有的Web網(wǎng)盤(pán)系統(tǒng)基礎(chǔ)上進(jìn)行二次開(kāi)發(fā)，并獨(dú)立開(kāi)發(fā)企業(yè)微信版本，兩個(gè)版本都將實(shí)現(xiàn)單位文件統(tǒng)一分類(lèi)管理和在線查閱、檢索和下載等功能，方便用戶隨時(shí)隨地查閱文件。

二、系統(tǒng)總體設(shè)計(jì)

根據(jù)實(shí)際業(yè)務(wù)需求，Web網(wǎng)頁(yè)端設(shè)置管理員和普通用戶兩種角色，管理員擁有對(duì)所有文件的管理權(quán)限，比如上傳、下載、刪除等文件及目錄操作，普通用戶只能對(duì)文件進(jìn)行查看、下載以及檢索。Web網(wǎng)頁(yè)端的功能流程圖如圖1所示。

圖1 Web網(wǎng)頁(yè)端功能流程圖

企業(yè)微信端由于涉及到外部網(wǎng)絡(luò)，存在很多安全問(wèn)題，故只開(kāi)設(shè)普通用戶的功能，用戶通過(guò)企業(yè)微信訪問(wèn)系統(tǒng)可以查看、下載相關(guān)文件，企業(yè)微信端的功能流程圖如圖2所示。

圖2 企業(yè)微信端功能流程圖

三、開(kāi)發(fā)框架及技術(shù)

（一）Web網(wǎng)頁(yè)端

Web網(wǎng)頁(yè)端采用ASP.NET MVC框架進(jìn)行開(kāi)發(fā)，代碼和頁(yè)面分離，這種模式有低耦合、高復(fù)用、高維護(hù)性等優(yōu)點(diǎn)，本系統(tǒng)通過(guò)二次開(kāi)發(fā)，復(fù)用原Web網(wǎng)盤(pán)系統(tǒng)的部分代碼和數(shù)據(jù)庫(kù)，大大降低開(kāi)發(fā)成本，提高開(kāi)發(fā)效率。

（二）企業(yè)微信端

企業(yè)微信端采用SpringMVC框架，SpringMVC是基于Java的輕量級(jí)Web框架，實(shí)現(xiàn)了Web MVC的設(shè)計(jì)模式，簡(jiǎn)化開(kāi)發(fā)、降低開(kāi)發(fā)成本、提高可維護(hù)性，性能優(yōu)秀且靈活。SpringMVC的配置非常簡(jiǎn)單，首先在項(xiàng)目的web.xml文件中配置SpringMVC的前端控制器用于攔截請(qǐng)求；其次創(chuàng)建SpringMVC的配置文件；最后使用@Controller注解類(lèi)成為控制器，用于接收客戶端的get、post請(qǐng)求，使用@RequestMapping標(biāo)注訪問(wèn)的URL,前端通過(guò)該URL即可向控制器提交請(qǐng)求。前端頁(yè)面采用HTML5自適應(yīng)網(wǎng)頁(yè)技術(shù)，使用jstl標(biāo)簽庫(kù)簡(jiǎn)化頁(yè)面、提高頁(yè)面可維護(hù)性。數(shù)據(jù)通過(guò)Web Service接口實(shí)現(xiàn)與Web端的數(shù)據(jù)連接和交互。

四、關(guān)鍵技術(shù)的實(shí)現(xiàn)

（一）文件在線打開(kāi)

Web網(wǎng)頁(yè)端通過(guò)辨別文件的類(lèi)型，采用相應(yīng)組件實(shí)現(xiàn)文件在線閱讀或播放，word和excel文件通過(guò)aspose.word組件轉(zhuǎn)換成pdf格式，pdf文件通過(guò)swfTools工具轉(zhuǎn)換成swf文件類(lèi)型，最后用flexpaper組件在線顯示。

企業(yè)微信端首先通過(guò)Web Service接口請(qǐng)求服務(wù)器將要打開(kāi)的文件轉(zhuǎn)換成pdf文件，并返回該文件的地址，最后通過(guò)PDF.js插件在線顯示，效果如圖3所示。

圖3 企業(yè)微信端在線打開(kāi)文件效果圖

（二）企業(yè)微信身份驗(yàn)證

企業(yè)微信端部署在外網(wǎng)，通過(guò)互聯(lián)網(wǎng)就可以訪問(wèn)，為了保證單位文件的安全和機(jī)密，必須先進(jìn)行身份驗(yàn)證。

企業(yè)微信提供了OAuth的授權(quán)登錄方式，能夠從企業(yè)微信終端打開(kāi)的網(wǎng)頁(yè)獲取成員的身份信息，從而免去登錄的環(huán)節(jié)。首先為進(jìn)行身份驗(yàn)證做好準(zhǔn)備，登錄企業(yè)微信后臺(tái)創(chuàng)建應(yīng)用，配置可信域名、完成歸屬域名驗(yàn)證，最后配置應(yīng)用訪問(wèn)的主頁(yè)。其次使用企業(yè)號(hào)CorpID和秘鑰Secret作為參數(shù)調(diào)用相應(yīng)接口獲取調(diào)用接口憑證access_token和code，最后通過(guò)這兩個(gè)返回值獲取到用戶ID，如果返回空值則表示身份驗(yàn)證失敗，從而阻止非法用戶訪問(wèn)系統(tǒng)，如果返回用戶ID，則將用戶id寫(xiě)入cookie。之后用戶再訪問(wèn)系統(tǒng)直接校驗(yàn)是否有標(biāo)識(shí)成員身份的cookie信息，如果有直接進(jìn)入，否則重新驗(yàn)證身份，此方式可免去頻繁的身份驗(yàn)證降低時(shí)間開(kāi)銷(xiāo)。進(jìn)入系統(tǒng)之后的效果如圖4所示。

圖4 企業(yè)微信端實(shí)現(xiàn)效果圖

五、系統(tǒng)部署和網(wǎng)絡(luò)環(huán)境

根據(jù)需求，系統(tǒng)部署在單位內(nèi)網(wǎng)，通過(guò)防火墻和網(wǎng)閘與外部網(wǎng)絡(luò)安全隔離，并在單位門(mén)戶網(wǎng)站上面設(shè)置快捷入口。企業(yè)微信端部署在單位外網(wǎng)，通過(guò)前置機(jī)代理轉(zhuǎn)發(fā)用戶所有的請(qǐng)求和響應(yīng)，保證數(shù)據(jù)的安全性不受外部威脅和攻擊。具體拓?fù)鋱D如圖5所示。

圖5 系統(tǒng)網(wǎng)絡(luò)拓?fù)鋱D

六、總結(jié)

本系統(tǒng)的Web端通過(guò)二次開(kāi)發(fā)，以低成本快速完成開(kāi)發(fā)并投入使用。企業(yè)微信端通過(guò)Web Service接口進(jìn)行數(shù)據(jù)交互，開(kāi)發(fā)人員只需編寫(xiě)界面和解析數(shù)據(jù)，大大降低開(kāi)發(fā)難度。目前該系統(tǒng)已正常使用，無(wú)論是使用電腦還是手機(jī)，用戶都無(wú)需下載就可以隨時(shí)訪問(wèn)本系統(tǒng)查看單位相關(guān)文件，文件查找非常便捷高效。