前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >你的SQL语句放在了哪里?

你的SQL语句放在了哪里?

作者头像
用户1174620
发布2018-02-08 15:46:47
1.3K0
发布2018-02-08 15:46:47
举报
文章被收录于专栏:更流畅、简洁的软件开发方式

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

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

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

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

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

代码语言:js
复制
/*
* 实现拖拽功能。
* $("#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;
    }
});
 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2012-10-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档