李雅雯 寧 哲 錢 森 朱 納 高 峰 江曉山 張銀鴻 蔡 浩

基于Ionic開發(fā)平臺的數(shù)據(jù)庫創(chuàng)建

李雅雯1,2寧 哲2,3錢 森2,3朱 納4高 峰2,3江曉山2,3張銀鴻2,3蔡 浩1

1（武漢大學(xué) 物理科學(xué)與技術(shù)學(xué)院 武漢 430072）
2（中國科學(xué)院高能物理研究所 北京 100049）
3（核探測與核電子學(xué)國家重點(diǎn)實(shí)驗(yàn)室 北京 100049）
4（陜西科技大學(xué) 西安 710021）

針對多個(gè)大科學(xué)工程中各種實(shí)驗(yàn)器件，如光電倍增管(Photomultiplier Tube, PMT)、讀出電子學(xué)電纜等性能批量測試數(shù)據(jù)管理的實(shí)際需求，開發(fā)了基于Ionic平臺的相關(guān)數(shù)據(jù)庫。該數(shù)據(jù)庫利用Angular.js、Ionic和HTML5為前端，以Node.js和Express為后端服務(wù)，生成的MySQL數(shù)據(jù)庫可運(yùn)行于手機(jī)客戶端與Web端的數(shù)據(jù)管理系統(tǒng)。以同一套代碼完成跨平臺運(yùn)行，實(shí)現(xiàn)在不同瀏覽器(Chrome、IE、Safari)、不同系統(tǒng)(Windows Phone、Android、IOS)上運(yùn)行的具有完整功能的數(shù)據(jù)庫軟件。具備對實(shí)驗(yàn)項(xiàng)目中部分測試數(shù)據(jù)進(jìn)行跟蹤、記錄和查詢等功能，為項(xiàng)目的進(jìn)行提供有力的保障。

Ionic，數(shù)據(jù)庫，Angular.js，Express，MySQL

大科學(xué)裝置及工程往往會對某種型號的器件或者探測器進(jìn)行批量使用。為此，在項(xiàng)目研發(fā)階段，除了對某種探測器的性能進(jìn)行詳細(xì)的研究測試，還需要對大量的同款探測器進(jìn)行批量測試和性能刻度，不但保證每個(gè)器件都符合該項(xiàng)實(shí)驗(yàn)的要求，還要保證探測器的性能均勻性和一致性。

北京譜儀(Beijing Spectrometer, BESIII)繆子探測器(Muon Chamber, MUC)的核心部件為阻性板探測器(Resistive Plate Counter, RPC)，在其研發(fā)階段，無論是裸室RPC，還是探測單位模塊，都進(jìn)行了嚴(yán)格的批量測試，通過使用專用數(shù)據(jù)庫記錄分析測試數(shù)據(jù)，為MUC的成功調(diào)試和運(yùn)行維護(hù)提供基礎(chǔ)數(shù)據(jù)支撐[1]。同樣，在大亞灣中微子實(shí)驗(yàn)(Daya Bay Reactor Neutrino Experiment, DayaBay)的建造過程中，研究人員對使用的20.32 cm的光電倍增管(Photomultiplier Tube, PMT)和RPC進(jìn)行了批量測試，使用基于MySQL的數(shù)據(jù)庫統(tǒng)一管理測試數(shù)據(jù)[2]，不但實(shí)現(xiàn)對合格RPC和PMT的篩選，還為探測器的離線刻度提供原始數(shù)據(jù)支持。

在建的江門中微子實(shí)驗(yàn)(Jiangmen Underground Neutrino Observatory, JUNO)[3]和高海拔宇宙線觀測站(Large High Air Altitude Shower Observatory, LHAASO)[4]實(shí)驗(yàn)，將會使用上萬只50.8 cm的大面積PMT[5]，為了保證工程的順利進(jìn)行，需要對每只PMT進(jìn)行嚴(yán)格的性能標(biāo)定，從裸管到封裝分壓器前后，安裝前后都需要詳細(xì)而繁雜的刻度測試。在JUNO中，PMT產(chǎn)生的模擬信號被緊貼其后的讀出電子學(xué)轉(zhuǎn)換成數(shù)字信號，通過將近100 m的超5類耐水壓特種網(wǎng)線傳輸?shù)桨渡系穆酚善?。因此整個(gè)實(shí)驗(yàn)不僅用到兩萬只PMT，還要使用兩萬套讀出電子學(xué)和兩萬根超5類特種網(wǎng)線。

