創建、讀取、更新和刪除(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 UI庫來后倉健一個清晰方便的數據網格。在這里醫務人員可以通過單擊Add a patient按鈕創建患者記錄他們可以輸入個人信息包括病人的生命體征、藥物過敏和所謂的診斷以選擇適當的治療方法并提供充分的護理。讀取Read讀取資源不應該修改任何信息。我們決定通過添加一個使用DHTMLX Diagram庫創建的醫院組織結構圖來多樣化演示應用程序中的數據表示。下圖顯示了醫院的內部結構醫務人員用帶有照片和聯系方式的卡片代表。我們通過添加搜索功能改善了用戶體驗因此終端用戶可以通過輸入姓名、電話號碼或電子郵件輕松找到所需專家。更新Update更新操作涉及使用新值修改現有數據。因此例如醫院員工可以通過富文本編輯器處理文本該小部件具有干凈直觀的UI并支持基本的文本編輯和格式化操作。員工可以輕松地輸入或刪除文本應用不同的字體和樣式更改文本或背景顏色。刪除Delete刪除CRUD操作需要從UI和數據庫中刪除一條記錄。例如醫院員工在使用DHTMLX Spreadsheet構建的表中收集患者數據他們必須刪除患者記錄。然后他們可以右鍵單擊過時的記錄并從上下文菜單中選擇“清除”和“清除全部”。結果患者記錄將從數據表中刪除。總之???????DHTMLX JavaScript小部件幫助您構建功能齊全的CRUD應用程序用戶可以在其中創建、讀取、更新和刪除數據。它們有功能豐富的API可以很容易地集成到現有的web應用程序中。