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

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

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

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

第一：在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}" onclick="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>

web系统中上下移动功能的实现的更多相关文章

（系统架构）标准Web系统的架构分层
标准Web系统的架构分层 1.架构体系分层图在上图中我们描述了Web系统架构中的组成部分.并且给出了每一层常用的技术组件/服务实现.需要注意以下几点: 系统架构是灵活的,根据需求的不同,不一定每一层 ...
Web系统大规模并发——电商秒杀与抢购
电商的秒杀和抢购,对我们来说,都不是一个陌生的东西.然而,从技术的角度来说,这对于Web系统是一个巨大的考验.当一个Web系统,在一秒钟内收到数以万计甚至更多请求时,系统的优化和稳定至关重要.这次我们 ...
Web系统的常用测试方法
在51上看到一篇不错的文章,拿过来分享一下,学习学习! Web系统的常用测试方法如下: 1. 页面链接检查:每一个链接是否都有对应的页面,并且页面之间切换正确. 2. 相关性检查:删除/增加一项会不会 ...
大型web系统数据缓存设计
1. 前言在高访问量的web系统中,缓存几乎是离不开的:但是一个适当.高效的缓存方案设计却并不容易:所以接下来将讨论一下应用系统缓存的设计方面应该注意哪些东西,包括缓存的选型.常见缓存系统的特点和数 ...
亿级 Web 系统的容错性建设实践
一. 重试机制最容易也最简单被人想到的容错方式,当然就是“失败重试”,总而言之,简单粗暴!简单是指它的实现通常很简单,粗暴则是指使用不当,很可能会带来系统“雪崩”的风险,因为重试意味着对后端服务的双 ...
亿级Web系统搭建——单机到分布式集群
当一个Web系统从日访问量10万逐步增长到1000万,甚至超过1亿的过程中,Web系统承受的压力会越来越大,在这个过程中,我们会遇到很多的问题.为了解决这些性能压力带来问题,我们需要在Web系统架构层 ...
转：亿级Web系统的高容错性实践（好博文）
亿级Web系统的高容错性实践亿级Web系统的高容错性实践背景介绍大概三年前,我在腾讯负责的活动运营系统,因为业务流量规模的数倍增长,系统出现了各种各样的异常,当时,作为开发的我,7*24小时地没 ...
Web系统大规模并发——电商秒杀与抢购【转】
电商的秒杀和抢购,对我们来说,都不是一个陌生的东西.然而,从技术的角度来说,这对于Web系统是一个巨大的考验.当一个Web系统,在一秒钟内收到数以万计甚至更多请求时,系统的优化和稳定至关重要.这次我们 ...
标准Web系统的架构分层
标准Web系统的架构分层 – 转载请注明出处 1.架构体系分层图在上图中我们描述了Web系统架构中的组成部分.并且给出了每一层常用的技术组件/服务实现.需要注意以下几点: 系统架构是灵活的,根据需求 ...

随机推荐

mysql优化建议21条
转自: http://blog.csdn.net/waferleo/article/details/7179009 今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于 ...
angularjs工作原理解析
个人觉得,要很好的理解AngularJS的运行机制,才能尽可能避免掉到坑里面去.在这篇文章中,我将根据网上的资料和自己的理解对AngularJS的在启动后,每一步都做了些什么,做一个比较清楚详细的解析 ...
"Hello World"团队召开的第三周第七次会议
今天是我们团队“Hello World!”团队召开的第三周的第七次会议.博客内容: 一.会议时间二.会议地点三.会议成员四.会议内容五.Todo List 六.会议照片七.燃尽图一.会议时 ...
eclipse建包的一些细节
com.a :com.b 等会先在com文件夹下在建立 a,b两个子文件夹,引用路径时不可"*\\com.a\\*"而是"*\\com\\a\\*"这点基础 ...
UIView maskView属性
给View1的maskView 赋值View2 1.View2不会显示在View1上: 2.View2 的alpha通道会体现在View1上. 关于maskView,Apple的解释: An opti ...
lintcode-445-余弦相似度
445-余弦相似度 Cosine similarity is a measure of similarity between two vectors of an inner product space ...
jQuery之offset,position
获取/设置标签的位置数据 * offset(): 相对页面左上角的坐标 * position(): 相对于父元素左上角的坐标. 需求: 1. 点击 btn1 打印 div1 相对于页面左上角的位置打 ...
Qt使用QNetworkAccessManager实现Http操作
版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:Qt使用QNetworkAccessManager实现Http操作本文地址:http ...
[ Selenium2 从零开始 by Bruce from http://seleniumcn.cn ] 1-8 视频集锦
内容转自: http://blog.csdn.net/sxl0727tu/article/details/51887093\ ************************************* ...
win7 64位机ODBC的数据源DSN添加和移除问题
64位机器上ODBC的操作方法与32位机器是不一样的,如果直接从控制面板上-管理员工具-ODBC进去的话会发现User DSN以及System DSN里面都为空,ADD的时候连ODBC Driver都 ...

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

web系统中上下移动功能的实现的更多相关文章

随机推荐

热门专题