Bootstrap模态对话框的开发与应用  

Development and Application of BootstrapModal Dialog Box

作　　者：张文豪 ZHANG Wenhao(Faculty of Big Data and Computing,Guangdong Baiyun University,Guangzhou,China,510006)

机构地区：[1]广东白云学院大数据与计算机学院,广州510450

出　　处：《福建电脑》2022年第12期99-102,共4页Journal of Fujian Computer

摘　　要：为了使Web项目不依赖Jquery并替换jquery-confirm模态对话框组件,开发一个新的模态对话框组件是十分必要的。本文提出了在Bootstrap5.0以上版本的模态对话框组件的基础上进行自定义封装,使用Javascript程序自动生成Bootstrap模态对话框组件的HTML代码并嵌入到网页中,然后通过Bootstrap模态对话框组件的显示方法来触发该对话框,同时还增加一些必要的功能。实际应用的结果表明,采用该方法可以满足去除Jquery依赖并替换jquery-confirm组件的需求。In order to make the web project independent of Jquery and replace the jquery-confirm modal dialog component,it is necessary to develop a new modal dialog component.This paper proposes to carry out custom encapsulation on the basis of the modal dialog components of Bootstrap 5.0 and above,use Javascript program to automatically generate the HTML code of Bootstrap modal dialog components and embed them into web pages,and then use the Bootstrap modal dialog box to automatically generate HTML code.The display method of the component to trigger the dialog,while also adding some necessary functionality.The results of practical application show that this method can meet the needs of removing the Jquery dependency and replacing the jquery-confirm component.

关 键 词：BOOTSTRAP MODAL HTML JAVASCRIPT 对话框 确认框 

分 类 号：TP311[自动化与计算机技术—计算机软件与理论]