創(chuàng)建、讀取、更新和刪除(CRUD)是現(xiàn)代web和移動應(yīng)用程序執(zhí)行的四個(gè)基本功能。然而這些函數(shù)是如何產(chǎn)生的，它們到底是做什么的？

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

DHTMLX專注于JavaScript和HTML5 UI小部件和庫，以幫助開發(fā)人員更快地構(gòu)建功能豐富的、交互式的Web界面。 遵循現(xiàn)代網(wǎng)絡(luò)開發(fā)的標(biāo)準(zhǔn)和做法，DHTMLX提供針對桌面和移動設(shè)備定制的頂級Web應(yīng)用程序框架。

CRUD操作的含義

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

在現(xiàn)代軟件工程中，CRUD作為設(shè)計(jì)web應(yīng)用程序的一種方法，因?yàn)樗嵝验_發(fā)人員如何創(chuàng)建全面的用戶友好型工具。在這些應(yīng)用程序中，用戶通過創(chuàng)建新記錄、在UI中讀取數(shù)據(jù)、編輯或更新數(shù)據(jù)以及刪除數(shù)據(jù)來與數(shù)據(jù)庫進(jìn)行交互。

每個(gè)CRUD操作都可以映射到對應(yīng)的HTTP協(xié)議方法：

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

為了更深入地了解每個(gè)CRUD操作，我們提供了一個(gè)用于醫(yī)院數(shù)據(jù)管理的DHTMLX演示應(yīng)用程序示例來幫助學(xué)習(xí)。

CRUD如何工作：可以在JavaScript中構(gòu)建的示例

醫(yī)院數(shù)據(jù)管理應(yīng)用程序基于4個(gè)JavaScript小部件，每個(gè)小部件都允許您創(chuàng)建全方位的數(shù)據(jù)管理選項(xiàng)。它們提供了靈活的配置，因此您可以輕松地將DHTMLX小部件集成到現(xiàn)有API中，從而構(gòu)建強(qiáng)大的web應(yīng)用程序。

創(chuàng)建（Create）

在CRUD中，創(chuàng)建操作允許用戶向數(shù)據(jù)庫添加新條目。該條目可以是用戶帳戶、個(gè)人信息、任務(wù)及其描述等。

我們使用DHTMLX Suite UI庫來后倉健一個(gè)清晰方便的數(shù)據(jù)網(wǎng)格。在這里，醫(yī)務(wù)人員可以通過單擊Add a patient按鈕創(chuàng)建患者記錄，他們可以輸入個(gè)人信息，包括病人的生命體征、藥物過敏和所謂的診斷，以選擇適當(dāng)?shù)闹委煼椒ú⑻峁┏浞值淖o(hù)理。

讀取（Read）

讀取資源不應(yīng)該修改任何信息。

我們決定通過添加一個(gè)使用DHTMLX Diagram庫創(chuàng)建的醫(yī)院組織結(jié)構(gòu)圖來多樣化演示應(yīng)用程序中的數(shù)據(jù)表示。

下圖顯示了醫(yī)院的內(nèi)部結(jié)構(gòu)，醫(yī)務(wù)人員用帶有照片和聯(lián)系方式的卡片代表。

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

更新（Update）

更新操作涉及使用新值修改現(xiàn)有數(shù)據(jù)。

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

刪除（Delete）

刪除CRUD操作需要從UI和數(shù)據(jù)庫中刪除一條記錄。

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

總之，DHTMLX JavaScript小部件幫助您構(gòu)建功能齊全的CRUD應(yīng)用程序，用戶可以在其中創(chuàng)建、讀取、更新和刪除數(shù)據(jù)。它們有功能豐富的API，可以很容易地集成到現(xiàn)有的web應(yīng)用程序中。