基於HTML5的電子病歷編輯方法及系統與流程

2023-05-18 02:11:56 1

本發明涉及醫療信息化技術領域，具體而言，涉及一種基於HTML5的電子病歷編輯方法和一種基於HTML5的電子病歷編輯系統。

背景技術：

目前，當前主流電子病歷文檔的編輯工具主要分為三種：

第一種是對於微軟的WORD文字處理工具或是開源的文字處理工具如OPENOFFICE(跨平臺的辦公軟體套件)進行封裝，利用它們強大的文檔排版編輯功能，在此基礎上開發若干適用於病歷內容的元素。這種方案的優點是對於熟悉WORD軟體的醫療人員容易上手，編輯功能強大，但缺點也很明顯，如必須安裝該病歷封裝的字處理工具WORD或OPENOFFICE，難以跨平臺，以及結構化存儲困難，在WEB(網際網路)系統上使用需要安裝插件，性能及體驗較差。

第二種是自主開發文字處理工具，拋開WORD所具有的複雜功能，首先實現文字排版、編輯、表格等核心功能，然後開發適用於醫療病歷中所使用的元素如醫學公式、體溫單等，由於文檔結構也是自定義，所以能夠在一定程度上實現結構化存儲。相對於第一種方案，第二種方案有較大改進，能夠滿足大部分場景要求。它的缺點是，相對於先進的WORD等成熟的工具，程序的性能及健壯性難以保證，開發難度也很大，難以跨平臺，在WEB系統上需要安裝插件才能使用，並且數據共享困難。

第三種是編輯後固化的HTML(Hyper Text Markup Language，超文本標記語言)病歷模板編輯工具，這種工具可以根據要求編輯出相應的電子病歷模板，是HTML形式的文檔結構，可以在瀏覽器查看和使用，但是內容是固化的，不可擴充，不可刪除，類似於表單，只能輸入文本，強大一點可以上傳圖片等，難以滿足現代醫療活動對於病歷的靈活輸入和豐 富展現的要求。

隨著移動網際網路的發展以及移動終端設備(比如，手機、平板電腦)的不斷升級，可以預見未來的醫療活動也更多的將會在移動中進行。如醫生可以攜帶平板電腦去查房，在屏幕上打開瀏覽器，就可以查閱他所管治的每一位患者的病歷信息、血壓體溫、影像結果等，這些資料可以靜態呈現，也可以動態展示，可以了解某個時刻的狀況，也可以縱觀某個時間段的變化。並且更重要的是這些數據可以通過網際網路傳遞，被其他的設備接收，達到數據共享的目的，對於科研、教學、遠程醫療等有重大作用。

而且對於醫療患者來說，病歷記錄了患者在醫院的幾乎一切醫療活動，它是患者診治的依據，對於以後的治療也有重要的參考作用，此外還有在科研、教學等方面的重要作用，在此不作詳述，綜上而言，開發一款好的電子病歷工具，是具有極大意義的。

因此，如何解決現有電子病歷難以跨平臺，現有HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要以及難以實現病歷數據的網絡交互和共享的問題成為亟待解決的技術問題。

技術實現要素：

本發明正是基於上述技術問題，提出了一種新的技術方案，可以實現跨平臺，特別是對於PC(Personal Computer，個人電腦)到行動裝置的轉換支持，並能靈活書寫，滿足實際業務需要和最大程度的實現數據的網絡交互和共享。

有鑑於此，本發明的第一方面，提出了一種基於HTML5的電子病歷編輯方法，包括：接收來自用戶的創建指令；根據所述創建指令創建基於HTML5的電子病歷模板；接收所述用戶針對所述基於HTML5的電子病歷模板輸入的操作指令；根據所述操作指令生成基於HTML5的電子病歷。

在該技術方案中，通過在基於HTML5的電子病歷編輯器中根據接收到的用戶指令創建基於HTML5的電子病歷模板以及使用相應的電子病歷模板生成相應的電子病歷，如此，通過採用可以在行動裝置上支持多媒體 且可跨平臺在不同的軟體環境中展示的HTML5技術，可以有效地解決現有電子病歷難以跨平臺、現有HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要以及難以實現病歷數據的網絡交互和共享的問題，提高電子病歷編輯的靈活性，且可直接藉助瀏覽器進行顯示而無需安裝其他任何第三方插件，實現醫療數據的無障礙共享。

