1.准备一个layui页面,这个可以去layui官网去找,也可以去layuimini去找
layuimini网址:layuimini后台模板
2.然后建立一个项目,把页面放进去
3.添加依赖
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>5.0.0</version>
</dependency>
4.在mybatis-config.xml里配置
<!--配置SqlSessionFactoryBean-->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource"></property>
<!--下面这这个配置的是 mapper.xml所在路径-->
<property name="mapperLocations" value="classpath:mapper/*.xml"></property>
<!--配置分页插件-->
<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageInterceptor">
<property name="properties">
<props>
<!--方言-->
<prop key="helperDialect">mysql</prop>
<prop key="reasonable">true</prop>
</props>
</property>
</bean>
</array>
</property>
</bean>
4.2.layui接收数据格式如图
4.2.这里整合了layui,为了满足其数据接收格式,我封装了一个vo
@Data
@AllArgsConstructor
@NoArgsConstructor
public class ResultData<T> {
//返回状态码
private int code;
//返回消息
private String msg;
//返回总数据
private long count;
//返回的具体对象
private List<T> data;
}
5.controller
@RequestMapping("/findCourseType.action")
@ResponseBody
public ResultData findClassType(int page , int limit){
ResultData<CourseType> courseType = courseTypeService.findCourseTypes(page , limit);
return courseType;
}
6.serviceimpl
@Override
public ResultData<CourseType> findCourseTypes(int page , int limit) {
//使用Mybatis的分页插件PageHelper
Page<CourseType> pages = PageHelper.startPage(page, limit);
//查询数据
List<CourseType> courseType = courseTypeMapper.findCourseTypes();
ResultData<CourseType> courseTypeList = new ResultData<>();
courseTypeList.setCode(0);
courseTypeList.setMsg("");
courseTypeList.setCount(pages.getTotal());
courseTypeList.setData(courseType);
return courseTypeList;
}
7.dao
Page<CourseType> findCourseTypes();
8.sql
<!--查询课程类型信息-->
<select id="findCourseTypes" parameterType="com.qf.qfedu.pojo.CourseType" resultType="com.qf.qfedu.pojo.CourseType">
select * from t_classType
<where>
<if test="classTypeId != null">
classTypeId=#{classTypeId}
</if>
<if test="classTypeName != null and classTypeName != ''">
AND classTypeName=#{classTypeName}
</if>
<if test="classParentId != null">
AND classParentId=#{classParentId}
</if>
<if test="isDeleteClassType != null ">
AND isDeleteClassType=#{sDeleteClassType}
</if>
</where>
</select>
结果图