Baidu 탐색 li 드래그 앤 드롭 배열 효과는 jQuery를 기반으로 하며 실시간으로 데이터베이스를 업데이트합니다_jquery

var autoSave = false; index.php의 자동 제출을 제어합니다.
index.php

코드 복사 코드는 다음과 같습니다.

'db.php'가 필요합니다.
$query = "`limove`에서 `id`, `order`, `name`을 선택하세요. ORDER BY `order`";
$lis = mysql_query($query,$conn);
$li_count = mysql_num_rows($lis);
?>


<머리>







<본문>
<스타일>
ul{
테두리: 1px 단색 빨간색;
높이: 150px;
여백: 자동;
너비: 745px;
}
li{
테두리: 1px 단색 #AABBCC;
플로트: 왼쪽;
목록 스타일: none 외부 없음;
여백: 10px;
텍스트 정렬: 가운데;
너비: 120px;
커서: 이동;
}
#reset{
테두리: 1px 단색 #AABBCC;
커서: 포인터;
플로트: 그렇죠;
높이: 20px;
패딩: 2px;
너비: 40px;
}
#저장{
테두리: 1px 단색 #AABBCC;
커서: 포인터;
플로트: 그렇죠;
높이: 20px;
패딩: 2px;
너비: 40px;
}

재설정

저장

while($li = mysql_fetch_assoc($lis)){
echo '
• '.$li['name'].'
';
}
?>

db.php

코드 복사 코드는 다음과 같습니다.

static $connect = null;
static $table = '';
if(!isset($connect)) {
$connect = mysql_connect("localhost","root"," ");
if(!$connect) {
$connect = mysql_connect("localhost","Zjmainstay","");
}
if(!$connect) {
die(' /test/db.php로 데이터베이스에 연결할 수 없습니다. 치명적인 오류 처리')
}
mysql_select_db("test",$connect)
mysql_query("SET NAMES utf8", $connect) ;
$conn = &$connect;
$db = &$connect;
}

limove_process.php 자동 제출

코드 복사 코드는 다음과 같습니다.

require 'db.php';
$fromid = $ _POST['fromid'];
$fromorder = $_POST['fromorder']
$toorder = $_POST['toorder']
$updateorder = $toorder ;
$eqf = '';
$symbol = '-';
$notZero = 'AND `order`>1'; ($fromorder > $toorder ){
$eqf = '=';
$eqt = ''
$symbol = ' '
$toorder; toorder = $_POST['fromorder ']
$updateorder = $fromorder;
$notZero = ''
}
mysql_query("START TRANSACTION",$conn); query = "`limove` SET `order`=`order`{$symbol}1 WHERE (`order`>{$eqf}{$fromorder} AND `order`<{$eqt}{$toorder} { 업데이트 $notZero})";
$return1 = mysql_query($query,$conn);
$query = "UPDATE `limove` SET `order`={$updateorder} WHERE `id`={$fromid} ";
$return2 = mysql_query($query,$conn);
if($return1&$return2){
mysql_query("COMMIT",$conn);
}else {
mysql_query("ROLLBACK",$ conn);
}
$query = "SELECT `id`,`order`, `name` FROM `limove` ORDER BY `order`"; mysql_query($query,$conn );
while($li = mysql_fetch_assoc($lis)){
echo '

'.$li['name'].'

';
}
exit(0);


저장 버튼 처리 파일 limove_save.php

코드 복사

코드는 다음과 같습니다. require ' db.php'; $data =explore(',',$_POST['data'])

mysql_query("START TRANSACTION",$conn);

$return = 1;
foreach($data as $order => $id){
$order
$query = "UPDATE `limove` SET `order`={$order } WHERE `id`={$id} ";
$return = mysql_query($query,$conn)&$return;
}
if($return){
mysql_query("COMMIT ",$conn);
} else {
mysql_query("ROLLBACK",$conn);
}
$query = "SELECT `id`,`order`,`name` FROM ` limove` ORDER BY `order`";
$lis = mysql_query($query,$conn);
while($li = mysql_fetch_assoc($lis)){
echo '

'.$li['name'].'

';
}
exit(0);


리셋 버튼 처리 파일 limove_reset.php

코드 복사

코드는 다음과 같습니다: require 'db.php' mysql_query("UPDATE limove SET `order`=`id`"); 🎜>$query = "SELECT `id`,` order`, `name` FROM `limove` ORDER BY `order`"

$lis = mysql_query($query,$conn)

while($ li = mysql_fetch_assoc($lis)){
echo '

' .$li['name'].'< /li>';
}
exit(0)


jquery-1.6.2.min.js 파일 다운로드:
jquery-1.6.2.min.js

소프트웨어 패키지 다운로드:
limove_jb51.rar

디렉토리에는 아래와 같은 파일이 포함되어 있습니다.
프로그램 실행 후 인터페이스:

저자: Zjmainstay　　

출처: http://www.cnblogs.com/Zjmainstay/