程彪

摘要：隨著互聯(lián)網技術的發(fā)展和醫(yī)院信息化的建設，B/S架構的前端系統(tǒng)構建面臨著用戶更高的要求。HIS系統(tǒng)更是一個需求不斷更新的產品，要求開發(fā)工程師在了解HIS業(yè)務的同時，也能夠更快速、合理、有效地進行前端頁面開發(fā)工作和后臺業(yè)務數(shù)據(jù)的處理。該文闡述了Caché數(shù)據(jù)庫中基于jQuery框架前端開發(fā)流程和后臺業(yè)務數(shù)據(jù)的處理過程。首先介紹了HIS系統(tǒng)的開發(fā)現(xiàn)狀和所面臨的問題；然后介紹了在Caché數(shù)據(jù)庫基礎上如何利用jQuery框架開發(fā)HIS功能界面，通過應用實例闡述jQuery在前端開發(fā)中的優(yōu)勢。

關鍵詞：HIS系統(tǒng)，jQuery，Caché數(shù)據(jù)庫，B/S架構，Ajax

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2018）13-0005-03

Develop Drug Management Module of Department in Hospital Based on Caché Database +jQuery Framework

CHENG Biao

（Information Center of AnHui Provincial Cancer Hospital，Hefei， Hefei 230000， China）

Abstract： As the development of Internet technology and the construction of hospital informatization， system construction of front end is facing higher requirements in B/S architecture. As the update of HIS，it requires development engineers to understand HIS business， and also be able to develop front-end page and handle business data in a faster， more reasonable and more effective way. This paper describes the development process and the processing of the background business data based on jQuery framework in Caché database.First，we introduce the development status and the problems in HIS； then we introduce how to use the jQuery framework to develop the interface of HIS in Caché database， we also described development advantage through application examples in the front-end.

Keywords： HIS； jQuery； Caché Database； B/S architecture； Ajax

基于Caché數(shù)據(jù)庫的HIS系統(tǒng)開發(fā)目前是利用組件編輯器進行界面編輯[1]，是我院HIS系統(tǒng)開發(fā)的主流工具和模式，在這種模式下開發(fā)，界面比較單一，用戶體驗不高，有兩個比較突出的問題：

1）界面的csp比較固定，不能添加樣式，界面美觀性差。在前端代碼中，直接用JavaScript編寫，代碼比較混亂，雖然開發(fā)速度快，但是存在調試困難的缺點。

2）兼容性問題。原HIS系統(tǒng)中開發(fā)的界面只能在IE6的基礎上進行顯示和操作，而實際上目前計算機的Web瀏覽器基本都在IE8或者以上，導致HIS系統(tǒng)用組件編輯器開發(fā)的界面在IE8或者以上的版本上運行的時候有很多問題。另外Chrome、FireFox等瀏覽器的大面積使用，導致HIS系統(tǒng)的運行環(huán)境比較單一。其次，隨著Ajax技術[5]的普及和發(fā)展，頁面上的特效需要頻繁使用大量的腳本與DOM操作來實現(xiàn)，瀏覽器兼容性問題在DOM操作、XML解析等過程中逐漸顯示出來。

而使用jQuery框架和技術[2]，可以避免以上兩個問題的出現(xiàn)。

1 jQuery框架在Caché數(shù)據(jù)庫上的應用

1.1 jQuery介紹

jQuery是一個快速、簡潔的JavaScript框架，它是一個兼容多瀏覽器、輕量級的JavaScript庫，它兼容CSS3，兼容各種瀏覽器，例如IE6.0++、Chrome、FireFox、Opera 9.0+等。jQuery能夠使用戶更方便的處理HTML文檔、事件、實現(xiàn)動畫效果以及圖表等，并且提供AJAX交互。同時，jQuery的文檔說明很全面，而且有很多成熟的插件可以使用，能夠使使用戶的頁面內容和代碼分離，不需要在頁面插入js命令，只需要調用id即可。使用jQuery可以極大地提高編寫JavaScript代碼的效率，讓代碼更健壯。

1.2 Caché數(shù)據(jù)庫的介紹

Caché數(shù)據(jù)庫是美國Intersystems公司的產品，屬于后關系型數(shù)據(jù)庫（Post Relational Database），主要應用于醫(yī)療領域，尤其是國外的醫(yī)療領域，是醫(yī)療界公認的首選數(shù)據(jù)庫[1]。Caché數(shù)據(jù)庫具有以下的主要特點：

第一，速度快。Caché數(shù)據(jù)庫在同等條件下查詢相同數(shù)據(jù)比Oracle等關系型數(shù)據(jù)庫要快。

第二，使用簡單。Caché數(shù)據(jù)庫支持標準的SQL結構化查詢語句，就算是不熟悉Caché腳本語言的用戶依然可以輕易的對數(shù)據(jù)庫進行操作。

第三，接口容易。Caché數(shù)據(jù)庫支持ODBC標準接口，所以和其他系統(tǒng)進行數(shù)據(jù)交互的時候非常容易，同時Caché數(shù)據(jù)庫也支持WebService的標準協(xié)議[3]，可以很方便地和其他數(shù)據(jù)庫進行交互。