每只PMT和每根電纜，從生產(chǎn)到安裝完成的過程中都要經(jīng)過多次測量，這期間保存了大量關(guān)于生產(chǎn)部件性能狀態(tài)的實(shí)驗(yàn)數(shù)據(jù)。為對這些實(shí)驗(yàn)數(shù)據(jù)進(jìn)行跟蹤、記錄、查詢，實(shí)現(xiàn)合作方之間的數(shù)據(jù)共享、信息交流，非常有必要創(chuàng)建一個(gè)數(shù)據(jù)庫系統(tǒng)實(shí)現(xiàn)相關(guān)的功能。

1 數(shù)據(jù)庫架構(gòu)的選擇

數(shù)據(jù)庫系統(tǒng)主體分為前端界面、后端服務(wù)和數(shù)據(jù)庫。鑒于進(jìn)行數(shù)據(jù)庫系統(tǒng)開發(fā)的資源限制，希望能夠以一套代碼完成跨平臺的后端開發(fā)，實(shí)現(xiàn)前端頁面在不同瀏覽器、不同系統(tǒng)的運(yùn)行，這樣也有利于將來的維護(hù)。

1.1 常規(guī)數(shù)據(jù)庫架構(gòu)

在定義該數(shù)據(jù)庫系統(tǒng)結(jié)構(gòu)之前，我們對比以往成功的類似功能數(shù)據(jù)庫的結(jié)構(gòu)：BESIII以及DayaBay的質(zhì)量控制數(shù)據(jù)庫采用了MySQL+PHP+ Apache的組合。

其中超文本預(yù)處理器(Hypertext Preprocessor, PHP)實(shí)現(xiàn)與數(shù)據(jù)庫通訊的后端服務(wù)，Apache作為Web應(yīng)用服務(wù)器解釋后端服務(wù)PHP。其結(jié)構(gòu)如圖1所示。這些軟件都可免費(fèi)獲得，不同操作系統(tǒng)的數(shù)據(jù)庫開發(fā)者都能運(yùn)用[1]。在BESIII 數(shù)據(jù)庫建造時(shí)期，這種組合也被稱為開發(fā)數(shù)據(jù)庫的黃金組合，可以較好地實(shí)現(xiàn)人機(jī)交互，操作方便。特別是PHP可以方便地嵌入到HTML語言中，又可以很好地與后端MySQL數(shù)據(jù)庫實(shí)現(xiàn)交互，可以在Web端實(shí)現(xiàn)對實(shí)驗(yàn)數(shù)據(jù)地及時(shí)更新、查詢和顯示等功能。

圖1 BESIII、DayaBay-RPC數(shù)據(jù)庫系統(tǒng)架構(gòu)圖Fig.1 The architecture diagram of database used in RPC for BESIII/DayaBay.

近些年來隨著智能手機(jī)的普及和HTML5標(biāo)準(zhǔn)的落地，為充分利用當(dāng)前科技發(fā)展成果來實(shí)現(xiàn)更豐富和更方便的用戶體驗(yàn)，滿足用戶的不同需求，迫切需要采用一種新的數(shù)據(jù)庫架構(gòu)。我們希望實(shí)現(xiàn)開發(fā)混合移動應(yīng)用程序，而不僅限于Web端數(shù)據(jù)庫界面的開發(fā)。而混合移動應(yīng)用程序只是一個(gè)普通的移動優(yōu)化網(wǎng)站，用CSS、HTML和JavaScript[6]編寫，在Webview上顯示。這樣只需要編譯一個(gè)應(yīng)用程序，在大多數(shù)情況下，幾乎不用修改源代碼就可以在Android、IOS系統(tǒng)上運(yùn)行[7]。

1.2 新設(shè)計(jì)數(shù)據(jù)庫架構(gòu)

通過調(diào)研工業(yè)界當(dāng)前的技術(shù)發(fā)展應(yīng)用，我們發(fā)現(xiàn)隨著前端技術(shù)的發(fā)展，涌現(xiàn)出了許多開源的混合移動應(yīng)用開發(fā)框架，例如React-Native、Ionic等[8]，都提供了跨平臺開發(fā)的功能。