在上述技術方案中，優選地，所述根據所述創建指令創建基於HTML5的電子病歷模板，具體包括：根據所述創建指令獲取預存儲的文檔數據；設置所述預存儲的文檔數據的文檔對象屬性；根據所述文檔對象屬性生成所述基於HTML5的電子病歷模板，其中，所述文檔對象屬性包括：樣式屬性、動作屬性、數據源屬性和檢驗屬性。

在該技術方案中，在創建電子病歷模板的過程中，通過設置用於建立電子病歷模板的文檔數據的文檔對象屬性，以根據設置的文檔對象屬性生成基於HTML5的電子病歷模板，進而實現電子病歷的跨平臺操作、病歷數據的網絡交互和共享，其中，文檔對象屬性包括但不限於：樣式屬性、動作屬性、數據源屬性和檢驗屬性。

在上述任一技術方案中，優選地，在創建所述基於HTML5的電子病歷模板的過程中，還包括：當根據接收到的選擇指令在組件庫中選擇一個或多個組件創建所述基於HTML5的電子病歷模板時，根據所述樣式屬性進行樣式轉換、根據所述動作屬性生成動作腳本、解析所述數據源屬性生成對應的HTML5標籤以及解析所述檢驗屬性進行格式檢驗；存儲並展示所述基於HTML5的電子病歷模板。

在該技術方案中，在創建電子病歷模板的過程中，通過使用組件庫中的一個或多個單個可重複利用的組件，從而觸發樣式轉換，根據預先設置的樣式屬性可以將模板結構轉換成完全可以被主流瀏覽器所識別的完整格式，並可以根據動作屬性生成動作腳本，以被主流瀏覽器所執行，可以通過解析數據源屬性，從而根據數據內容和展示類型生成對應的HTML標籤以替換原標籤，而且通過解析檢驗屬性，可以對不符合檢驗結果的進行錯誤提示，以能最終存儲為完整的基於HTML5的電子病歷模板，並可以進行展示以供選擇使用，如此，額可以解決現有的HTML方式的電子病 歷無法靈活編輯、功能簡單、不能滿足實際需要的問題，通過系統默認的或用戶自定應的組件可以靈活地編輯電子病歷。

在上述任一技術方案中，優選地，在所述接收來自用戶的創建指令之前，還包括：判斷當前工作模式是否為設計模式；在判斷結果為是時，接收所述創建指令以根據所述創建指令創建所述基於HTML5的電子病歷模板；在判斷結果為否時，判定所述當前工作模式為書寫模式，根據接收到編輯指令選擇電子病歷模板以創建電子病歷。

在該技術方案中，創建電子病歷模板的過程需要在設計模式下進行，而若未處於設計模式則可判定處於書寫模式，以供用戶根據預先建立的電子病歷模板跨平臺的選用及建立電子病歷，同時可以實現對電子病歷內容的新增、修改和刪除等功能，且保留操作痕跡，以供查閱。

在上述任一技術方案中，優選地，在所述根據所述操作指令生成基於HTML5的電子病歷時，以及在生成所述基於HTML5的電子病歷之後根據接收到的編輯指令進行編輯時，獲取所述用戶的身份信息，以根據所述身份信息判斷所述用戶是否有權限對所述基於HTML5的電子病歷進行編輯操作。

在該技術方案中，在創建電子病歷的過程中以及在創建完成後需要對其進行編輯時，需要首先驗證用戶的身份信息，獲取該用戶的職能權限，即通過預先為不同的用戶分配不同的權限等級，限制不同的用戶對於不同的病歷的操作權限，保證內容的安全性。

根據本發明的第二方面，提出了一種基於HTML5的電子病歷編輯系統，包括：第一接收模塊，用於接收來自用戶的創建指令；創建模塊，用於根據所述創建指令創建基於HTML5的電子病歷模板；第二接收模塊，用於接收所述用戶針對所述基於HTML5的電子病歷模板輸入的操作指令；生成模塊，用於根據所述操作指令生成基於HTML5的電子病歷。

在該技術方案中，通過在基於HTML5的電子病歷編輯器中根據接收到的用戶指令創建基於HTML5的電子病歷模板以及使用相應的電子病歷模板生成相應的電子病歷，如此，通過採用可以在行動裝置上支持多媒體且可跨平臺在不同的軟體環境中展示的HTML5技術，可以有效地解決現 有電子病歷難以跨平臺、現有HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要以及難以實現病歷數據的網絡交互和共享的問題，提高電子病歷編輯的靈活性，且可直接藉助瀏覽器進行顯示而無需安裝其他任何第三方插件，實現醫療數據的無障礙共享。

