web系统中上下移动功能的实现

最新推荐文章于 2023-03-16 23:31:10 发布

weixin_34054866

最新推荐文章于 2023-03-16 23:31:10 发布

阅读量912

点赞数 1

文章标签： java javascript 数据库 ViewUI

本文介绍了一种在Java应用中实现论坛帖子上下移动排序功能的方法。通过在实体类中添加位置字段，并重写查询方法以按位置字段排序，实现了帖子的上移和下移功能。此外，还介绍了如何确保新增帖子的位置字段不重复。

摘要由CSDN通过智能技术生成

　其实上移下移的思想分几步：

核心思想：交换两个记录的位置字段的值。

问题：如何根据当前记录，找到前一个或者后一个的记录的位置。

第一：在java类属性定义一个position位置字段，不同的位置position的值不同。

第二：前台页面显示移动的效果是查询的时候，根据position的升序查询显示出来的。所以要重写查询方法。

第三：当点击按钮的时候，可以获取该记录的id，根据id获取该记录的对象的position。然后通过查询语句获取前一个或者后一个记录

第四：如何保证在添加新的信息的时候，position的值不会重复。这里很巧妙：根据id的值来设置position的值。




package cn.itcast.oa.service.impl;


import java.util.List;

import javax.annotation.Resource;

import org.hibernate.SessionFactory;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import cn.itcast.oa.base.DaoSupportImpl;
import cn.itcast.oa.domain.ForumManage;
import cn.itcast.oa.service.ForumManageService;
@Service
@Transactional
public class ForumManageServiceImpl extends DaoSupportImpl<ForumManage> implements ForumManageService {
   /*实现上下移动的操作，页面如何更新已经改过的信息呢，因为之前的findAll查询没有条件的，没有排序的，而我们这个列表是根据postion来进行排序展示的
	 子类继承父类的方法，可以重写父类的方法以实现自己的功能.子类重写了父类，就执行自己的方法了。
	*/
	
	@Override
	public List<ForumManage> findAll() {
		return getSession().createQuery("FROM ForumManage  ORDER BY position ").list();	
	}
	
//当添加一个新的记录时，position的值是不能重复的，这里的方法很巧妙，根据id来保存position的值，id为什么，position就是什么，这样子就不会重复了
	@Override
	public void save(ForumManage forum) {
		super.save(forum);
		//先保存了对象后，根据id来保存position的值，这样就不会重复了
		forum.setPosition(forum.getId().intValue());	
	}


