你的SQL语句放在了哪里？

这段时间整理自然框架，遇到了一个老问题——SQL语句放在哪里？

对于有规律的比较好办了，但是对于哪些没啥规律的怎么办呢？

想了一下，有几种方式，弄了张图。欢迎大家补充。

 

因为 有字数限制，必须200字以上。

所以 发一段小代码吧，基于jQuery的拖拽功能。

/*
* 实现拖拽功能。
* $("#divID").drag();// divID：要移动的容器的ID
* $("#divID").drag("spanID");// divID：要移动的容器的ID；spanID：移动是拖拽的对象

*/

jQuery.fn.extend({
    drag: function (objDragId, isShowBg) {
        var bool = false;
        var pageX = 0;
        var pageY = 0;
        var oldOff = { top: 1, legt: 1 };
        var indexMax = $.getDivIndexHighest();

        this.each(function () {
            var objMove = $(this); //移动对象

            var objDrag = objMove; //拖拽对象
            if (objDragId) objDrag = $("#" + objDragId);

            function dragMove(e) {
                if (!bool) return;
                var x = e.pageX - pageX;
                var y = e.pageY - pageY;

                var off = { top: 1, legt: 1 }; //oldOff.clone(); // objMove.offset();
                off.left = oldOff.left + x;
                off.top = oldOff.top + y;
                $("#divdrop").offset(off);
            }

            function drapUp() {
                bool = false;

                objMove.offset($("#divdrop").offset());
                $("#divdrop,#divdropBG").remove();
                indexMax = $.getDivIndexHighest();
                objMove.css("z-index", indexMax + 1);
                if (document.all)
                    document.onselectstart = new Function("return true");

            }

            $(document).mousemove(function (e) {
                dragMove(e);
            }).mouseup(function (e) {
                drapUp();
            });

            objDrag.mouseup(drapUp)
                .mousedown(function (e) {
                    if (document.all)
                        document.onselectstart = new Function("return false");

                    objMove.css("z-index", indexMax + 2);

                    var tmpdiv2 = $("<div>");
                    tmpdiv2.attr("id", "divdropBG").html("aaaaaa")
                        .css("position", "absolute").css("left", 0).css("top", 0)
                        .width($(document).width()).height($(document).height())
                        .click(drapUp())
                        .mousemove(function (e) {
                            dragMove(e);
                        })
                        .css("z-index", indexMax + 1);

                    var tmpdiv = $("<div>");
                    tmpdiv.html("拖拽中").attr("id", "divdrop")
                        .css("position", "absolute").css("background-color", "#fff")
                        .css("opacity", ".60").css("filter", "alpha(opacity=60)/9")
                        .css("border", "1px solid #99bbe8").css("cursor", "move")
                        .offset(objMove.offset())
                        .width(objMove.width()).height(objMove.height())
                        .mouseup(drapUp)
                        .css("z-index", indexMax + 3);

                    //objMove.after(tmpdiv); //.css("position", "absolute");
                    $(document.body).append(tmpdiv); //.css("position", "absolute");

                    if (isShowBg)
                        objMove.after(tmpdiv2);
                    else {
                        if (typeof (isShowBg) == "undefined")
                            objMove.after(tmpdiv2);
                    }

                    bool = true;
                    pageX = e.pageX;
                    pageY = e.pageY;

                    oldOff = objMove.offset();

                    return false;

                })
                .mouseover(function () {
                    objDrag.css("cursor", "move");
                });
        });

    }
});

jQuery.extend({
    getDivIndexHighest: function () {
        var indexMax = 0;
        $("div").each(function () {
            var tmp = $(this).css("z-index");
            if (tmp != "auto")
                if (indexMax < tmp *1)
                    indexMax = tmp * 1;
        });

        return indexMax;
    }
});