在上述技術方案中，優選地，所述創建模塊具體包括：獲取子模塊，用於根據所述創建指令獲取預存儲的文檔數據；設置子模塊，用於設置所述預存儲的文檔數據的文檔對象屬性；創建子模塊，用於根據所述文檔對象屬性生成所述基於HTML5的電子病歷模板，其中，所述文檔對象屬性包括：樣式屬性、動作屬性、數據源屬性和檢驗屬性。

在該技術方案中，在創建電子病歷模板的過程中，通過設置用於建立電子病歷模板的文檔數據的文檔對象屬性，以根據設置的文檔對象屬性生成基於HTML5的電子病歷模板，進而實現電子病歷的跨平臺操作、病歷數據的網絡交互和共享，其中，文檔對象屬性包括但不限於：樣式屬性、動作屬性、數據源屬性和檢驗屬性。

在上述任一技術方案中，優選地，所述創建模塊還包括：處理子模塊，用於當根據接收到的選擇指令在組件庫中選擇一個或多個組件創建所述基於HTML5的電子病歷模板時，根據所述樣式屬性進行樣式轉換、根據所述動作屬性生成動作腳本、解析所述數據源屬性生成對應的HTML5標籤以及解析所述檢驗屬性進行格式檢驗；存儲模塊，用於存儲並展示所述基於HTML5的電子病歷模板。

在該技術方案中，在創建電子病歷模板的過程中，通過使用組件庫中的一個或多個單個可重複利用的組件，從而觸發樣式轉換，根據預先設置的樣式屬性可以將模板結構轉換成完全可以被主流瀏覽器所識別的完整格式，並可以根據動作屬性生成動作腳本，以被主流瀏覽器所執行，可以通過解析數據源屬性，從而根據數據內容和展示類型生成對應的HTML標籤以替換原標籤，而且通過解析檢驗屬性，可以對不符合檢驗結果的進行錯誤提示，以能最終存儲為完整的基於HTML5的電子病歷模板，並可以進行展示以供選擇使用，如此，額可以解決現有的HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要的問題，通過系統默認的 或用戶自定應的組件可以靈活地編輯電子病歷。

在上述任一技術方案中，優選地，還包括：判斷模塊，用於在所述接收來自用戶的創建指令之前，判斷當前工作模式是否為設計模式；所述第一接收模塊具體用於：在判斷結果為是時，接收所述創建指令以根據所述創建指令創建所述基於HTML5的電子病歷模板；所述生成模塊208具體用於：在判斷結果為否時，判定所述當前工作模式為書寫模式，根據接收到編輯指令選擇電子病歷模板以創建電子病歷。

在該技術方案中，創建電子病歷模板的過程需要在設計模式下進行，而若未處於設計模式則可判定處於書寫模式，以供用戶根據預先建立的電子病歷模板跨平臺的選用及建立電子病歷，同時可以實現對電子病歷內容的新增、修改和刪除等功能，且保留操作痕跡，以供查閱。

在上述任一技術方案中，優選地，還包括：獲取模塊，用於在所述根據所述操作指令生成基於HTML5的電子病歷時，以及在生成所述基於HTML5的電子病歷之後根據接收到的編輯指令進行編輯時，獲取所述用戶的身份信息，以根據所述身份信息判斷所述用戶是否有權限對所述基於HTML5的電子病歷進行編輯操作。

在該技術方案中，在創建電子病歷的過程中以及在創建完成後需要對其進行編輯時，需要首先驗證用戶的身份信息，獲取該用戶的職能權限，即通過預先為不同的用戶分配不同的權限等級，限制不同的用戶對於不同的病歷的操作權限，保證內容的安全性。

通過以上技術方案，可以實現跨平臺，特別是對於PC到行動裝置的轉換支持，並能靈活書寫，滿足實際業務需要和最大程度的實現數據的網絡交互和共享。

附圖說明

圖1示出了根據本發明的一個實施例的基於HTML5的電子病歷編輯方法的流程示意圖；

圖2示出了根據本發明的一個實施例的基於HTML5的電子病歷編輯系統的框圖；

圖3示出了根據本發明的一個實施例的電子病歷編輯器的組成模塊交互示意圖；