React-Native正如其名稱一樣，目的是構(gòu)建真正的native應(yīng)用，用戶體驗(yàn)高于HTML，開發(fā)效率較高，開發(fā)完全由JavaScript和React來完成。但是這個(gè)框架不太適合Web開發(fā)的新手，當(dāng)官方封裝的控件、應(yīng)用程序接口(Application Programming Interface, API)無法滿足要求時(shí)，就必然需要應(yīng)用一些native方法去擴(kuò)展，擴(kuò)展性能遠(yuǎn)不如Web，也不如直接寫native code，發(fā)展還不成熟。目前很多用戶界面(User Interface, UI)組件只有IOS的實(shí)現(xiàn)，Android系統(tǒng)中的應(yīng)用則需要用戶實(shí)現(xiàn)，而且文檔不夠完整，學(xué)習(xí)起來較困難[7]。

Ionic是基于JavaScript開發(fā)的，基本上可以實(shí)現(xiàn)IOS和Android共用代碼，純Web思維、開發(fā)速度快、簡單方便，一次編碼全域運(yùn)行?；趐hone-gap的編譯平臺，可以實(shí)現(xiàn)編譯成各個(gè)平臺的應(yīng)用程序。開發(fā)文檔比較完整，開發(fā)者社區(qū)較為成熟，遇到問題容易找到解決的方案。綜上，我們選擇Angular.js+ Ionic+phone-gap/cordova的方案作為數(shù)據(jù)庫前端的開發(fā)工具。

既然前端是基于JavaScript開發(fā)，因此希望后端的開發(fā)也能采用JavaScript。通過調(diào)研發(fā)現(xiàn)，Node.js是一個(gè)開放源代碼、跨平臺的、可用于服務(wù)器端和網(wǎng)絡(luò)應(yīng)用的運(yùn)行環(huán)境。Node.js實(shí)際上就是運(yùn)行在服務(wù)端的JavaScript，使之具備了構(gòu)建基于JavaScript的高并發(fā)的Web Application的能力，又不會因多線程本身的特點(diǎn)而帶來麻煩。Express是一種保持最低程度規(guī)模的靈活Node.js Web應(yīng)用程序框架，為Web和移動應(yīng)用程序提供一組強(qiáng)大的功能和豐富的HTTP工具[9]。

利用Angular.js、Ionic和HTML5為前端，Node.js和Express為后端服務(wù)以及MySQL數(shù)據(jù)庫能夠生成可運(yùn)行于手機(jī)客戶端與Web端的數(shù)據(jù)管理系統(tǒng)，其結(jié)構(gòu)如圖2所示。表1給出了兩種數(shù)據(jù)庫架構(gòu)特性的關(guān)鍵特性對比。

圖2 基于Ionic開發(fā)平臺數(shù)據(jù)庫系統(tǒng)架構(gòu)圖Fig.2 The architecture diagram of the database within Ionic.

表1 兩種數(shù)據(jù)庫架構(gòu)對比Table1 Contrast of the two database architectures.

2 數(shù)據(jù)庫的創(chuàng)建

該數(shù)據(jù)庫系統(tǒng)以Ionic開發(fā)平臺為基礎(chǔ)，以同一套代碼完成跨平臺運(yùn)行，實(shí)現(xiàn)在不同瀏覽器、不同系統(tǒng)上的運(yùn)行。整個(gè)開發(fā)過程始終以同一套程序語言(JavaScript)開發(fā)，擁有友好的交互頁面。MySQL數(shù)據(jù)庫部署在Linux系統(tǒng)的服務(wù)器上，可以使用數(shù)據(jù)庫瀏覽軟件HeidiSQL[10]或者Navicat[11]實(shí)現(xiàn)遠(yuǎn)程連接并查看數(shù)據(jù)庫中的內(nèi)容。

2.1 接入文檔數(shù)據(jù)庫

