創建、讀取、更新和刪除(CRUD)是現代web和移動應用程序執行的四個基本功能。然而這些函數是如何產生的，它們到底是做什么的？

在本文中，我們將簡要介紹CRUD的含義以及它何時被引入編程的。文中我們還將使用用于醫院管理的JavaScript演示應用程序，展示如何使用DHTMLX小部件進行創建、讀取、更新和刪除操作。

DHTMLX專注于JavaScript和HTML5 UI小部件和庫，以幫助開發人員更快地構建功能豐富的、交互式的Web界面。 遵循現代網絡開發的標準和做法，DHTMLX提供針對桌面和移動設備定制的頂級Web應用程序框架。

CRUD操作的含義

CRUD范例被設計為一種用于改進持久數據存儲的函數方法，這個詞最早是在20世紀80年代初由英國信息技術顧問兼作家詹姆斯·馬丁(James Martin)推廣的。James Martin在他的《管理數據庫環境》一書中提到了創建、讀取、更新和刪除數據的應用程序。

在現代軟件工程中，CRUD作為設計web應用程序的一種方法，因為它提醒開發人員如何創建全面的用戶友好型工具。在這些應用程序中，用戶通過創建新記錄、在UI中讀取數據、編輯或更新數據以及刪除數據來與數據庫進行交互。

每個CRUD操作都可以映射到對應的HTTP協議方法：

• Create -> Post,
• Read -> Get,
• Update -> Put,
• Delete -> Delete.

為了更深入地了解每個CRUD操作，我們提供了一個用于醫院數據管理的DHTMLX演示應用程序示例來幫助學習。

CRUD如何工作：可以在JavaScript中構建的示例

醫院數據管理應用程序基于4個JavaScript小部件，每個小部件都允許您創建全方位的數據管理選項。它們提供了靈活的配置，因此您可以輕松地將DHTMLX小部件集成到現有API中，從而構建強大的web應用程序。

創建（Create）

在CRUD中，創建操作允許用戶向數據庫添加新條目。該條目可以是用戶帳戶、個人信息、任務及其描述等。

我們使用DHTMLX Suite UI庫來后倉健一個清晰方便的數據網格。在這里，醫務人員可以通過單擊Add a patient按鈕創建患者記錄，他們可以輸入個人信息，包括病人的生命體征、藥物過敏和所謂的診斷，以選擇適當的治療方法并提供充分的護理。

讀取（Read）

讀取資源不應該修改任何信息。

我們決定通過添加一個使用DHTMLX Diagram庫創建的醫院組織結構圖來多樣化演示應用程序中的數據表示。

下圖顯示了醫院的內部結構，醫務人員用帶有照片和聯系方式的卡片代表。

 我們通過添加搜索功能改善了用戶體驗，因此終端用戶可以通過輸入姓名、電話號碼或電子郵件輕松找到所需專家。

更新（Update）

更新操作涉及使用新值修改現有數據。

因此，例如醫院員工可以通過富文本編輯器處理文本，該小部件具有干凈直觀的UI，并支持基本的文本編輯和格式化操作。員工可以輕松地輸入或刪除文本，應用不同的字體和樣式，更改文本或背景顏色。

刪除（Delete）

刪除CRUD操作需要從UI和數據庫中刪除一條記錄。

例如，醫院員工在使用DHTMLX Spreadsheet構建的表中收集患者數據，他們必須刪除患者記錄。然后，他們可以右鍵單擊過時的記錄，并從上下文菜單中選擇“清除”和“清除全部”。結果，患者記錄將從數據表中刪除。

總之，DHTMLX JavaScript小部件幫助您構建功能齊全的CRUD應用程序，用戶可以在其中創建、讀取、更新和刪除數據。它們有功能豐富的API，可以很容易地集成到現有的web應用程序中。