圖4示出了根據本發明的一個實施例的病歷設計器界面效果示意圖；

圖5示出了根據本發明的一個實施例的電子病歷模板建立示意圖；

圖6示出了根據本發明的一個實施例的組件的使用示意圖；

圖7示出了根據本發明的一個實施例的電子病歷模板的保存示意圖。

具體實施方式

為了能夠更清楚地理解本發明的上述目的、特徵和優點，下面結合附圖和具體實施方式對本發明進行進一步的詳細描述。需要說明的是，在不衝突的情況下，本申請的實施例及實施例中的特徵可以相互組合。

在下面的描述中闡述了很多具體細節以便於充分理解本發明，但是，本發明還可以採用其他不同於在此描述的其他方式來實施，因此，本發明的保護範圍並不受下面公開的具體實施例的限制。

圖1示出了根據本發明的一個實施例的基於HTML5的電子病歷編輯方法的流程示意圖。

如圖1所示，根據本發明的一個實施例的基於HTML5的電子病歷編輯方法，包括：步驟102，接收來自用戶的創建指令；步驟104，根據所述創建指令創建基於HTML5的電子病歷模板；步驟106，接收所述用戶針對所述基於HTML5的電子病歷模板輸入的操作指令；步驟108，根據所述操作指令生成基於HTML5的電子病歷。

在該技術方案中，通過在基於HTML5的電子病歷編輯器中根據接收到的用戶指令創建基於HTML5的電子病歷模板以及使用相應的電子病歷模板生成相應的電子病歷，如此，通過採用可以在行動裝置上支持多媒體且可跨平臺在不同的軟體環境中展示的HTML5技術，可以有效地解決現有電子病歷難以跨平臺、現有HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要以及難以實現病歷數據的網絡交互和共享的問題，提高電子病歷編輯的靈活性，且可直接藉助瀏覽器進行顯示而無需安裝其他任何第三方插件，實現醫療數據的無障礙共享。

在上述技術方案中，優選地，所述步驟104具體包括：根據所述創建指令獲取預存儲的文檔數據；設置所述預存儲的文檔數據的文檔對象屬性；根據所述文檔對象屬性生成所述基於HTML5的電子病歷模板，其中，所述文檔對象屬性包括：樣式屬性、動作屬性、數據源屬性和檢驗屬性。

在該技術方案中，在創建電子病歷模板的過程中，通過設置用於建立電子病歷模板的文檔數據的文檔對象屬性，以根據設置的文檔對象屬性生成基於HTML5的電子病歷模板，進而實現電子病歷的跨平臺操作、病歷數據的網絡交互和共享，其中，文檔對象屬性包括但不限於：樣式屬性、動作屬性、數據源屬性和檢驗屬性，具體地，樣式屬性用來定義擁有該屬性對象的表現樣式，動作屬性用來定義擁有該屬性對象的動作效果，數據源屬性用來定義擁有該屬性對象的數據來源，校驗屬性用來定義擁有該屬性對象是否需要進行內容檢驗和如何檢驗。

在上述任一技術方案中，優選地，在創建所述基於HTML5的電子病歷模板的過程中，還包括：當根據接收到的選擇指令在組件庫中選擇一個或多個組件創建所述基於HTML5的電子病歷模板時，根據所述樣式屬性進行樣式轉換、根據所述動作屬性生成動作腳本、解析所述數據源屬性生成對應的HTML5標籤以及解析所述檢驗屬性進行格式檢驗；存儲並展示所述基於HTML5的電子病歷模板。

在該技術方案中，在創建電子病歷模板的過程中，通過使用組件庫中的一個或多個單個可重複利用的組件，從而觸發樣式轉換，根據預先設置的樣式屬性可以將模板結構轉換成完全可以被主流瀏覽器所識別的完整格式，並可以根據動作屬性生成動作腳本，以被主流瀏覽器所執行，可以通過解析數據源屬性，從而根據數據內容和展示類型生成對應的HTML標籤以替換原標籤，而且通過解析檢驗屬性，可以對不符合檢驗結果的進行錯誤提示，以能最終存儲為完整的基於HTML5的電子病歷模板，並可以進行展示以供選擇使用，如此，額可以解決現有的HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要的問題，通過系統默認的或用戶自定應的組件可以靈活地編輯電子病歷。