為了能更好地面向用戶，使其無需二次注冊登錄該數(shù)據(jù)庫系統(tǒng)，通過采用如圖3所示的單點(diǎn)登錄方式，用戶采用登錄文檔數(shù)據(jù)庫的用戶名和密碼即可登錄本數(shù)據(jù)庫。具體的實(shí)現(xiàn)方式是采用Shibboleth接入方式，我們需要把服務(wù)器配置成一個(gè)SP (Shibboleth Service Provider)，再將我們的SP接入到IDP (Identity Provider)服務(wù)器管理系統(tǒng)即可。

圖3 用戶登錄邏輯示意圖Fig.3 The logic of user login the database.

如圖3所示，當(dāng)用戶輸入用戶名及密碼申請登陸時(shí)，首先向服務(wù)器中SP發(fā)送請求，SP接收到登錄請求信息后發(fā)送指令向IDP請求驗(yàn)證；IDP收到SP發(fā)送的驗(yàn)證信息，將用戶名和密碼與存儲的用戶信息進(jìn)行驗(yàn)證，通過后將驗(yàn)證通過的信息再返回到SP，SP收到驗(yàn)證通過的信息再與保存有用戶不同權(quán)限的用戶表User-table進(jìn)行比對，使得該用戶獲得相應(yīng)的登錄權(quán)限。

2.2 實(shí)驗(yàn)數(shù)據(jù)的上傳

實(shí)驗(yàn)數(shù)據(jù)生成后需要操作者上傳到數(shù)據(jù)庫后才能供使用者調(diào)用查看。因?yàn)閿?shù)據(jù)文件較多，我們無法/也沒必要通過手動上傳的方式將實(shí)驗(yàn)數(shù)據(jù)鍵入到MySQL數(shù)據(jù)庫中，這將極為低效而且容易出現(xiàn)人為因素的數(shù)據(jù)錯(cuò)誤?？梢酝ㄟ^編程方式實(shí)現(xiàn)表格文件的上傳，同樣該方式還可實(shí)現(xiàn)大批量上傳，方便快捷，同時(shí)最大程度地保證數(shù)據(jù)的正確性。

還可以通過手機(jī)APP掃描基于實(shí)驗(yàn)數(shù)據(jù)生成的二維碼，實(shí)現(xiàn)數(shù)據(jù)的上傳，這將更加方便快捷。包含實(shí)驗(yàn)數(shù)據(jù)的二維碼如圖4所示。因?yàn)榉?wù)器部署在遠(yuǎn)端，該方式將會很好地解決用戶因電腦存在保密管理問題或無法連接網(wǎng)絡(luò)造成數(shù)據(jù)無法上傳至服務(wù)器數(shù)據(jù)庫的問題。

圖4 包含實(shí)驗(yàn)數(shù)據(jù)的二維碼，右側(cè)為其內(nèi)容Fig.4 The two-dimensional code contains the experimental data and its content is on the right.

2.3 熱更新功能

傳統(tǒng)上實(shí)現(xiàn)相關(guān)的軟件功能應(yīng)用，一般需要先生成.exe文件，用戶下載該文件并安裝，每次應(yīng)用更新都需要重新生成新的.exe文件以供用戶安裝。熱上傳功能是指開發(fā)人員不需要將更新過的程序重新打包上傳，僅需下載更新補(bǔ)丁就可完成軟件功能的升級。

要實(shí)現(xiàn)熱更新功能只需要安裝熱更新插件，即cordova的cordova-hot-code-push插件。首先官網(wǎng)下載此插件，然后安裝生成檢測配置文件并更新插件[12]。配置完成后，運(yùn)行代碼或打包APP，修改需要更新的代碼，在手機(jī)上打開應(yīng)用實(shí)現(xiàn)了動態(tài)更新。

開發(fā)熱更新功能將為用戶提供極大的便利，用戶無需重新下載安裝APP就可在第一時(shí)間內(nèi)獲取最新版本的APP并節(jié)省流量。程序員也可以及時(shí)得到用戶的反饋，這樣此數(shù)據(jù)庫應(yīng)用軟件將會更加地滿足多種用戶需求。

3 數(shù)據(jù)庫的功能

數(shù)據(jù)庫需要實(shí)現(xiàn)的基本功能：用戶登錄與分級、數(shù)據(jù)的查詢與錄入、數(shù)據(jù)統(tǒng)計(jì)、部件狀態(tài)跟蹤以及各系統(tǒng)關(guān)系映射。

