作者:发出耀眼气息 | 来源:互联网 | 2023-08-30 17:05
一、前台界面(增加界面)
按增加的那个按钮会跳出一个窗口然后可以在里面进行增加
在easyuiAPI文档中找到window窗口然后找到Dialog对话框窗口
Dialog Content
${“#id(editDialog)”}.dialog({
Title:’My Dialog’,
Width:400,
Height:200,
Closed:false,
Cache:false,
Href:’get_content.php’,
Model:true
});
这一段相当于一个容器
然后开始写增加
现在按钮的位置a标签里面写一个id
$(“#addbook”).click(function(){
${“#id(editDialog)”}.dialog({
Title:’My Dialog’,
Width:400,// Width弹框的宽
Height:200,//height弹框的高
Closed:false,
Cache:false,
Href:’get_content.php’,
Model:true
});
})
写点击click的时候在里面放一个监听器然后在监听函数里将其显示出来
在book里面写一个editbook(这个界面里面写的将会是在容器要展示的)在里面写一个新增书本
然后在booklist里将Href:’get_content.php’,里面的get_content.php换成editbook.jsp
一般都会需要按钮,所以可以在api文档里面搜寻按钮,然后同样将其放在click里面(如桌面图02前台。。。)
如果效果
都出来了就可以开始写中间的东西了,在表单里找到适合的文本框就可
找一个文本框的样式
二、后台开发
写个增加的dao方法
Service层
三、实现功能
Booklist 保存的位置$.ajax({
url:ctx+”/bookAddServlet”,
type:’post’,
data:$(“#bookForm”).serialize()//在editbook form里面写上idbookform
datatype:’json’,
success:function(resp){
if(resp.success){
信息框$.messager.alert(‘提示’,’操作成功’)
关闭,
刷新
}else{
$.messager.alert(‘提示’,’操作失败’)