结组作业，第二次冲刺（4）
今天是第二阶段冲刺的第四天，昨天完成了公告功能，今天我们准备完成收藏功能，用户可以收藏自己觉得重要的信息，从用户角度来说这是很重要的，以下为今日部分代码：
package com.work.controller; import java.util.List; import javax.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView; import com.work.common.utils.BaseUtil; import com.work.common.utils.JsonUtil; import com.work.pojo.Collect; import com.work.service.CollectService; @Controller @RequestMapping("/server/collect") public class CollectController extends BaseUtil{ @Autowired private CollectService collectService; //去收藏列表 @RequestMapping("/goCollectList") public ModelAndView goCollectList(ModelAndView mv){ mv.setViewName("server/collectManage/collectList"); return mv; } //获取收藏列表 @RequestMapping("/getCollectList") public void getCollectList(HttpServletResponse response,Collect collect,Integer page,Integer limit){ if(page == null){ page = 1; } if(limit == null){ limit = 10; } int totalCount = collectService.getCollectListCount(collect); List<Collect> list = collectService.getCollectList(collect,(page-1) * limit, limit); output(response,JsonUtil.buildJsonByTotalCount(list, totalCount)); } //删除收藏 @RequestMapping("/deleteCollect") public void deleteCollect(HttpServletResponse response,Integer id){ collectService.deleteCollectById(id); output(response,JsonUtil.buildFalseJson(0, "删除成功！")); } }
<!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <c:set var="ctx" value="${pageContext.request.contextPath}" /> <html> <head> <title>收藏列表</title> <link rel="stylesheet" href="${ctx}/server/layui/css/layui.css" media="all"> </head> <body> <form class="layui-form layui-form-pane" action=""> <blockquote class="layui-elem-quote news_search"> <div class="layui-form-item"> <div class="layui-inline pane-select"> <label class="layui-form-label">收藏编号</label> <div class="layui-input-block "> <input type="text" id="collectId" name="collectId" lay-verify="required|number" placeholder="请输入收藏编号" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-inline pane-select"> <label class="layui-form-label">用户编号</label> <div class="layui-input-block "> <input type="text" id="userId" name="userId" lay-verify="required|number" placeholder="请输入用户编号" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-inline pane-select"> <label class="layui-form-label">帖子编号</label> <div class="layui-input-block "> <input type="text" id="forumId" name="forumId" lay-verify="required|number" placeholder="请输入帖子编号" autocomplete="off" class="layui-input"> </div> </div> <div style="float: right;"> <a class="layui-btn search_btn" onclick="doSearch()"> <i class="layui-icon"></i>查询 </a> </div> </div> </blockquote> </form> <table class="layui-table" id="forum" lay-filter="forum" lay-data="{id: 'forum'}"></table> <script type="text/html" id="toolBar"> <a class="layui-btn layui-btn-mini layui-btn-danger" lay-event="deleteCollect" >删除</a> </script> <script type="text/javascript" src="${ctx}/server/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="${ctx}/server/layui/layui.all.js"></script> <script> layui.use([ 'layer', 'table', 'laydate' ], function() { table = layui.table; layer = layui.layer; var laydate = layui.laydate; //--------------方法渲染TABLE---------------- //日期范围 laydate.render({ elem : '#startAndendTime', calendar : true, range : '~' }); getlist(null, null, null); }); function doSearch() { var collectId = $("#collectId").val(); var userId = $("#userId").val(); var forumId = $("#forumId").val(); getlist(collectId, userId, forumId); } function getlist(collectId, userId, forumId) { tableIns = table.render({ elem : '#forum', id : 'forum', method : 'post', where : { 'id' : collectId, 'userId' : userId, 'forumId' : forumId }, url : '${ctx}/server/collect/getCollectList.action', cols : [ [ { field : 'id', title : '编号', width : 80, align : 'center', fixed : true, sort : true }, { field : 'userId', title : '所属用户', width : 140, align : 'center' }, { field : 'forumId', title : '贴子编号', width : 140, align : 'center' }, { field : 'createTime', title : '收藏时间', width : 180, align : 'center', sort : true, }, { title : '操作', width : 150, align : 'center', fixed : 'right', toolbar : '#toolBar' } ] ], page : true, limits : [ 10, 20, 30, 50, 100 ], limit : 10, //默认采用20 width : '100%', height : 'auto', loading : true, even : true, response : { statusName : 'code' //数据状态的字段名称，默认：code , statusCode : 0 //成功的状态码，默认：0 , countName : 'count' //数据总数的字段名称，默认：count , dataName : 'data' //数据列表的字段名称，默认：data }, done : function(res, curr, count) { } }); } table.on('tool(forum)', function(obj) { var data = obj.data; if (obj.event === 'deleteCollect') { layer.confirm('确定删除该条收藏吗?', function(index){ //向服务端发送删除指令 $.ajax({ type : "post", url : "${ctx}/server/collect/deleteCollect.action", dataType : "json", data : { "id" : data.id, }, success : function(data) { if(data.code==0){ layer.msg("删除成功!"); setTimeout(function () { window.location.reload(); }, 1000); }else{ layer.msg("删除失败!"); } } }); }); } }); </script> </body> </html>