3.1 用戶登錄與分級

為保證數(shù)據(jù)安全，數(shù)據(jù)庫APP首先需要登錄頁面。同一項(xiàng)目中合作組成員只需要使用文檔數(shù)據(jù)庫中的用戶名和密碼即可完成登錄，無需重新注冊。

在大科學(xué)工程中，每個(gè)科研項(xiàng)目、每個(gè)模塊都有眾多的國內(nèi)外研究人員參與。為保證每個(gè)模塊只有相關(guān)人員可以查看，我們對用戶的權(quán)限加以限制。用戶的權(quán)限分為三級：管理員、實(shí)驗(yàn)員和普通用戶。管理員擁有除程序員以外的最高權(quán)限，不僅可以對所有的數(shù)據(jù)實(shí)現(xiàn)增刪改查，還可以實(shí)現(xiàn)給其他的用戶分配權(quán)限；實(shí)驗(yàn)員是參與某一實(shí)驗(yàn)的人員，能對某模塊數(shù)據(jù)實(shí)現(xiàn)增刪改查，實(shí)現(xiàn)對測試數(shù)據(jù)的監(jiān)督，但不包括管理其他用戶權(quán)限的功能；普通用戶僅有查看部分實(shí)驗(yàn)數(shù)據(jù)的功能。給用戶添加不同的權(quán)限，這樣可以最大限度地保障數(shù)據(jù)的安全。

3.2 數(shù)據(jù)的查詢與錄入

數(shù)據(jù)庫APP最主要的功能就是實(shí)現(xiàn)實(shí)驗(yàn)中測試數(shù)據(jù)的錄入和為用戶提供豐富的查詢功能。要實(shí)現(xiàn)數(shù)據(jù)的查詢，我們在數(shù)據(jù)庫的主頁面設(shè)有相關(guān)查詢的鏈接，包括不同模塊信息的分組，另外還包括掃描條形碼查詢按鈕和按產(chǎn)品編號查詢按鈕。

寫入數(shù)據(jù)表單的數(shù)據(jù)都是基于測試的原始數(shù)據(jù)經(jīng)分析后得到的結(jié)果，而不是原始數(shù)據(jù)，所以不需要查詢后再進(jìn)行處理。當(dāng)需要處理的數(shù)據(jù)量增大后，批量讀取MySQL多行（比如根據(jù)BESIII預(yù)計(jì)有兩萬行，對應(yīng)兩萬支光電倍增管），不到1 s的時(shí)間就能夠把圖畫出來。實(shí)際上無論是查詢還是插入數(shù)據(jù)，要處理的數(shù)據(jù)量遠(yuǎn)低于MySQL數(shù)據(jù)庫每秒能夠處理速度上限（幾十萬次），而且我們使用i7CPU的服務(wù)器，所以完全不用擔(dān)心因數(shù)據(jù)量增大而造成數(shù)據(jù)庫性能下降的問題。

3.3 數(shù)據(jù)統(tǒng)計(jì)

數(shù)據(jù)庫APP除了有上傳實(shí)驗(yàn)數(shù)據(jù)以及查看測試數(shù)據(jù)和圖片的功能，還具有數(shù)據(jù)統(tǒng)計(jì)功能。在查詢測試數(shù)據(jù)的過程中，我們可以選擇某一類測試數(shù)據(jù)為變量，例如光電倍增管的上升時(shí)間(Rise time)、探測效率(Detector efficiency, DE)等，查看在測試時(shí)間段內(nèi)的統(tǒng)計(jì)波形圖和統(tǒng)計(jì)直方圖。

統(tǒng)計(jì)波形圖可以顯示測試數(shù)據(jù)的實(shí)時(shí)曲線，直觀顯示測試參數(shù)隨著測試時(shí)間的變化趨勢，如圖5所示。每天實(shí)際測試的樣管數(shù)據(jù)為32只，所以將一只老化用PMT其中33天的老化數(shù)據(jù)當(dāng)作33只PMT一天的數(shù)據(jù)導(dǎo)入數(shù)據(jù)庫來檢驗(yàn)數(shù)據(jù)庫這部分功能。

圖5 統(tǒng)計(jì)波形圖Fig.5 Statistical waveform.

