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

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

WBOY

풀어 주다： 2016-05-16 17:51:19

원래의

970명이 탐색했습니다.

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);
?>

<머리>
li 이동

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

재설정

저장

'.$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 