说到排序,想必大家都知道MySQL中的“ORDER BY”这个关键词吧,使用它可以实现查询数据根据某一字段(或多个字段)的值排序,那么如何实现数据的任意排序操作呢?

其实这里我所说的“随意排序”,本质上来说是一种假象,后台SQL语句中依然使用到了ORDER BY关键词,只不过我在数据表中加入了一个字段标记序号,前台中所谓的“排序”操作实际是对记录的排序号进行交换操作而已,如下图所示:

例如有如下数据显示:

js实现部分代码:

     function moveTop(id) {//上移
$.ajax({
url: '',//请求接口
type: 'POST',
data: {id: id},//需要上移的记录主键
dataType: 'json',
success: function (data) {//成功返回data
if (data.success) {
showMsg("上移成功");
setTimeout(function () {
query();
}, 1000);
} else if (data.message) {
showNote(data.message);
} else {
showNote("上移失败");
}
},
error: function () {
showNote("上移失败");
}
});
} function moveDown(id) {//下移
$.ajax({
url: '',
type: 'POST',
data: {id: id},
dataType: 'json',
success: function (data) {
if (data.success) {
showMsg("下移成功");
setTimeout(function () {
query();
}, 1000);
} else if (data.message) {
showNote(data.message);
} else {
showNote("下移失败");
}
},
error: function () {
showNote("下移失败");
}
});
} function moveByShowSort(id) {//根据指定的显示序号进行移动 注意:这里的序号和MySQL中记录的序号没有关系,只是页面上显示的序号
var $showSort = $("#showSort" + id);//获取想要移动到的记录显示序号
var showSort = Number($showSort.val().trim());
var total = '${pageInfo.total}';//获取记录总数
if (showSort.length === 0) {
showNote("请输入序号");
return;
} else {
if (isNaN(showSort)) {
showNote("请输入数字");
return;
}
if (showSort <= 0 || showSort > total) {
showNote("请输入1~" + total + "之间的序号");
return;
}
}
$.ajax({
url: '',
type: 'POST',
data: {id: id, showSort: showSort},
dataType: 'json',
success: function (data) {
if (data.success) {
showMsg("移动成功");
setTimeout(function () {
query();
}, 1000);
} else if (data.message) {
showNote(data.message);
} else {
showNote("移动失败");
}
},
error: function () {
showNote("移动失败");
}
});
}

后台则根据获取到的id查询对应需要交换的记录id,再根据id查询sort排序号,最后二者交换即可。

SQL语句如下(使用mybatis编写):