在上述任一技術方案中，優選地，在所述接收來自用戶的創建指令之前，還包括：判斷當前工作模式是否為設計模式；在判斷結果為是時，接收所述創建指令以根據所述創建指令創建所述基於HTML5的電子病歷模板；在判斷結果為否時，判定所述當前工作模式為書寫模式，根據接收到編輯指令選擇電子病歷模板以創建電子病歷。

在該技術方案中，創建電子病歷模板的過程需要在設計模式下進行，而若未處於設計模式則可判定處於書寫模式，以供用戶根據預先建立的電子病歷模板跨平臺的選用及建立電子病歷，同時可以實現對電子病歷內容的新增、修改和刪除等功能，且保留操作痕跡，以供查閱。

在上述任一技術方案中，優選地，在所述根據所述操作指令生成基於HTML5的電子病歷時，以及在生成所述基於HTML5的電子病歷之後根據接收到的編輯指令進行編輯時，獲取所述用戶的身份信息，以根據所述身份信息判斷所述用戶是否有權限對所述基於HTML5的電子病歷進行編輯操作。

在該技術方案中，在創建電子病歷的過程中以及在創建完成後需要對其進行編輯時，需要首先驗證用戶的身份信息，獲取該用戶的職能權限，即通過預先為不同的用戶分配不同的權限等級，限制不同的用戶對於不同的病歷的操作權限，保證內容的安全性。

圖2示出了根據本發明的一個實施例的基於HTML5的電子病歷編輯系統的框圖。

如圖2所示，根據本發明的一個實施例的基於HTML5的電子病歷編輯系統200，包括：第一接收模塊202，用於接收來自用戶的創建指令；創建模塊204，用於根據所述創建指令創建基於HTML5的電子病歷模板；第一接收模塊206，用於接收所述用戶針對所述基於HTML5的電子病歷模板輸入的操作指令；生成模塊208，用於根據所述操作指令生成基於HTML5的電子病歷。

在該技術方案中，通過在基於HTML5的電子病歷編輯器中根據接收到的用戶指令創建基於HTML5的電子病歷模板以及使用相應的電子病歷模板生成相應的電子病歷，如此，通過採用可以在行動裝置上支持多媒體 且可跨平臺在不同的軟體環境中展示的HTML5技術，可以有效地解決現有電子病歷難以跨平臺、現有HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要以及難以實現病歷數據的網絡交互和共享的問題，提高電子病歷編輯的靈活性，且可直接藉助瀏覽器進行顯示而無需安裝其他任何第三方插件，實現醫療數據的無障礙共享。

在上述技術方案中，優選地，所述創建模塊204具體包括：獲取子模塊2042，用於根據所述創建指令獲取預存儲的文檔數據；設置子模塊2044，用於設置所述預存儲的文檔數據的文檔對象屬性；創建子模塊2046，用於根據所述文檔對象屬性生成所述基於HTML5的電子病歷模板，其中，所述文檔對象屬性包括：樣式屬性、動作屬性、數據源屬性和檢驗屬性。

在該技術方案中，在創建電子病歷模板的過程中，通過設置用於建立電子病歷模板的文檔數據的文檔對象屬性，以根據設置的文檔對象屬性生成基於HTML5的電子病歷模板，進而實現電子病歷的跨平臺操作、病歷數據的網絡交互和共享，其中，文檔對象屬性包括但不限於：樣式屬性、動作屬性、數據源屬性和檢驗屬性，具體地，樣式屬性用來定義擁有該屬性對象的表現樣式，動作屬性用來定義擁有該屬性對象的動作效果，數據源屬性用來定義擁有該屬性對象的數據來源，校驗屬性用來定義擁有該屬性對象是否需要進行內容檢驗和如何檢驗。

在上述任一技術方案中，優選地，所述創建模塊204還包括：處理子模塊2048，用於當根據接收到的選擇指令在組件庫中選擇一個或多個組件創建所述基於HTML5的電子病歷模板時，根據所述樣式屬性進行樣式轉換、根據所述動作屬性生成動作腳本、解析所述數據源屬性生成對應的HTML5標籤以及解析所述檢驗屬性進行格式檢驗；存儲模塊210，用於存儲並展示所述基於HTML5的電子病歷模板。

