项目复习第一天

@RequestMapping("/")
@Controller
public class pageController {

@RequestMapping("sunliyan")
public String doo() {
	return "starter";
}

@RequestMapping("log/log_list")
public String log() {
	return "sys/log_list" ;
}

}

主页面跳转：

日志模块：
页面js处理：
$(function(){
$("#pageId")
.load(“doPageUI”,doGetObjects);
//查询和修改按钮事件注册
$(".input-group-btn")
.on(“click”,".btn-search",doQueryObjects)
.on(“click”,".btn-delete",doDeleteObjects)
//全选checkbox对象事件注册
//change函数一般用于状态变化事件注册
$("#checkAll")
.change(doChangeTBodyCheckBoxState);
//tbody中checkbox事件注册
$("#tbodyId")
.on(“change”,".cBox",
doChangeTHeadCheckBoxState);
})
//修改thead中checkbox对象的状态
function doChangeTHeadCheckBoxState(){
//1.定义一个初始状态值.
var flag=true;
//2.获取tbody中所有checkbox对象的状态值,
//然后进行逻辑与操作.
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tbodyId input[t…(this).prop(“checked”);
})
//3.更新thead中checkbox的状态值
$("#checkAll").prop(“checked”,flag);
}

//修改tbody中checkbox对应的状态
function doChangeTBodyCheckBoxState(){
//1.获取thead中全选checkbox对象的状态
var flag=$(this).prop(“checked”);
//2.设置tbody中checkbox对象的状态
$("#tbodyId input[type=‘checkbox’]")
.prop(“checked”,flag);
}

//获取选中记录的id值
function doGetCheckedIds(){
//1.定义一个数组,用户存储获取的记录id值
var idArray=[];//new Array();
//2.获取tbody中的所有checkbox对象
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tbodyId input[t…(this)在这里代表input类型为checkbox对象
//prop(“checked”)表示获取checked属性的值
if(KaTeX parse error: Expected '}', got 'EOF' at end of input: … idArray.push((this).val());
}
})
//4.返回选中记录的id值
return idArray;
}
//处理删除按钮业务
function doDeleteObjects(){
//1.获取页面上用户选中的记录id,并进行判定.
var idArray=doGetCheckedIds();
if(idArray.length0){
alert(“请先选中”);
return;
}
//2.给出确认删除提示信息.
//confirm为window对象的一个函数
if(!confirm(“确认删除吗?”))return;
//3.发送异步请求,执行删除操作
//3.1定义请求参数
var params={“ids”:idArray.toString()}
//3.2定义请求的url
var url=“log/doDeleteObjects”;
//3.3发送异步请求,执行删除操作
//post(url,[params],[callback])为jquery中的一个post请求的异步函数
$.post(url,params,function(result){
if(result.state1){
alert(result.message);
//doGetObjects();
doRefreshPageAfterDelete();
}else{
alert(result.message);
}
})
}
//删除完成以后刷新页面
function doRefreshPageAfterDelete(){
//1.获取当前页码值,总页数
var pageCurrent=
$("#pageId").data(“pageCurrent”);
var pageCount=
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲pageId").data("…("#checkAll").prop(“checked”);
//3.基于条件修改当前页码值,并重新查询
if(pageCurrent==pageCount&&pageCurrent>1&&flag){
pageCurrent–;
$("#pageId").data(“pageCurrent”,pageCurrent);
}
//假如查询文本框中有数据,则清空文本框数据
$("#searchNameId").val("");
doGetObjects();
}

function doQueryObjects(){
//1.初始化当前页码值(每次从1开始)
$("#pageId").data(“pageCurrent”,1);
//2.执行查询
doGetObjects();
}
//异步查询日志信息
function doGetObjects(){
//初始化全选checkbox对象的状态
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲checkAll").prop…("#pageId").data(“pageCurrent”);
if(!pageCurrent)pageCurrent=1;
var params={“pageCurrent”:pageCurrent};//json格式的js对象
//查询时获取用户名
var uname=$("#searchNameId").val();
if(uname){
params.username=uname;//参数名必须与控制层参数一致
}
//2.定义请求url
var url=“log/doFindPageObjects”
//3.发送异步请求,然后处理响应结果
//getJSON为JQUERY中的一个异步GET请求函数
//语法:getJSON(url,[params],[callback])
KaTeX parse error: Expected 'EOF', got '}' at position 49: …nseResult); }̲ //处理响应结果(两种…("#tbodyId");
tBody.empty();//jquery中清空数据的函数
//2.迭代records记录,然后将其追加到tBody中
for(var i=0;i<records.length;i++){//循环一次取一行
//1)构建tr对象
var tr=$("")
//2)构建多个td对象
var tds=doCreateTds(records[i]);
//3)将td对象追加到tr中
tr.append(tds);
//4)将tr对象追加到tbody中
tBody.append(tr);
}
}
function doCreateTds(data){
var tds=""+
“”+data.username+""+
“”+data.operation+""+
“”+data.method+""+
“”+data.params+""+
“”+data.ip+""+
“”+data.time+"";
return tds;
}

jQuery方法：
.on()
.parent()
.remove()

on() 和 click() 的区别:

二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on() 能成功的绑定到动态控件中。

以下实例中原先的 HTML 元素点击其身后的 Delete 按钮就会被删除。而动态添加的 HTML 元素，使用 click() 这种写法，点击 Delete 按钮无法删除；使用 On() 方式可以。

$("#newclick").click(function(){
$(".li").append(‘

• 动态添加的HTML元素clickDelete
• ’);
  });
  $("#newon").click(function(){
  $(".li").append(‘
• 动态添加的HTML元素onDelete
• ’);
  });
  $(".delete").click(function(){
  $(this).parent().remove();
  });

  $(".li").on(‘click’, “.deleteon”, function(){
  $(this).parent().remove();
  })
  $(".deleteclick").click(function(){
  $(this).parent().remove();
  });
  .append()