統(tǒng)計(jì)直方圖可以將測試的大量歷史數(shù)據(jù)進(jìn)行分析，從空間上判斷產(chǎn)品的生產(chǎn)過程是否穩(wěn)定，評估其質(zhì)量特性。按照統(tǒng)計(jì)學(xué)原理，用史特吉斯(Sturges)公式和測定數(shù)n來確定區(qū)間的數(shù)量，其中區(qū)間數(shù)量為1+3.3log(n)，由此得到區(qū)間寬度。如此生成的一組直方圖如圖6所示。

圖6 統(tǒng)計(jì)直方圖Fig.6 Statistical histogram.

3.4 部件狀態(tài)跟蹤

為方便實(shí)驗(yàn)人員及時(shí)、快捷地對產(chǎn)品部件的狀態(tài)進(jìn)行更新，我們利用條形碼實(shí)現(xiàn)類似快遞投遞功能的部件狀態(tài)跟蹤功能。相關(guān)人員使用手機(jī)攝像頭掃描產(chǎn)品部件上對應(yīng)的標(biāo)簽完成相應(yīng)狀態(tài)的更新，而不需要再進(jìn)行手動輸入，從而更加方便快捷，提高實(shí)驗(yàn)人員的效率。因?yàn)槊總€(gè)產(chǎn)品部件都有其唯一的編號，通過此功能可以對某一產(chǎn)品部件實(shí)現(xiàn)從出廠到安裝完成整個(gè)過程的記錄、跟蹤功能，更能讓用戶清楚地看到每項(xiàng)測試實(shí)驗(yàn)都由哪些人負(fù)責(zé)。

3.5 各系統(tǒng)關(guān)系映射

為更直觀地顯示產(chǎn)品部件或器件在實(shí)驗(yàn)項(xiàng)目探測器上的安裝位置，例如光電倍增管在江門中微子實(shí)驗(yàn)中球型探測器上的具體位置，我們可以通過三維立體圖像方式給出安裝位置的映射。

三維立體圖像是基于three.js的，three.js是一個(gè)3D JavaScript庫，支持許多格式的3D模型導(dǎo)入，比如我們用到的*.obj模型。加載*.obj文件需要另外引入three.js提供的OBJLoader.js和相應(yīng)材質(zhì)文件*.mtl對應(yīng)的MTLLoader.js。然后在函數(shù)中設(shè)置路徑并對三維對象做一些處理：對材質(zhì)進(jìn)行調(diào)色、設(shè)置透明度、設(shè)置貼圖模式等，從而得到我們需要的三維圖像[13]。

4 結(jié)語

本文介紹了基于Ionic開發(fā)平臺創(chuàng)建的混合移動應(yīng)用程序，可運(yùn)行于手機(jī)客戶端(APP)與Web端的數(shù)據(jù)管理系統(tǒng)，對實(shí)驗(yàn)數(shù)據(jù)的操作更加方便快捷，為實(shí)驗(yàn)的進(jìn)行提供較大便利。

1 姚寧, 張家文, 鄭國恒, 等. BESⅢ MUON探測器建造和質(zhì)量控制數(shù)據(jù)庫[J]. 核電子學(xué)與核探測技術(shù), 2006, 26(2): 203-207.

YAO Ning, ZHANG Jiawen, ZHENG Guoheng, et al. Construction of BESIII MUON detector and quality control database[J]. Nuclear Electronics amp; Detection Technology, 2006, 26(2): 203-207.

2 羅煒. 大亞灣中微子振蕩反符合探測器RPC性能測試及其質(zhì)量控制數(shù)據(jù)庫建立[D]. 衡陽: 南華大學(xué), 2009.

LUO Wei. The performance of testing about DayaBay neutrino oscillation anti-coincidence detector of RPC and the database of quality control[D]. Hengyang: Nanhua University, 2009.

3 曹俊. 大亞灣與江門中微子實(shí)驗(yàn)[J]. 中國科學(xué): 物理學(xué)力學(xué) 天文學(xué), 2014, 44(10): 1025-1040.

CAO Jun. Daya Bay and Jiangmen underground neutrino observatory (JUNO) neutrino experiments[J]. Scientia Sinica: Physica, Mechanica amp; Astronomica, 2014, 44(10): 1025-1040.