在該技術方案中，在創建電子病歷模板的過程中，通過使用組件庫中的一個或多個單個可重複利用的組件，從而觸發樣式轉換，根據預先設置的樣式屬性可以將模板結構轉換成完全可以被主流瀏覽器所識別的完整格式，並可以根據動作屬性生成動作腳本，以被主流瀏覽器所執行，可以通 過解析數據源屬性，從而根據數據內容和展示類型生成對應的HTML標籤以替換原標籤，而且通過解析檢驗屬性，可以對不符合檢驗結果的進行錯誤提示，以能最終存儲為完整的基於HTML5的電子病歷模板，並可以進行展示以供選擇使用，如此，額可以解決現有的HTML方式的電子病歷無法靈活編輯、功能簡單、不能滿足實際需要的問題，通過系統默認的或用戶自定應的組件可以靈活地編輯電子病歷。

在上述任一技術方案中，優選地，還包括：判斷模塊212，用於在所述接收來自用戶的創建指令之前，判斷當前工作模式是否為設計模式；所述第一接收模塊202具體用於：在判斷結果為是時，接收所述創建指令以根據所述創建指令創建所述基於HTML5的電子病歷模板；所述生成模塊具體用於：在判斷結果為否時，判定所述當前工作模式為書寫模式，根據接收到編輯指令選擇電子病歷模板以創建電子病歷。

在該技術方案中，創建電子病歷模板的過程需要在設計模式下進行，而若未處於設計模式則可判定處於書寫模式，以供用戶根據預先建立的電子病歷模板跨平臺的選用及建立電子病歷，同時可以實現對電子病歷內容的新增、修改和刪除等功能，且保留操作痕跡，以供查閱。

在上述任一技術方案中，優選地，還包括：獲取模塊214，用於在所述根據所述操作指令生成基於HTML5的電子病歷時，以及在生成所述基於HTML5的電子病歷之後根據接收到的編輯指令進行編輯時，獲取所述用戶的身份信息，以根據所述身份信息判斷所述用戶是否有權限對所述基於HTML5的電子病歷進行編輯操作。

在該技術方案中，在創建電子病歷的過程中以及在創建完成後需要對其進行編輯時，需要首先驗證用戶的身份信息，獲取該用戶的職能權限，即通過預先為不同的用戶分配不同的權限等級，限制不同的用戶對於不同的病歷的操作權限，保證內容的安全性。

下面結合圖3至圖7對本發明的技術方案進行詳細說明。

圖3示出了根據本發明的一個實施例的電子病歷編輯器的組成模塊交互示意圖。

圖4示出了根據本發明的一個實施例的病歷設計器界面效果示意圖。

圖5根據本發明的一個實施例的電子病歷模板建立示意圖。

圖6示出了根據本發明的一個實施例的組件的使用示意圖。

圖7示出了根據本發明的一個實施例的電子病歷模板的保存示意圖。

如圖3所示，根據本發明的一個實施例的電子病歷編輯器的組成模塊交互，病歷設計器(即電子病歷編輯器)主要交互模塊具包括：分為文檔呈現器302，事件解析器304，文檔對象306，數據分析器308，文檔存儲器310，過程中還涉及組件庫和樣式轉換器。

(一)文檔呈現器302：由於是基於瀏覽器來運行的，所以文檔呈現器302的主體就是瀏覽器，具體地為基於HTML5的瀏覽器，也可能是一個具有瀏覽器功能的web控制項，文檔呈現器302的頁面布局分為：

(1)導航欄視圖：該視圖以樹結構方式展示，每個節點名稱表示一個電子病歷文檔，點擊即可查看，修改該文檔。

(2)主編輯視圖：展現編輯文檔的視圖，為核心視圖，有兩種模式：(a)設計模式：這種模式下，文檔是完全可修改的，可以任意添加刪除元素，一般是模板製作人員使用；(b)書寫模式：這種模式下，文檔是部分可修改或是完全不能修改，一般是醫護人員使用。並且此時，除工具欄視圖部分功能開放，其他視圖不開放。醫護人員在使用時，在可修改區域，通過輸入關鍵字引入自定義組件或系統組件。對於常用名詞和短語也可以快捷引入。如輸入「體」字，會出現下拉框提示「體重」，「體溫」，選擇「體溫」後，出現新的提示選擇「正常」，「稍高」等提示，極大提高醫護人員的書寫效率。

(3)工具欄視圖：放置所有對文檔的操作按鈕，如設置字體、插入表格等，操作按鈕與實現功能的對應舉例，如下表1所示：

表1

(4)組件庫視圖：放置所有的組件，包含系統組件和自定義組件。