查询被上移交换的记录id:
<select id="getTopBannerIdById" resultType="string">
SELECT id
FROM b_banner
WHERE sort &lt; (SELECT sort FROM `b_banner` WHERE id = #{id})
ORDER BY sort DESC
LIMIT 1
</select> 查询被下移交换的记录id:
<select id="getDownBannerIdById" resultType="string">
SELECT id
FROM b_banner
WHERE sort &gt; (SELECT sort FROM `b_banner` WHERE id = #{id})
ORDER BY sort
LIMIT 1
</select> 查询被交换的记录id,携带输入的显示序号参数
<select id="getBannerIdByShowSort" resultType="java.lang.String">
SELECT id
FROM b_banner
ORDER BY sort
LIMIT #{showSort}, 1
</select>

改变排序号就是根据id和sort进行记录的更新操作。

操作MySQL数据进行记录的随意排序的更多相关文章

  1. 在spark中操作mysql数据 ---- spark学习之七

    使用spark的 DataFrame 来操作mysql数据. DataFrame是比RDD更高一个级别的抽象,可以应用SQL语句进行操作,详细参考: https://spark.apache.org/ ...

  2. ScalikeJDBC,操作mysql数据,API

    ScalikeJDBC,操作mysql数据,API 一.构建maven项目,添加pom.xml依赖 二.resource文件下创建application.conf文件,并配置以下内容 三.操作mysq ...

  3. JDBC操作MySQL数据

    对原始jdbc进行封装 package com.utils; import java.sql.Connection; import java.sql.DriverManager; import jav ...

  4. java操作MySQL数据事务的简单学习

    在执行数据更改操作前使用数据库连接对象调用setAutoCommit方法(conn.setAutoCommit(false)),其参数true或false区别: true:sql命令的提交(commi ...

  5. navicat查看mysql数据表记录数不断变化

    在使用navicat进行数据库管理的时候,在查看表对象的时候会发现,每次刷新,数据表的记录数不断变化,尤其是大表. 对于100万的数据经常会显示九十几万,当然通过count(*)出来的数据是正确的. ...

  6. PHP array_multisort() 函数详解 及 二维数组排序(模拟数据表记录按字段排序)

    一.先看最简单的情况. 有两个数组: $arr1 = array(1, 9, 5); $arr2 = array(6, 2, 4); array_multisort($arr1, $arr2); pr ...

  7. python操作mysql数据-执行语句返回值直接返回字典类型

    fetchall()将结果放在二维数组里面,每一行的结果在元组里面 import pymysql def export(table_name): conn =pymysql.connect(host ...

  8. python 操作mysql数据库存

    代码: 说明:由于我本机没有安装数据库,数据库是在远程访问的,故地址不是localhost # __author__ = 'STEVEN' import pymysql host = '10.1.1. ...

  9. MySql 触发器同步备份数据表记录

    添加记录到新记录表 DELIMITER $$ USE `DB_Test`$$ CREATE /*!50017 DEFINER = 'root'@'%' */ TRIGGER `InsertOPM_Al ...

随机推荐

  1. redis数据存储--redis在Windows下的安装过程

    一.下载软件 1. 下载Redis windows版本,Redis官网下载地址为:https://redis.io/download: 这里下载的是Windows版本,下载地址为:https://gi ...

  2. Git Clone 的时候遇到 Filename too long 错误

    在对某些仓库进行 Git Clone 的时候遇到了 Filename too long 的错误提示. 错误提示如下图: 可以有下面的一些解决办法: 可以有下面的一些解决办法: 在 Git bash 中 ...

  3. UVA 11754 Code Feat 中国剩余定理+枚举

    Code FeatUVA - 11754 题意:给出c个彼此互质的xi,对于每个xi,给出ki个yj,问前s个ans满足ans%xi的结果在yj中有出现过. 一看便是个中国剩余定理,但是同余方程组就有 ...

  4. 前端使用lodop如何获取打印状态

    前面已经说过,如何简单使用lodop了,今天说一下如何获得lodop的打印状态? 在教程里面找了半天,摸索出来了一套. template: <!-- 实验代码 --> <div> ...

  5. js 选择文本

    怎么用js脚本,选中文本呢? // 获取selection对象 var selection = window.getSelection(); // 清空selection对象 selection.re ...

  6. H5的pushState与replaceState的用法

    一.简介 HTML5引入了 history.pushState()和 history.replaceState()方法,它们分别可以添加和修改历史记录条目.这些方法通常与window.onpopsta ...

  7. 冲刺阶段——Day5

    [今日进展] 完成注册功能代码 import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionLi ...

  8. TNetHttpClient的用法

    TNetHttpClient的用法 TNetHttpClient是DELPHI XE8新增加的控件. 在之前,我们一般都是使用IDHTTP控件,但在安卓.IOS等非WINDOWS平台,IDHTTP访问 ...

  9. ybatis 逆向工程 自动生成的mapper文件没有 主键方法

    1.数据表没有设置主键 设置个主键就好 2.在mybits配置文档里设置了某些属性值为false 在mybatis配置文档里查看 enableSelectByPrimaryKey="true ...

  10. 性能分析 | Java进程CPU占用高导致的网页请求超时的故障排查

    一.发现问题的系统检查: 一个管理平台门户网页进统计页面提示请求超时,随进服务器操作系统检查load average超过4负载很大,PID为7163的进程占用到了800%多. 二.定位故障 根据这种故 ...