4 Cao Z. LHAASO: science and status[J]. Frascati Physics Series, 2014, 58: 331-342.

5 Qian S. The 20 inch MCP-PMT Ramp;D in China[R]. California: California Institute of Technology, 2016.

6 JavaScript[EB/OL]. 2016. https://zh.wikipedia.org/wiki/ JavaScript.

7 Comparing the top frameworks for building hybrid obile-apps[EB/OL]. 2015. http://tutorialzine.com/2015/ 10/comparing-the-top-frame.

8 Ionic react-native native優(yōu)劣勢對比[EB/OL]. 2016. http://www.ionic.wang/article-index-id-69.html. Comparision of the ionic, react-native and native[EB/OL]. 2016. http://www.ionic.wang/article-index-id-69.html.

9 使用NodeJS+Express開發(fā)服務(wù)端[EB/OL]. 2016. http://www.jianshu.com/p/db4df1938eca.

Use NodeJS+Express to develop the server[EB/OL]. 2016. http://www.jianshu.com/p/db4df1938eca.

10 HeidiSQL. Basic help on using HeidiSQL[EB/OL]. 2016. http://www.heidisql.com.

11 Navicat[EB/OL]. 2016. https://www.navicat.com.cn.

12 html5移動app框架ionic熱更新插件-不發(fā)布應(yīng)用市場動態(tài)更新APP源碼[EB/OL]. 2016. http://www.ionic. wang/article-index-id-71.html.

The hot push plugin of ionic-update app source don’t need to publish on the app market dynamics[EB/OL]. 2016. http://www.ionic.wang/article-index-id-71.html.

13 ThreeJS學(xué)習(xí)筆記（二）-導(dǎo)入外部模型[EB/OL]. 2016. http://feg.netease.com/archives/301.html.

ThreeJS study notes(II)-import the external model[EB/OL]. 2016. http://feg.netease.com/archives/301. html.

A database with the Ionic platform

LI Yawen1,2NING Zhe2,3QIAN Sen2,3ZHU Na4GAO Feng2,3JIANG Xiaoshan2,3ZHANG Yinhong2,3CAI Hao1

1(School of Physics and Technology, Wuhan University, Wuhan 430072, China)
2(Institute of High Energy Physics, Chinese Academy of Sciences, Beijing 100049, China)
3(State Key Laboratory of Particle Detection and Electronics, Beijing 100049, China)
4(Shaanxi University of Science and Technology, Xi’an 710021, China)

Background: Large-scale scientific facilities need bunch test for their key devices, and need the special database to manage the test results. Purpose: This study aims at the practical requirements of data management for experimental devices, such as photomultiplier tube (PMT) and readout electronics cable, etc. and the design of related database based on the Ionic development platform for scientific facility. Methods: Angular.js, Ionic, HTML5 are employed to implement the front-end, whilst Node.js, Express are used for the back-end services. Combine with the MySQL, a data management system is generated to run across various platforms such as the mobile client and the Web side. Results: The database software can execute in different browsers (Chrome, IE, Safari) via various operating systems (Windows Phone, Android, IOS) with the same code. Conclusion: With functionality of track, record and query the variety of test data for all experimental devices, this database provides effective protection for the conduct of the experimental project.

Ionic, Database, Angular.js, Express, MySQL

LI Yawen, female, born in 1992, graduated from Wuhan University in 2015, master student, now engaging in the creation of the database Corresponding author: QIAN Sen, E-mail: qians@ihep.ac.cn; NING Zhe, E-mail: ningzhe@ihep.ac.cn

TL822+.6

10.11889/j.0253-3219.2017.hjs.40.040401

No.11175198、No.11475209、No.11611130020、No.11675205)資助

李雅雯，女，1992年出生，2015年畢業(yè)于武漢大學(xué)，現(xiàn)為碩士研究生，現(xiàn)從事數(shù)據(jù)庫的創(chuàng)建工作

錢森，E-mail: qians@ihep.ac.cn；寧哲，E-mail: ningzhe@ihep.ac.cn

2016-12-27，修回時(shí)間：2017-02-03

Supported by National Natural Science Foundation of China (No.11175198, No.11475209, No.11611130020, No.11675205)

Received date: 2016-12-27, accepted date: 2017-02-03