創(chuàng)建、讀取、更新和刪除(CRUD)是現(xiàn)代web和移動應(yīng)用程序執(zhí)行的四個基本功能。然而這些函數(shù)是如何產(chǎn)生的,它們到底是做什么的?
在本文中,我們將簡要介紹CRUD的含義以及它何時被引入編程的。文中我們還將使用用于醫(yī)院管理的JavaScript演示應(yīng)用程序,展示如何使用DHTMLX小部件進行創(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)用程序框架。
DHTMLX小部件正式版下載
CRUD操作的含義
CRUD范例被設(shè)計為一種用于改進持久數(shù)據(jù)存儲的函數(shù)方法,這個詞最早是在20世紀(jì)80年代初由英國信息技術(shù)顧問兼作家詹姆斯·馬丁(James Martin)推廣的。James Martin在他的《管理數(shù)據(jù)庫環(huán)境》一書中提到了創(chuàng)建、讀取、更新和刪除數(shù)據(jù)的應(yīng)用程序。
在現(xiàn)代軟件工程中,CRUD作為設(shè)計web應(yīng)用程序的一種方法,因為它提醒開發(fā)人員如何創(chuàng)建全面的用戶友好型工具。在這些應(yīng)用程序中,用戶通過創(chuàng)建新記錄、在UI中讀取數(shù)據(jù)、編輯或更新數(shù)據(jù)以及刪除數(shù)據(jù)來與數(shù)據(jù)庫進行交互。
每個CRUD操作都可以映射到對應(yīng)的HTTP協(xié)議方法:
- Create -> Post,
- Read -> Get,
- Update -> Put,
- Delete -> Delete.
為了更深入地了解每個CRUD操作,我們提供了一個用于醫(yī)院數(shù)據(jù)管理的DHTMLX演示應(yīng)用程序示例來幫助學(xué)習(xí)。
CRUD如何工作:可以在JavaScript中構(gòu)建的示例
醫(yī)院數(shù)據(jù)管理應(yīng)用程序基于4個JavaScript小部件,每個小部件都允許您創(chuàng)建全方位的數(shù)據(jù)管理選項。它們提供了靈活的配置,因此您可以輕松地將DHTMLX小部件集成到現(xiàn)有API中,從而構(gòu)建強大的web應(yīng)用程序。
創(chuàng)建(Create)
在CRUD中,創(chuàng)建操作允許用戶向數(shù)據(jù)庫添加新條目。該條目可以是用戶帳戶、個人信息、任務(wù)及其描述等。
我們使用DHTMLX Suite?UI庫來后倉健一個清晰方便的數(shù)據(jù)網(wǎng)格。在這里,醫(yī)務(wù)人員可以通過單擊Add a patient按鈕創(chuàng)建患者記錄,他們可以輸入個人信息,包括病人的生命體征、藥物過敏和所謂的診斷,以選擇適當(dāng)?shù)闹委煼椒ú⑻峁┏浞值淖o理。
讀?。≧ead)
讀取資源不應(yīng)該修改任何信息。
我們決定通過添加一個使用DHTMLX Diagram庫創(chuàng)建的醫(yī)院組織結(jié)構(gòu)圖來多樣化演示應(yīng)用程序中的數(shù)據(jù)表示。
下圖顯示了醫(yī)院的內(nèi)部結(jié)構(gòu),醫(yī)務(wù)人員用帶有照片和聯(lián)系方式的卡片代表。
我們通過添加搜索功能改善了用戶體驗,因此終端用戶可以通過輸入姓名、電話號碼或電子郵件輕松找到所需專家。
更新(Update)
更新操作涉及使用新值修改現(xiàn)有數(shù)據(jù)。
因此,例如醫(yī)院員工可以通過富文本編輯器處理文本,該小部件具有干凈直觀的UI,并支持基本的文本編輯和格式化操作。員工可以輕松地輸入或刪除文本,應(yīng)用不同的字體和樣式,更改文本或背景顏色。
刪除(Delete)
刪除CRUD操作需要從UI和數(shù)據(jù)庫中刪除一條記錄。
例如,醫(yī)院員工在使用DHTMLX Spreadsheet構(gòu)建的表中收集患者數(shù)據(jù),他們必須刪除患者記錄。然后,他們可以右鍵單擊過時的記錄,并從上下文菜單中選擇“清除”和“清除全部”。結(jié)果,患者記錄將從數(shù)據(jù)表中刪除。
文章來源:http://www.zghlxwxcb.cn/news/detail-497451.html
總之,DHTMLX?JavaScript小部件幫助您構(gòu)建功能齊全的CRUD應(yīng)用程序,用戶可以在其中創(chuàng)建、讀取、更新和刪除數(shù)據(jù)。它們有功能豐富的API,可以很容易地集成到現(xiàn)有的web應(yīng)用程序中。文章來源地址http://www.zghlxwxcb.cn/news/detail-497451.html
到了這里,關(guān)于JavaScript中的CRUD操作指南示例 - 用DHTMLX創(chuàng)建醫(yī)院管理系統(tǒng)!的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!