点击按钮收藏

分析

 

 

 

后台代码

 

RouteServlet类：

    /***  添加收藏* @param request* @param response* @throws ServletException* @throws IOException*/public void addFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1、获取线路ridString rid = request.getParameter("rid");//2、获取当前登录的用户User user = (User) request.getSession().getAttribute("user");int uid;if (user == null){//用户未登录return;}else {//用户已经登录uid = user.getUid();}//3、调用service添加
        favoriteService.add(rid,uid);}

FavoriteService接口：

/*** 添加收藏* @param rid* @param uid*/void add(String rid, int uid);

FavoriteServiceImpl实现类：

@Overridepublic void add(String rid, int uid) {favoriteDao.add(Integer.parseInt(rid),uid);}

FavoriteDao接口：

void add(int rid, int uid);

FavoriteDaoImpl实现类：

@Overridepublic void add(int rid, int uid) {String sql = "insert into tab_favorite values (?,?,?)";template.update(sql,rid,new Date(),uid);}

 

 

 

 

前台代码

route_detail.html页面：

 //点击收藏按钮触发方法
    function addFavorite() {var rid = getParameter("rid");$.get("user/findOne",{},function (user) {if (user){//用户登录了//添加功能$.get("route/addFavorite",{rid:rid},function () {})}else {//用户没有登录alert("您尚未登陆，请登录");location.href = "http://localhost/travel/login.html";}});}

 

 

 

前台效果优化

route_detail.html页面：

$(function () {//发送请求，判断用户是否收藏过该线路var rid = getParameter("rid");$.get("route/isFavorite",{rid:rid},function (flag) {if (flag){//用户已经收藏过了//设置收藏按钮的样式//<a  class="btn already" disabled="disabled">$("#favorite").addClass("already")$("#favorite").attr("disabled","disabled");//删除按钮的点击事件$("#favorite").removeAttr("onclick");}else {//用户没有收藏
}});});//点击收藏按钮触发方法function addFavorite() {var rid = getParameter("rid");$.get("user/findOne",{},function (user) {if (user){//用户登录了//添加功能$.get("route/addFavorite",{rid:rid},function () {//代码刷新页面
                    location.reload();})}else {//用户没有登录alert("您尚未登陆，请登录");location.href = "http://localhost/travel/login.html";}});}