初识 Spring(20)---(SpringMVC实战--构建学生管理系统(10))

SpringMVC实战--构建学生管理系统(10)

首页部分课程管理页面(分页功能)制作(在上篇博客基础上继续)

(源代码见仓库:https://gitee.com/jianghao233/course

思路:

1.前台可以给后台传递的数据:1.当前页   2.每页显示多少条记录

2.SQL分页语句:select * from tb_course LIMIT A,B   (从A开始,显示B条)

制作分页:前端传递的是当前页,但后台需要的是从那一条数据开始查询 == (当前页数-1 *每页显示条数B)

录入信息:

制作分页功能:

修改代码:

新建Commons.java

package com.neuedu.commons;

public interface Commons {
//定义静态常量
	//每页显示条数
	public static final int RECORD = 5;
}

修改 index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/admin_index.css"/>
	</head>
	<body>
		<div id="header">
			
		</div> 
		<div id="left">
			<ul id="nav">
				<li><a href="${pageContext.request.contextPath}/class/list" target="content">班级管理</a></li>
				<li><a href="${pageContext.request.contextPath}/student/" target="content">学生管理</a></li>
				<li><a href="${pageContext.request.contextPath}/course/list?nowPage=1" target="content">课程管理</a></li>    //设置当前页(修改代码)
				<li><a href="scoreInManager.html" target="content">成绩录入</a></li>
			</ul>
		</div>
		<div id="right">
			<iframe id="iframe" name="content" src="studentManager.jsp" width="100%" height="700px"></iframe>
		</div>
	</body>
</html>

修改 CourseService.java

扫描二维码关注公众号,回复: 3072906 查看本文章
package com.neuedu.service;

import java.util.List;

import com.neuedu.po.TbCourse;

public interface CourseService {
	void save(TbCourse tbCourse);
	TbCourse getCourseById(Integer courseid);    //修改代码
	List<TbCourse> getList(Integer nowPage);     //修改代码   
	
	void update(TbCourse tbCourse);
	void delete(Integer courseid);
}
 

修改CourseServiceImpl.java

package com.neuedu.service.impl;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.neuedu.commons.Commons;
import com.neuedu.mapper.TbCourseMapper;
import com.neuedu.po.TbCourse;
import com.neuedu.service.CourseService;
@Service
public class CourseServiceImpl implements CourseService {
	
	@Autowired
	private TbCourseMapper courseMapper;
	@Override
	public void save(TbCourse tbCourse) {
		courseMapper.insertSelective(tbCourse);
	}
	@Override
	public List<TbCourse> getList(Integer nowPage) {    //修改代码
		//获取每页显示条数
		int record = Commons.RECORD;                   //新增代码
		//通过计算得出从第几条开始查询
		int start = (nowPage - 1) * record;
		return courseMapper.getList(start,record);     //新增代码
	}
	@Override
	public TbCourse getCourseById(Integer courseid) {
	
		return courseMapper.selectByPrimaryKey(courseid);
	}
	@Override
	public void update(TbCourse tbCourse) {
		courseMapper.updateByPrimaryKeySelective(tbCourse);
		
	}
	@Override
	public void delete(Integer courseid) {
		courseMapper.deleteByPrimaryKey(courseid);
		
	}

}

修改TbCourseMapper.java

package com.neuedu.mapper;

import java.util.List;

import org.apache.ibatis.annotations.Param;

import com.neuedu.po.TbCourse;

public interface TbCourseMapper {
    int deleteByPrimaryKey(Integer courseid);

    int insert(TbCourse record);

    int insertSelective(TbCourse record);

    TbCourse selectByPrimaryKey(Integer courseid);

    int updateByPrimaryKeySelective(TbCourse record);

    int updateByPrimaryKey(TbCourse record);
    
    public List<TbCourse> getList(@Param("start") int start,@Param("record")int record);

	//修改代码
}

修改TbCourseMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.neuedu.mapper.TbCourseMapper" >
  <resultMap id="BaseResultMap" type="com.neuedu.po.TbCourse" >
    <id column="courseid" property="courseid" jdbcType="INTEGER" />
    <result column="coursename" property="coursename" jdbcType="VARCHAR" />
    <result column="hour" property="hour" jdbcType="INTEGER" />
    <result column="score" property="score" jdbcType="DOUBLE" />
    <result column="picurl" property="picurl" jdbcType="VARCHAR" />
  </resultMap>
  <sql id="Base_Column_List" >
    courseid, coursename, hour, score, picurl
  </sql>
  <select id="selectByPrimaryKey" resultMap="BaseResultMap" parameterType="java.lang.Integer" >
    select 
    <include refid="Base_Column_List" />
    from tb_course
    where courseid = #{courseid,jdbcType=INTEGER}
  </select>
  <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer" >
    delete from tb_course
    where courseid = #{courseid,jdbcType=INTEGER}
  </delete>
  <insert id="insert" parameterType="com.neuedu.po.TbCourse" >
    insert into tb_course (courseid, coursename, hour, 
      score, picurl)
    values (#{courseid,jdbcType=INTEGER}, #{coursename,jdbcType=VARCHAR}, #{hour,jdbcType=INTEGER}, 
      #{score,jdbcType=DOUBLE}, #{picurl,jdbcType=VARCHAR})
  </insert>
  <insert id="insertSelective" parameterType="com.neuedu.po.TbCourse" >
    insert into tb_course
    <trim prefix="(" suffix=")" suffixOverrides="," >
      <if test="courseid != null" >
        courseid,
      </if>
      <if test="coursename != null" >
        coursename,
      </if>
      <if test="hour != null" >
        hour,
      </if>
      <if test="score != null" >
        score,
      </if>
      <if test="picurl != null" >
        picurl,
      </if>
    </trim>
    <trim prefix="values (" suffix=")" suffixOverrides="," >
      <if test="courseid != null" >
        #{courseid,jdbcType=INTEGER},
      </if>
      <if test="coursename != null" >
        #{coursename,jdbcType=VARCHAR},
      </if>
      <if test="hour != null" >
        #{hour,jdbcType=INTEGER},
      </if>
      <if test="score != null" >
        #{score,jdbcType=DOUBLE},
      </if>
      <if test="picurl != null" >
        #{picurl,jdbcType=VARCHAR},
      </if>
    </trim>
  </insert>
  <update id="updateByPrimaryKeySelective" parameterType="com.neuedu.po.TbCourse" >
    update tb_course
    <set >
      <if test="coursename != null" >
        coursename = #{coursename,jdbcType=VARCHAR},
      </if>
      <if test="hour != null" >
        hour = #{hour,jdbcType=INTEGER},
      </if>
      <if test="score != null" >
        score = #{score,jdbcType=DOUBLE},
      </if>
      <if test="picurl != null" >
        picurl = #{picurl,jdbcType=VARCHAR},
      </if>
    </set>
    where courseid = #{courseid,jdbcType=INTEGER}
  </update>
  <update id="updateByPrimaryKey" parameterType="com.neuedu.po.TbCourse" >
    update tb_course
    set coursename = #{coursename,jdbcType=VARCHAR},
      hour = #{hour,jdbcType=INTEGER},
      score = #{score,jdbcType=DOUBLE},
      picurl = #{picurl,jdbcType=VARCHAR}
    where courseid = #{courseid,jdbcType=INTEGER}
  </update>
  
  <select id="getList" resultType="TbCourse">
  	select * from tb_course limit #{start},#{record}   //修改代码
  </select>
  
</mapper>

修改 CourseController.java

package com.neuedu.controller;

import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;


import com.neuedu.po.TbCourse;
import com.neuedu.service.CourseService;

import com.sun.javafx.css.CssError.InlineStyleParsingError;


@Controller
@RequestMapping("/course")
public class CourseController {
	@Autowired
	private CourseService courseService;
	
	@RequestMapping({"/","/list"})
	public String list(@RequestParam(value="nowPage",required=false,defaultValue="1") Integer nowPage,Model model) {                          
		//查询课程列表 (修改代码)
		List<TbCourse> list = courseService.getList(nowPage);   //修改代码
		model.addAttribute("list",list);        
		
		
		return "admin/courseManager";
	}
	//显示添加页面
	@RequestMapping("/showAdd")
	public String showAdd() {
		return "admin/courseAdd";
	}
	//保存课程信息
	@RequestMapping("/save")
	public String save(TbCourse tbCourse){
		//调用service保存课程信息
		courseService.save(tbCourse);
		return "redirect:/course/";
	}
	
	//显示编辑页面
	@RequestMapping("/showModify")
	public String showModify(Integer courseid,Map<String,Object> map) {
		TbCourse tbCourse = courseService.getCourseById(courseid);
		map.put("c", tbCourse);
		return "admin/courseModify";
	}
	
	@RequestMapping("/modify")
	public String modify(TbCourse tbCourse) {
		courseService.update(tbCourse);
		return "redirect:/course/";
		
	}
	
	@RequestMapping("/delete")
	public String delete(Integer courseid) {
		courseService.delete(courseid);
		return "redirect:/course/";
	}
}

输出:在代码中,当前页为 1 ,每页显示 5 条 ,即可得到如图页面

但这时目录是写死的,后台也应该向前台传递数据,要能够跳转到第二页去,当前页也要随着修改,继续修改代码

修改代码修改TbCourseMapper.java

package com.neuedu.mapper;

import java.util.List;

import org.apache.ibatis.annotations.Param;

import com.neuedu.po.TbCourse;

public interface TbCourseMapper {
    int deleteByPrimaryKey(Integer courseid);

    int insert(TbCourse record);

    int insertSelective(TbCourse record);

    TbCourse selectByPrimaryKey(Integer courseid);

    int updateByPrimaryKeySelective(TbCourse record);

    int updateByPrimaryKey(TbCourse record);
    
    public List<TbCourse> getList(@Param("start") int start,@Param("record")int record);

    public int getCount();  //新增代码
}

修改 修改TbCourseMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.neuedu.mapper.TbCourseMapper" >
  <resultMap id="BaseResultMap" type="com.neuedu.po.TbCourse" >
    <id column="courseid" property="courseid" jdbcType="INTEGER" />
    <result column="coursename" property="coursename" jdbcType="VARCHAR" />
    <result column="hour" property="hour" jdbcType="INTEGER" />
    <result column="score" property="score" jdbcType="DOUBLE" />
    <result column="picurl" property="picurl" jdbcType="VARCHAR" />
  </resultMap>
  <sql id="Base_Column_List" >
    courseid, coursename, hour, score, picurl
  </sql>
  <select id="selectByPrimaryKey" resultMap="BaseResultMap" parameterType="java.lang.Integer" >
    select 
    <include refid="Base_Column_List" />
    from tb_course
    where courseid = #{courseid,jdbcType=INTEGER}
  </select>
  <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer" >
    delete from tb_course
    where courseid = #{courseid,jdbcType=INTEGER}
  </delete>
  <insert id="insert" parameterType="com.neuedu.po.TbCourse" >
    insert into tb_course (courseid, coursename, hour, 
      score, picurl)
    values (#{courseid,jdbcType=INTEGER}, #{coursename,jdbcType=VARCHAR}, #{hour,jdbcType=INTEGER}, 
      #{score,jdbcType=DOUBLE}, #{picurl,jdbcType=VARCHAR})
  </insert>
  <insert id="insertSelective" parameterType="com.neuedu.po.TbCourse" >
    insert into tb_course
    <trim prefix="(" suffix=")" suffixOverrides="," >
      <if test="courseid != null" >
        courseid,
      </if>
      <if test="coursename != null" >
        coursename,
      </if>
      <if test="hour != null" >
        hour,
      </if>
      <if test="score != null" >
        score,
      </if>
      <if test="picurl != null" >
        picurl,
      </if>
    </trim>
    <trim prefix="values (" suffix=")" suffixOverrides="," >
      <if test="courseid != null" >
        #{courseid,jdbcType=INTEGER},
      </if>
      <if test="coursename != null" >
        #{coursename,jdbcType=VARCHAR},
      </if>
      <if test="hour != null" >
        #{hour,jdbcType=INTEGER},
      </if>
      <if test="score != null" >
        #{score,jdbcType=DOUBLE},
      </if>
      <if test="picurl != null" >
        #{picurl,jdbcType=VARCHAR},
      </if>
    </trim>
  </insert>
  <update id="updateByPrimaryKeySelective" parameterType="com.neuedu.po.TbCourse" >
    update tb_course
    <set >
      <if test="coursename != null" >
        coursename = #{coursename,jdbcType=VARCHAR},
      </if>
      <if test="hour != null" >
        hour = #{hour,jdbcType=INTEGER},
      </if>
      <if test="score != null" >
        score = #{score,jdbcType=DOUBLE},
      </if>
      <if test="picurl != null" >
        picurl = #{picurl,jdbcType=VARCHAR},
      </if>
    </set>
    where courseid = #{courseid,jdbcType=INTEGER}
  </update>
  <update id="updateByPrimaryKey" parameterType="com.neuedu.po.TbCourse" >
    update tb_course
    set coursename = #{coursename,jdbcType=VARCHAR},
      hour = #{hour,jdbcType=INTEGER},
      score = #{score,jdbcType=DOUBLE},
      picurl = #{picurl,jdbcType=VARCHAR}
    where courseid = #{courseid,jdbcType=INTEGER}
  </update>
  
  <select id="getList" resultType="TbCourse">
  	select * from tb_course limit #{start},#{record}
  </select>
  
  
  <select id="getCount" resultType="int">    //新增代码
  	select count(*) from tb_course 
  </select>                                    //新增代码
</mapper>

修改 CourseService.java

package com.neuedu.service;

import java.util.List;

import com.neuedu.po.TbCourse;

public interface CourseService {
	void save(TbCourse tbCourse);
	TbCourse getCourseById(Integer courseid);
	List<TbCourse> getList(Integer nowPage);
	
	void update(TbCourse tbCourse);
	void delete(Integer courseid);
	
	int getCount();  //新增代码
}
 

修改CourseServiceImpl.java

package com.neuedu.service.impl;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.neuedu.commons.Commons;
import com.neuedu.mapper.TbCourseMapper;
import com.neuedu.po.TbCourse;
import com.neuedu.service.CourseService;
@Service
public class CourseServiceImpl implements CourseService {
	
	@Autowired
	private TbCourseMapper courseMapper;
	@Override
	public void save(TbCourse tbCourse) {
		courseMapper.insertSelective(tbCourse);
	}
	@Override
	public List<TbCourse> getList(Integer nowPage) {
		//获取每页显示条数
		int record = Commons.RECORD;
		//通过计算得出从第几条开始查询
		int start = (nowPage - 1) * record;
		return courseMapper.getList(start,record);
	}
	@Override
	public TbCourse getCourseById(Integer courseid) {
	
		return courseMapper.selectByPrimaryKey(courseid);
	}
	@Override
	public void update(TbCourse tbCourse) {
		courseMapper.updateByPrimaryKeySelective(tbCourse);
		
	}
	@Override
	public void delete(Integer courseid) {
		courseMapper.deleteByPrimaryKey(courseid);
		
	}
	@Override
	public int getCount() {    //新增代码
		
		return courseMapper.getCount();
	}                          //新增代码

}

修改CourseController.java

package com.neuedu.controller;

import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import com.neuedu.commons.Commons;
import com.neuedu.po.TbCourse;
import com.neuedu.service.CourseService;

import com.sun.javafx.css.CssError.InlineStyleParsingError;


@Controller
@RequestMapping("/course")
public class CourseController {
	@Autowired
	private CourseService courseService;
	
	@RequestMapping({"/","/list"})
	public String list(@RequestParam(value="nowPage",required=false,defaultValue="1") Integer nowPage,Model model) { 
		//查询课程列表
		List<TbCourse> list = courseService.getList(nowPage);    
		//总课程数
		int count = courseService.getCount();   //新增代码
		//总页数
		int totalPage = (int)Math.ceil(((double)count)/Commons.RECORD);   //新增代码
		
		model.addAttribute("list",list);                    //新增代码
		model.addAttribute("nowPage",nowPage);
		model.addAttribute("count",count);
		model.addAttribute("totalPage",totalPage);
		return "admin/courseManager";                        //新增代码
	}
	//显示添加页面
	@RequestMapping("/showAdd")
	public String showAdd() {
		return "admin/courseAdd";
	}
	//保存课程信息
	@RequestMapping("/save")
	public String save(TbCourse tbCourse){
		//调用service保存课程信息
		courseService.save(tbCourse);
		return "redirect:/course/";
	}
	
	//显示编辑页面
	@RequestMapping("/showModify")
	public String showModify(Integer courseid,Map<String,Object> map) {
		TbCourse tbCourse = courseService.getCourseById(courseid);
		map.put("c", tbCourse);
		return "admin/courseModify";
	}
	
	@RequestMapping("/modify")
	public String modify(TbCourse tbCourse) {
		courseService.update(tbCourse);
		return "redirect:/course/";
		
	}
	
	@RequestMapping("/delete")
	public String delete(Integer courseid) {
		courseService.delete(courseid);
		return "redirect:/course/";
	}
}

修改 courseManager.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/admin-common.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/admin-course.css"/>
		<script src="${pageContext.request.contextPath}/static/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		
		
	</head>
	<body>
		<div id="class-title">
			课程列表
		</div>
		<div id="add-div">
			<form action="${pageContext.request.contextPath}/course/showAdd" method="post">
				<input type="submit" value="添加" />
			</form>
		</div>
		<table cellspacing="0">
			<tr>
				<th>课程ID</th>
				<th>课程名称</th>
				<th>课程学时</th>
				<th>课程学分</th>
				<th>操作</th>
			</tr>
			<c:forEach items="${list}" var="c">
				<tr>
				<td>${c.courseid }</td>
				<td>${c.coursename }</td>
				<td>${c.hour }</td>
				<td>${c.score }</td>
				<td>
					<a href="${pageContext.request.contextPath}/course/showModify?courseid=${c.courseid}">编辑</a>
					<a href="${pageContext.request.contextPath}/course/delete?courseid=${c.courseid}">删除</a>
				</td>
			</tr>
			</c:forEach>
			
			
		</table>
		<div id="fenye">
			<div class="page">                     //修改代码
				<a href="${pageContext.request.contextPath}/course/list?nowPage=${nowPage -1}"><</a>
			</div>
			<div class="page">        
				${nowPage }
			</div>
			<div class="page">
				<a href="${pageContext.request.contextPath}/course/list?nowPage=${nowPage +1}">></a>
				
			</div>
			<div class="page">
				${totalPage }
			</div>
			<div class="page">
				${count }
			</div>                              //修改代码
		</div>
	</body>
</html>

输出:点击课程管理---进入课程管理页面--点击 》 ---进入第二页  2为总页数   10为总课程数

猜你喜欢

转载自blog.csdn.net/jianghao233/article/details/81877280
今日推荐