(5)屬性編輯視圖：點擊主編輯視圖上的某一元素，可以看到改元素對應的自定義屬性。

(二)事件解析器304：這是一個JS(JavaScript)腳本編寫的動作解析器。利用事先定義好的動作屬性標籤，生成動作腳本，該腳本可被主流 瀏覽器所執行。

(三)文檔對象306：基於HTML格式的文檔結構，此外加入自定義屬性，所有自定義屬性使用一份描述文檔定義。自定義屬性分為：

(1)樣式屬性:該屬性是。

，表示該div標籤具有a樣式的主題，該主題是本工具內部自定義的主題，具體表現為該標籤的背景色、邊框、字體風格等樣式的變化，不同主題，表現不同。在行動裝置下會默認以移動風格的樣式展示，方便查看和操作。

(2)動作屬性：該屬性是用來定義擁有該屬性對象的動作效果。

click，表示點擊該a標籤具有popup(彈出)的動作產生，具體彈出的對象可以自定義。如可以彈出一個窗口或菜單。

(3)數據源屬性：該屬性用來定義擁有該屬性對象的數據來源。

，ds-type表示該div的數據來源類型是list(表)，ds-target表示數據來源對象是mylist，render-container表示該div最終的表現形式是下拉框。這裡的下拉框的呈現是要經過文檔渲染模塊來進行處理的，後面將會講到。

(4)檢驗屬性：該屬性是用來定義擁有該屬性對象是否需要進行內容檢驗和如何檢驗。

，validate-type表示該文本節點的內容不能為空。

(四)數據分析器308：這是一個功能強大的對文檔內容進行解析並轉換的工具，包含JS數據分析腳本引擎和數據分析服務，它具有如下幾個功能：

(1)指定內容提取：可以在大量的文檔中提取需要的內容信息，提取的規則是根據文檔中相關的元素名稱來獲取內容，結果是一個MAP(集合類型)。使用它需要開啟數據分析服務。

(2)事先結構化：在存儲文檔時，將該文檔內容按一定方式格式化存儲。如患者的主訴，既往史，檢查等信息。前提是，文檔模板需要按照約定的方式設計。需要開啟數據分析服務。

(3)關鍵字檢索：引用搜尋引擎技術，在海量病歷文檔中根據關鍵字搜索相關文檔。將結果索引後分頁展示。需要開啟數據分析服務。

(4)數據源解析：對文檔中的數據源屬性標籤進行解析，根據數據內容和展示類型生成對應的Html標籤並替換原標籤。如果是複雜數據源需要開啟數據分析服務。

(5)內容檢驗：對文檔中的檢驗屬性標籤進行解析，對於不符合檢驗結果的進行錯誤提示。

(五)文檔存儲器310：文檔存儲支持主流的關係型資料庫保存，可以通過事先結構化進行結構化存儲。也可以存儲在非關係型資料庫，如mongodb上。文檔通過電子籤名等方式保證數據的安全和患者的隱私。可以將文檔內容導出成WORD，PDF等格式。

另外，組件庫：就是將單個可重複利用的功能模塊提取出來，放置到一處，供需要時拿來即用，多個這種功能模塊集中在一起就組成了組件庫。如「下拉框」組件，用戶在設計病歷模板時，直接從組件庫視圖找到「下拉框」，將它拖入主編輯視圖，這時「下拉框」就成為了模板的一個元素，點擊這個元素，在屬性編輯視圖上就會展現該元素的所有自定義屬性。用戶可以在工具欄選擇「新建自定義組件」，然後在主編輯視圖設計好一組功能，然後在工具欄選擇「存儲為自定義組件」，於是在組件庫就加入了這個自定義組件。

以下是系統組件：

(1)輸入域組件：在書寫模式下，輸入域組件內可任意輸入文本，插入圖片，拖入組件等操作，具有自擴展效果，是極其重要的組件，病歷的靈活輸入以它為基礎。

(2)下拉框組件：具有選擇某項內容效果的組件，可以定義若干條文本作為數據源，也可以和數據源組件配合使用，接收動態數據展示。

(3)級聯模板組件：設置某個輸入域的內容能自動的控制其他文檔 片段的顯示和隱藏。使得文檔具有一定的智能判斷效果。

(4)醫學表達式組件：支持帶分子分母的醫學表達式。能直接在文檔中編輯醫學表達式中的數據。