第四，實現(xiàn)三層架構。實現(xiàn)真正的分布式服務，升級擴容方便。

第五，支持WEB開發(fā)，使用維護方便。

1.3 Caché數(shù)據(jù)庫與jQuery開發(fā)流程

采用jQuery與Caché數(shù)據(jù)庫相結合的方式進行界面開發(fā)，主要采用三層架構的模式，即：表示層、業(yè)務邏輯層和數(shù)據(jù)訪問層。下面結合“科室藥品庫存管理”實例對這三層架構進行闡述[4]。

1.3.1 表示層

表示層主要指的是前臺用戶的界面展示。在Caché數(shù)據(jù)庫支持的HIS系統(tǒng)中采用csp文件和jQuery相結合的方式進行展示。

首先在Caché數(shù)據(jù)庫中建立適當?shù)腸sp文件，csp文件的寫法和jsp文件的寫法類似，在這里我們需要使用jQuery庫，因此我們就需要在csp文件中加載jQuery庫，寫法如下：

接下來使用CSS樣式表和DIV技術進行界面框架的編寫。在編寫Div的時候需要設計界面的版式和布局，我們設計的版式如圖1：

在完成編寫jQuery代碼之后，界面如圖2所示：

1.3.2 業(yè)務邏輯層

針對業(yè)務邏輯層，我們將在jQuery里面采用和csp文件交互的方式進行業(yè)務邏輯控制。編寫dhcc.locdrugqtysearch.csp文件，待與數(shù)據(jù)庫進行交互，

其中csp文件如下：

s action = $Get（%request.Data（"action"，1））

i action="DepList" d

...

i action="CtrlDrugList" d

...

i action="detailDrugList" d

...

其中action="DepList"控制“科室”下拉框數(shù)據(jù)，action="CtrlDrugList"控制“結果區(qū)域”的數(shù)據(jù)，action="detailDrugList"控制“明細區(qū)域”的數(shù)據(jù)。

1.3.3 數(shù)據(jù)訪問層

采用腳本語言M對Caché數(shù)據(jù)庫進行交互，對數(shù)據(jù)庫進行數(shù)據(jù)訪問和修改。在進行數(shù)據(jù)交互的時候，需要對M語言的數(shù)據(jù)輸出做一個格式化，采用M語言技術，可以將數(shù)據(jù)輸出設置為[{"value"："6"，"text"："RXZZZX-乳腺診治中心"}]的Json格式，查詢結果如圖3。

輸入科室數(shù)量，點擊保存，即可維護科室使用藥品的數(shù)量。

2 Caché數(shù)據(jù)庫+jQuery框架的前端頁面構建的方法研究

Caché數(shù)據(jù)庫的Web頁面實現(xiàn)有很多種方法，可以通過ExtJS腳本語言，也可以通過jQuery腳本進行實現(xiàn)，我們偏向于jQuery腳本進行實現(xiàn)，實現(xiàn)方法比較靈活，而且jQuery腳本寫起來比其他的腳本語言要簡單、快速，完全支持CSS樣式，界面的美觀性、可擴展性比其他語言強。

基于Caché數(shù)據(jù)庫+jQuery框架構建前端頁面的方法，在HIS系統(tǒng)中實現(xiàn)分為三步：

第一步：用csp文件構建前端顯示頁面，主要工具利用到的有CSS樣式，Div網頁編程等；

第二步：用jQuery實現(xiàn)事件和框架的構建，以及業(yè)務邏輯的控制；

第三步：用M腳本語言實現(xiàn)后臺業(yè)務數(shù)據(jù)的查詢、修改、刪除、增加等功能。

用此三步在熟悉醫(yī)院業(yè)務的基礎上，完全可以在HIS系統(tǒng)中自由開發(fā)功能界面，并完成醫(yī)院業(yè)務部門提出的合理需求。

3 小結

基于Caché數(shù)據(jù)庫+jQuery框架可以很方便、快速、自由的開發(fā)HIS系統(tǒng)的功能界面，同時代碼編寫量小，代碼結構清晰，業(yè)務邏輯控制清晰，瀏覽器兼容性強，完成業(yè)務部門提出的合理需求。

參考文獻：

[1] 黃陽君. 基于Caché數(shù)據(jù)庫的醫(yī)院體檢系統(tǒng)的設計與實現(xiàn)[D]. 北京工業(yè)大學， 2013.

[2] 黃競. 基于jQuery框架的Web前端系統(tǒng)構建方法的研究與應用[D]. 北京郵電大學， 2013.

[3] 胡澤， 廖聞劍， 彭艷兵. WebService技術研究及應用[J]. 硅谷. Silicon Valley， 2009（5）.

[4] 王進. B/S模式下的三層架構模式[J]. 軟件導刊， Software Guide， 2011（3）.

[5] 陳燕群， 張華貴. Ajax技術在療養(yǎng)院信息系統(tǒng)目錄樹菜單中的應用[J]. 電腦知識與技術， 2017（22）.