	@Override
	public void moveUp(Long id) {
		/*jsp页面上的上移下移功能实现：
		 * 分析：上下移动每条记录是针对记录的位置进行的移动，所以这里我们在java类中的字段中设置一个position位置来记录每条记录的位置信息。
		 * 而想要交换两条记录，只要将这两条记录的位置信息交换，然后利用查询的时候order by来进行查询，就可以将两条记录来交换。
		 * 第一步：之前我们写的查询方法是无条件查询，这里的查询是有条件的查询，所以需要重写父的findAll方法，否则数据库改了，页面是不会改变的。
		 * （关于子类继承父类，这个可以联想生活中的父子关系，子类继承了父类的某个特点，将这个特点修改了下成了自己特有的，所以重写是先使用自己的特点）
		 * 第二步：当我们点击上下移动按钮时，这时候页面传递是改记录的id信息，根据id信息来获取当前的对象。
		 * 第三步：如何获取当前记录之前的或者之后的记录呢。这是问题的关键：即如何获取前一个或者后一个对象。
		 * 第四步：将第一步和第二步的对象position信息进行交换，然后更新到数据库。 
		 * 子类继承父类，调用父类的方法：直接拿过来用即可，即在子类中直接写父类的方法就可以。比如我们要使用爸爸的东西，我们不用汇报，而使用别人的东西需要汇报说一声。这个汇报就是先声明一个对象
		 * */
		//当前对象和前面一个或者后面一个对象的获取，当前对象通过id获取，后面一个对象通过查询语句获取
		ForumManage forum= getById(id);
		ForumManage other=null;
		//这是查询上下对象的方法：select * from itcast_forumManage where position<当前的对象的位置 order by position DESC limit 0,1
		other=(ForumManage) getSession().createQuery(//
				"FROM ForumManage  WHERE position < ? ORDER BY position DESC  ")
				.setParameter(0,forum.getPosition())
				.setFirstResult(0)
				.setMaxResults(1)
				.uniqueResult();
		//最上面的一个不能上移
		if (other==null) {
			return;
			
		}
		//获取到了前面一个对象后，得到该对象的位置，将两者的位置进行交换，注意这里需要用到第三方来转接
		Integer temp=null;
		temp=forum.getPosition();
		forum.setPosition(other.getPosition());
		other.setPosition(temp);
		//交换之后，更新到数据库，
		getSession().update(forum);
		getSession().update(other);

	}
//下移跟上移的原理是一样的
	@Override
	public void moveDown(Long id) {
		//当前对象和前面一个或者后面一个对象的获取，当前对象通过id获取，后面一个对象通过查询语句获取
				ForumManage forum= getById(id);
				ForumManage other=null;
				//这是查询上下对象的方法：select * from itcast_forumManage where position<当前的对象的位置 order by position DESC limit 0,1
				other=(ForumManage) getSession().createQuery(//
						"FROM ForumManage  WHERE position > ? ORDER BY position   ")
						.setParameter(0,forum.getPosition())
						.setFirstResult(0)
						.setMaxResults(1)
						.uniqueResult();
				//最下面的一个不能下移
				if (other==null) {
					return;
					
				}
				//获取到了前面一个对象后，得到该对象的位置，将两者的位置进行交换，注意这里需要用到第三方来转接
				Integer temp=null;
				temp=forum.getPosition();
				forum.setPosition(other.getPosition());
				other.setPosition(temp);
				//交换之后，更新到数据库，
				getSession().update(forum);
				getSession().update(other);

	}

}

　　上下移动功能，记录在最上面的时候将上移的图片为灰色，最下面的时候下移的图标为灰色的实现：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
    <title>版块列表</title>
    <%@ include file="/WEB-INF/jsp/public/commons.jspf" %>
    <style type="text/css">
    	.disabled{
    		color: gray;
    		cursor: pointer;
    	}
    </style>
</head>
<body>

<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13" src="${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 版块管理
        </div>
        <div id="Title_End"></div>
    </div>
</div>

<div id="MainArea">
    <table cellspacing="0" cellpadding="0" class="TableStyle">
       
        <!-- 表头-->
        <thead>
            <tr align="CENTER" valign="MIDDLE" id="TableTitle">
            	<td width="250px">版块名称</td>
                <td width="300px">版块说明</td>
                <td>相关操作</td>
            </tr>
        </thead>

		<!--显示数据列表-->
        <tbody id="TableData" class="dataContainer" datakey="forumList">
        <!-- status是循环里面的标签，里面包含了first和last标签 -->
        <s:iterator value="#forumList" status="status">
            
			<tr class="TableDetail1 template">
				<td>${name} </td>
				<td>${description} </td>
				<td>
					<s:a action="forumManage_delete?id=%{id}" οnclick="return delConfirm()">删除</s:a>
					<s:a action="forumManage_editUI?id=%{id}">修改</s:a>
					
					<!-- 最上面的不能上移 -->
					<s:if test="#status.first">
						<span class="disabled">上移</span>
					</s:if>
					<s:else>
						<s:a action="forumManage_moveUp?id=%{id}">上移</s:a>
					</s:else>
					
					<!-- 最下面的不能下移 -->
					<s:if test="#status.last">
						<span class="disabled">下移</span>
					</s:if>
					<s:else>
						<s:a action="forumManage_moveDown?id=%{id}">下移</s:a>
					</s:else>
					
				</td>
			</tr>
        </s:iterator>

        </tbody>
    </table>
    
    <!-- 其他功能超链接 -->
    <div id="TableTail">
        <div id="TableTail_inside">
            <s:a action="forumManage_addUI"><img src="${pageContext.request.contextPath}/style/images/createNew.png" /></s:a>
        </div>
    </div>
</div>

<div class="Description">
	说明：<br />
	1，显示的列表按其位置排列。<br />
	2，可以通过上移与下移功能调整顺序。最上面的不能上移，最下面的不能下移。<br />
</div>

</body>
</html>