IntelliJ IDEA Ultimate 安装&激活
package com.example.supplier.service;
import com.example.supplier.entity.User;
import java.util.List;
public interface UserService {
//查询全部
public List<User> selectAll();
}
package com.example.supplier.dao;
import com.example.supplier.entity.SysLogInfo;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;
import java.util.List;
import java.util.Map;
@Repository
@Mapper
public interface SysLogInfoDao {
// 分页查询数据
List<SysLogInfo> listSysLogInfo(Map map);
// 查询总数量
Integer getLogInfoCount(Map map);
}
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>创建组合</title>
[removed][removed]
[removed][removed]
</head>
<body
<div class="chose2" ms-controller="fenye" id="fenye">
<ul class="neirong" >
<li ms-repeat="datalist"><p><span>{{el.id}}</span><span >{{el.name}}</span></p></li>
</ul>
<!--//数据-->
<div id="yema"
</div>
</div>
[removed]
var yema=document.getElementById("yema");
//<![CDATA[
function fun(){
var top=[[${top}]];
console.log(top);
for(var i=1;i<3;i++){
var a=document.createElement("a");
a.setAttribute("id",i);
a.innerText=i;
a.href="#";
a.
a. fun(){
change(this.id);
tian(this.id);
};
yema.appendChild(a);
}//生成前两个页码，这两个页码是始终都存在的
var span1=document.createElement("span");
span1.innerText="...";
span1.setAttribute("id","span1");
yema.appendChild(span1);//生成省略号，根据情况进行判断显示与否
for (var i = 3; i <top-1; i++) {
var p = document.createElement("a");
p.setAttribute("id", i);
p.innerText = i;
p.href="#";
p.
p. fun(){
change(this.id);
tian(this.id);
};
yema.appendChild(p);
}
var span2=document.createElement("span");
span2.innerText="...";
span2.setAttribute("id","span2");
yema.appendChild(span2);//生成后一个省略号
for(var i=top-1;i<=top;i++){
var p=document.createElement("a");
p.setAttribute("id",i);
p.innerText=i;
p.href="#";
p.
p. fun(){
change(this.id);
tian(this.id);
};
yema.appendChild(p);
}//生成后两个页码，这两个页码也始终都存在
tian(1);//调用函数,进行初始化页面处理
viewmodel.request();
}
function tian(flag){
var top=[[${top}]];
console.log(top);
//使用js隐藏属性
var span1=document.getElementById("span1");
var span2=document.getElementById("span2");
var value = flag;
if(value>=5){
span1.style.display="";
}//如果是第5个页码以上，省略号将显示
else
span1.style.display="none";
for(var i=3;i<top-1;i++){
var p=document.getElementById(i);
if(i>value-2&&i<parseInt(value)+2){
p.style.display="";//显示
}//显示当前页码以及当前页码后两个页码
else
p.style.display="none";//隐藏
}
if(value<=top-3)
span2.style.display="";
else
span2.style.display="none";
}
//]]>
function change(flag){
viewmodel.number=flag;
viewmodel.request();
}
var viewmodel = avalon.define({
//id必须和页面上定义的ms-controller名字相同，否则无法控制页面
$id: "fenye",
number:1,
datalist: {},
request: function () {
$.ajax({
type: "POST",
url:"/data",
data:{"number":viewmodel.number},
success: function (data) {
viewmodel.datalist = data;
}
});
}
});
avalon.scan();
[removed]
</body>
</html>
<!--分页显示数据-->