(5)測單組件：一種表示體溫、脈搏、呼吸等人體體徵的表單，可編輯，宏觀的展現患者的任一時刻的狀態或任一時間段的變化。

(6)圖片標記組件：對患者的影像檢查結果圖片，進行閱覽，可以使用畫筆標記關鍵特徵點的功能，也可以在檢查之前對用來標明檢查部位。

(7)音頻視頻播放組件：可以播放音頻和視頻。

(8)數據源組件：接收數據的組件，接收list，map等容器類對象或實體對象。

(9)自定義組件，用戶只需通過新建組件菜單，就可以自定義任意組件，保存後會加入組件庫自定義組件欄。

樣式轉換器：這是一個JS腳本編寫的CSS(Cascading Style Sheets，層疊樣式表)樣式轉換器。利用事先定義好的樣式屬性標籤，進行解釋並轉換，最終將模板結構轉換成完全的可被主流瀏覽器所識別的完整格式。

該病歷設計器的使用角色分為兩種，一種是使用書寫功能，一般是醫護人員，另一種是使用設計功能，一般是模板維護人員。維護人員可以使用書寫功能來驗證模板的實際使用效果是否符合要求。基於如圖4所示的病歷設計器界面的病歷模板設計和使用過程如下：

第一步，確定角色，這個由病歷設計器提供接口，供調用方設置。

第二步，模板設計和使用，若確定的用戶角色模板維護人員，則在設計模式下，文檔呈現器302展現導航視圖、工具欄視圖、主編輯視圖、組件庫視圖，屬性編輯視圖，從工具欄視圖，選擇「新建模板」，在主編輯視圖創建一個空白區域，在此做模板的相關設計，經過數據獲取、HTML解析、事件解析以及數據源解析等過程後展示生成的模板，過程如圖5所示；而若確定的角色為醫護人員，則在書寫模式下，則只顯示文檔呈現器302的主編輯視圖和工具欄部分功能，醫護人員可以打開已經建立的各種模板，在模板的基礎上，輸入和患者相關的醫療過程。

第三步，使用組件庫，當在設計模式下時，可以從組建庫視圖拖入所需要的組件到主編輯視圖，此時會觸發樣式轉換器，對自定義樣式進行轉換。點擊組件，可在屬性編輯視圖，進行相關屬性自定義，使用流程如圖6所示；而當在書寫模式下時，不展現組建庫視圖，醫護人員只會使用已經和業務綁定好的組件，如【體溫】，它實際是一個下拉框組件，但是已經綁定了「正常」、「稍高」、「發燒」、「偏低」幾個值，醫護人員只需要知道怎麼使用就可以了。

第四步，保存，可以在工具欄上選擇「保存」按鈕，或是Ctrl+S快捷鍵保存。此時，文檔呈現器302將文檔對象306傳遞給數據分析器308。數據分析器308在對文檔進行結構化、檢驗等一系列處理後，交給文檔存儲器310，文檔存儲器310則將文檔對象306以HTML格式或表結構方式存儲，或以其他可支持的文件格式導出，保存過程如圖7所示。

該病歷設計器支持絕大多數病歷業務需要，包括但不僅限於以下幾種：

(1)痕跡保留：支持痕跡保留，用戶對文檔中的內容的新增、修改和刪除都能產生痕跡信息並保留在文檔中，痕跡信息包括操作員的名稱、時間、操作類型和操作的文檔內容。痕跡信息能在用戶界面上展現出來。支持用戶配置痕跡可視化效果

(2)權限控制：支持多級權限控制，每個用戶可以分配不同的權限等級。高權限等級的用戶能修改和刪除低權限等級的文檔內容；低權限等級的用戶無法修改和刪除高權限等級的文檔內容，只能看，不能改。

(3)內容保護：能設置指定文檔內容是只讀的，不能刪除和修改樣式。

(4)半結構化：支持半結構化文檔的錄入和存儲。文檔中關鍵區域被標記出來，而且對用戶的文本自由錄入的影響很小。

以上結合附圖詳細說明了本發明的技術方案，可以實現跨平臺，特別是對於PC到行動裝置的轉換支持，並能靈活書寫，滿足實際業務需要和最大程度的實現數據的網絡交互和共享。

以上所述僅為本發明的優選實施例而已，並不用於限制本發明，對於 本領域的技術人員來說，本發明可以有各種更改和變化。凡在本發明的精神和原則之內，所作的任何修改、等同替換、改進等，均應包含在本發明的保護範圍之內。