开发工具与关键技术:JavaWeb中新增数据
作者:陈隆
撰写时间:2020年12月18日
新增数据是每个项目或者每个数据库中必不可少的一个功能,那么想要实现这个新增数据功能也不是一件什么难的事,不过新增也有很多种方式去实现的,就比如某总语言有或者某种软件,我这里呢就使用java语言配合Eclipse这个编程软件来实现javaWeb中的新增功能。
我这里使用的是bootstrap插件来实现前端的,所以直接使用插件中的某种功能就可以了,点击已经定义好的按钮打开新增数据的模态框。(打开模态框代码如下)
//打开新增模态框
function toInsert(){
//重置表单
$("#formUserInfo").resetForm();
//清空图片
$("#ImgUserInfoPicture").prop(“src”,"");
//修改模态框标题
$("#modalTitle").text(“新增用户信息”);
//显示密码框
$("#PasswordDiv").removeAttr(“style”,“display:none”);
//将保存路径填入表单 $("#formUserInfo").prop(“action”,“UserServlet?fun=InsertUserInfo”);
//清除imput框只读
$("#UserNuber").removeAttr(“readonly”);
//绑定用户类型下拉框
$("#UserModal").modal({backdrop:“static”,keyboard:false});
}
把需要新增的信息设置好,然后把保存的路径填入到form表单中,要不然无法提交表单,当然通过其他的方法也是可以设置提交的路径的,打开模态框的代码已经写好之后就是提交表单了,点击前端form表单中的保存按钮把表单中的数据提交到servlet中。然后就是点击保存后提交的代码了(保存数据的代码如下)
//保存新增
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲btnSaveUser").c…("#UserName").val();
UserName=UserName.trim();
//姓名验证
var CellPoe= /1{2,20}KaTeX parse error: Expected '}', got 'EOF' at end of input: … var UserEmail=("#UserEmail").val().trim();
//邮箱的验证<