前台拼接SQL语句

最新推荐文章于 2021-11-29 21:18:03 发布
最新推荐文章于 2021-11-29 21:18:03 发布
阅读量298 收藏
点赞数
分类专栏： JAVASCRIPT SQL 文章标签： 前台拼接SQL
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yxgyh/article/details/84160659
版权

<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>查询条件表单</title>
<style>
*{
font-size:12px;
padding:0;
margin:0;
}
body{
padding:40px;
}
#MainBox{
border:#666 1px solid;
background-color:#eee;
width:700px;
}
#MainBox td{
padding:4px;
}
#ConditionBox{
height:150px;
width:100%;
overflow-y:auto;
border:#bbb 1px solid;
padding:2px;
background-color:#fff;
}
.tmFrame{
border:#eee 1px solid;
padding:2px;
width:100%;
}
.tmFrame_highlight{
border:#666 1px solid;
padding:2px;
width:100%;
background-color:#f7f7f7;
}
.fname{
float:left;
width:200px;
}
.conn{
float:left;
width:100px;
}
.fvalue{
float:left;
width:100px;
}
.handlebox{
float:right;
width:180px;
display:none;
}
.handlebox_view{
float:right;
width:180px;
display:block;
}
.rbox{
float:right;
margin:1px;
background-color:#999;
color:#fff;
padding:1px;
width:15px;
cursor:hand;
}
legend{
border:#bbb 1px solid;
padding:4px;
}
fieldset{
border:#bbb 1px solid;
padding:4px;
}
.sqlwords{
margin:2px;
border:#bbb 1px solid;
width:100%;
}
</style>
<script>
构造函数
function ce(e){return document.createElement(e)}

/* Example:
* var a = cex("DIV", {onmouseover:foo, name:'div1', id:'main'});
*/
function cex(e, x){
var a = ce(e);
for (prop in x){
a[prop] = x[prop];
}
return a;
}


/*
* function ge
* Shorthand function for document.getElementById(i)
*/
function ge(i){return document.getElementById(i)}

 

/*
* function ac
* Example: ac( house, ac(roof, shingles), ac(floor, ac(tiles, grout)))
*/
function ac(){
if (ac.arguments.length > 1){
var a = ac.arguments[0];
for (i=1; i<ac.arguments.length; i++){
if (arguments[i])
a.appendChild(ac.arguments[i]);
}
return a;
} else {
return null;
}

}
/ID增量
function guid(){
if (!window.__id) window.__id = 0;
return ++window.__id;
}
//======建立条件类
function term(tname,fname,conn,fvalue,ttype){
this.tname=tname;
this.fname=fname;
this.conn=conn;
this.fvalue=fvalue;
this.id= guid();
this.ttype=ttype;
}

term.prototype.getHTML = function(){

var termFrame = cex("DIV", {
id:this.id,
className:'tmframe',
onmouseover:this.fc_term_onmouseover(),
onmouseout:this.fc_term_onmouseout()
});

//var module = cex("DIV", {
//id:'module'+this.id,
//className:'module'
//});
var tttt=this.tname+"."+this.fname;
if(this.ttype!='fset')
tttt=this.tname;

var mtt = cex("input", {
id:'tp'+this.id,
name:'fname'+this.id,
type:"hidden",
value:this.ttype
});
var fname = cex("DIV", {
id:'fname'+this.id,
className:'fname',
innerHTML:tttt
});

var conn = cex("DIV", {
id:'conn'+this.id,
className:'conn',
innerHTML:this.conn
});
var fvalue = cex("DIV", {
id:'fvalue'+this.id,
className:'fvalue',
innerHTML:this.fvalue
});

var handlebox = cex("div", {
id:'handlebox'+this.id,
className:"handlebox"
});
var mdel = cex("div", {
id:'tmdel'+this.id,
onclick:this.fc_mdel_onclick(),
className:"rbox",
title:"删除此条件",
innerHTML: 'X'
});
var mup = cex("div", {
id:'tmup'+this.id,
onclick:this.fc_mup_onclick(),
className:"rbox",
title:"向上移动",
innerHTML: '↑'
});
var mdown = cex("div", {
id:'tmdown'+this.id,
onclick:this.fc_mdown_onclick(),
className:"rbox",
title:"向下移动",
innerHTML: '↓'
});
var mzkh = cex("div", {
id:'tzkh'+this.id,
onclick:this.fc_mzkh_onclick(),
className:"rbox",
title:"添加左括号",
innerHTML: '('
});
var mykh = cex("div", {
id:'tykh'+this.id,
onclick:this.fc_mykh_onclick(),
className:"rbox",
title:"添加右括号",
innerHTML: ')'
});
var mand = cex("div", {
id:'tand'+this.id,
onclick:this.fc_mand_onclick(),
className:"rbox",
title:"添加并条件",
innerHTML: 'and'
});
var mor = cex("div", {
id:'tor'+this.id,
onclick:this.fc_mor_onclick(),
className:"rbox",
title:"添加或条件",
innerHTML: 'or'
});

// Build DIV
ac (termFrame,
mtt,
ac (handlebox,
mdel,
mup,
mdown,
mykh,
mzkh,
mand,
mor
),
fname,
conn,
fvalue
);

return termFrame;
}

term.prototype.highlight = function(){
ge("handlebox"+this.id).className = 'handlebox_view';
ge(this.id).className = 'tmFrame_highlight';

}

term.prototype.lowlight = function(){
ge("handlebox"+this.id).className = 'handlebox';
ge(this.id).className = 'tmFrame';
}

term.prototype.remove = function(){
var _this = ge(this.id);
_this.parentNode.removeChild(_this);
}
term.prototype.moveup = function(){
var _this = ge(this.id);
var pre_this = _this.previousSibling;
if(pre_this!=null){
_this.parentNode.insertBefore(_this,pre_this);
this.lowlight();
}
}
term.prototype.movedown = function(){
var _this = ge(this.id);
var next_this = _this.nextSibling;
if(next_this!=null){
_this.parentNode.insertBefore(next_this,_this);
this.lowlight();
}
}
term.prototype.addzkh = function(){
var _this = ge(this.id);
var tzkh = new term('╭----------------','','','','zkh');
var node_zkh = tzkh.getHTML();
_this.parentNode.insertBefore(node_zkh,_this);
}
term.prototype.addykh = function(){
var _this = ge(this.id);
var tykh = new term('╰----------------','','','','ykh');
var node_ykh = tykh.getHTML();
if(_this.nextSibling!=null)
_this.parentNode.insertBefore(node_ykh,_this.nextSibling);
else
_this.parentNode.appendChild(node_ykh);
}
term.prototype.addand = function(){
var _this = ge(this.id);
var tand = new term(' 并且','','','','tand');
var node_and = tand.getHTML();
if(_this.nextSibling!=null)
_this.parentNode.insertBefore(node_and,_this.nextSibling);
else
_this.parentNode.appendChild(node_and);
}
term.prototype.addor = function(){
var _this = ge(this.id);
var tor = new term(' 或者','','','','tor');
var node_or = tor.getHTML();
if(_this.nextSibling!=null)
_this.parentNode.insertBefore(node_or,_this.nextSibling);
else
_this.parentNode.appendChild(node_or);
}


///对象控制函数
term.prototype.fc_term_onmouseover = function(){
var _this = this;
return function(){
//if (!_this.isDragging)
_this.highlight();
}
}

term.prototype.fc_term_onmouseout = function(){
var _this = this;
return function(){
//if (!_this.isDragging)
_this.lowlight();
}
}
term.prototype.fc_mdel_onclick = function(){
var _this = this;
return function(){
_this.remove();
}
}
term.prototype.fc_mup_onclick = function(){
var _this = this;
return function(){
_this.moveup();
}
}
term.prototype.fc_mdown_onclick = function(){
var _this = this;
return function(){
_this.movedown();
}
}
term.prototype.fc_mzkh_onclick = function(){
var _this = this;
return function(){
_this.addzkh();
}
}
term.prototype.fc_mykh_onclick = function(){
var _this = this;
return function(){
_this.addykh();
}
}
term.prototype.fc_mand_onclick = function(){
var _this = this;
return function(){
_this.addand();
}
}
term.prototype.fc_mor_onclick = function(){
var _this = this;
return function(){
_this.addor();
}
}

/插入页面
function insertterm(){
var tname = document.all.tname.value;
var fname = document.all.fname.value;
var conn = document.all.conn.value;
var fvalue = document.all.fvalue.value;
//xl(tname+"|"+fname+"|"+conn+"|"+fvalue);
var tm = new term(tname,fname,conn,fvalue,"fset");
var tmHTML = tm.getHTML();
ac(ge("ConditionBox"),tmHTML);
//ZA.addterm(tm);
addtofrom(tname);
}
var tt = new Array();
function addtofrom(tname){
var ttexit="no";
for(var i=0;i<tt.length;i++){
if(tt[i]==tname)
ttexit="yes";
}
if(ttexit=="no"){
tt[i]=tname;
//alert(tt[i]);
}
}
//====条件控制窗口函数
function CBadd(){
var h = document.all.ConditionBox.offsetHeight;
document.all.ConditionBox.style.height = h + 20 + "px";
}
function CBcut(){
var h = document.all.ConditionBox.offsetHeight;
if(h>=150)
document.all.ConditionBox.style.height = h - 20 + "px";
else
return false;
}
SQL语句处理函数

function getSQL(){
var sql="";
var ma = ge("ConditionBox").childNodes;
//alert(ma.length);
for(i=0;i<ma.length;i++){
var id = ma[i].getAttribute("id");
var tp = ge("tp"+id).value;
if(tp=="fset"){
//sql+=" "+ge("fname"+id).innerHTML;
//sql+=" "+ge("conn"+id).innerHTML;
//sql+=" \""+ge("fvalue"+id).innerHTML+"\"";
var fname=ge("fname"+id).innerHTML;
var conn=ge("conn"+id).innerHTML;
var fvalue=ge("fvalue"+id).innerHTML;
sql+=" "+fname;
if(conn=="等于")
sql+=" = "+"\'"+fvalue+"\'";
if(conn=="大于")
sql+=" > "+"\'"+fvalue+"\'";
if(conn=="小于")
sql+=" < "+"\'"+fvalue+"\'";
if(conn=="不等于")
sql+=" <> "+"\'"+fvalue+"\'";
if(conn=="为空")
sql+=" is null ";
if(conn=="不为空")
sql+=" is not null ";
if(conn=="包含")
sql+=" like \'%"+fvalue+"%\'";
}
else{
//sql+=" "+ge("fname"+id).innerHTML;
if(tp=="zkh")
sql+=" (";
if(tp=="ykh")
sql+=" )";
if(tp=="tand")
sql+=" and";
if(tp=="tor")
sql+=" or";

}

//var mn = ma.childNodes;

}
var ffrom = "FROM "+getFrom();
ge("sqlwords").value ="SELECT * "+ ffrom+" WHERE "+sql;
}
function getFrom(){
var ff=tt.toString();
return ff;
}
//term数组处理
//var ZA = {};
//ZA.terms = new Array();
//ZA.addterm = function(term){
// var ZAl = ZA.terms.length;
// ZA.terms[ZAl] = term;
//alert(ZA.terms[ZAl].ttype);
// ZAl++;
//}
//ZA.insert_bef_term = function(term,tm){

//}
</script>

</head>

<body>
<table border="0" cellspacing="0" cellpadding="0" id="MainBox">
<tr>
<td colspan="2" style="background-color:#999;color:#000;font-weight:bolder;font-size:14px">复杂查询表单</td>
</tr>
<tr>
<td><div id="ConditionBox"></div>
<div style="width:100%"><SPAN title='放大显示框' style='float:right;FONT-SIZE: 14px; CURSOR: hand;FONT-FAMILY: webdings' οnclick='CBadd()'>6</SPAN><SPAN title='缩小显示' style='float:right;FONT-SIZE: 14px; CURSOR: hand;FONT-FAMILY: webdings' οnclick='CBcut()'>5</SPAN></div></td>
</tr>
<tr>
<td>
<fieldset>
<legend>SQL表达式</legend>
<input type="text" id="sqlwords" class="sqlwords" /><input type="submit" name="Submit" value="GET SQL" οnclick="getSQL()" style="float:right"/>
</fieldset>
</td>
</tr>
<tr>
<td>
<fieldset>
<legend>定义条件</legend>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>表</td>
<td><select name="tname" id="tname">
<option value="table1" selected="selected">表1</option>
<option value="table2">表2</option>
<option value="table3">表3</option>
<option value="table4">表4</option>
<option value="table5">表5</option>
</select></td>
<td>字段</td>
<td><select name="fname" id="fname">
<option value="f1">字段1</option>
<option value="f2">字段2</option>
<option value="f3">字段3</option>
<option value="f4">字段4</option>
<option value="f5">字段5</option>
<option value="f6">字段6</option>
<option value="f7">字段7</option>
</select></td>
<td>关系</td>
<td><select name="conn" id="conn">
<option value="大于">大于</option>
<option value="等于">等于</option>
<option value="小于">小于</option>
<option value="不等于">不等于</option>
<option value="为空">为空</option>
<option value="不为空">不为空</option>
<option value="包含">包含</option>
</select></td>
<td>值</td>
<td><input name="fvalue" type="text" id="fvalue" value="111111" /></td>
<td><input type="submit" name="Submit" value="增加新条件" οnclick="insertterm()"/></td>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
</body>
</html>

yxgyh
关注
专栏目录
js 拼接mysql语句_[SqlHandle] java mysql语法 sql语句拼接工具简类
weixin_42244017的博客
02-01 246
SqlHandle sqlhandle =new SqlHandle(SqlHandle.OPERATES[2],table);sqlhandle.OPERATEFILED(field1, value1);# SqlHandle* mysql语法 sql语句拼接工具简类* 使用场景：需要快速书写sql语句时用到，主要使用的是mysql中的sql语法* 该版本的select语句只支持单表查询，不支持...
Oracle动态SQL，拆分字符串，并加工拼接为所需SQL
七星程序员的博客
09-25 935
具体场景：在动态SQL中，我们需要把一段字符加工为我们所需要的SQL，这里举个例子，当前台传入字符为 ‘a,b,c,d’ ，需要把该字符加工为 (‘a’,‘b’,‘c’,‘d’) ，作为in语句的条件才能使用。知道了怎么拆分和拼接，就有了思路，其他场景的分割和拼接也就好做了。 拆分并加工拼接SQL： --输入 'a,b,c,d' --输出 ('a','b','c','d') FUNCTION splitAndHandleStr( piStr IN varchar2, --需要加工的字符串.
数据库答案拼接，前台调用
weixin_33743661的博客
08-24 105
2019独角兽企业重金招聘Python工程师标准>>> ...
页面传入多个条件——sql语句的拼接
11-11
页面传进来传个条件判断的时候，要用到sql语句的拼接才能解决sql的问题，这是一个小例子。
json前台的组装
yuhui666666的博客
03-17 216
//后台组装 JSONObject json = JSONObject.fromObject(response); json.element(key, value) var areaData = new Array(); var jjgjData = new Array(); var zygjData = new Array(); var cygjD...
NUCMS V1.1 前台SQL注入1
08-03
由于没有对`$id`变量进行有效的输入验证或过滤处理，攻击者可以轻易地通过构造恶意SQL语句来绕过正常的数据过滤机制，从而触发SQL注入漏洞。 #### 三、漏洞详细分析 1. **漏洞触发点**： - 当用户访问文章详情页...
Mybatis中XML的文件SQL语句与动态sql标签（trim|where|set|foreach|if|choose|when|otherwise|bind）
头好重好重的博客
11-20 9651
Mybatis中XML的文件SQL语句与动态sql标签（trim|where|set|foreach|if|choose|when|otherwise|bind）
django使用raw()执行sql语句多表查询
人无远虑,必有近忧.
09-23 6042
1.环境 python3.7 django2.2.16 mysql5.7 2.raw()的用法 raw() 执行原始sql,并返回模型实例对象。 可用于多表关联查询 返回结果必须包含实例对象对应数据库表的主键 虽然返回结果是实例对象，但是对于多表关联查询，返回结果可以包含非实例对象（关联查询表）的字段属性。 3.实例 数据库表：product(产品表) model_replace(产品型号替换表),两个表并没有外键关联关系，只是通过一个product_unique_sign去关联 pr
Web前端之SQL（4）——多表查询
lb569484787的博客
08-21 1145
一、复习 1. Web前端 2. 数据库 关系型数据库RDBMS Server -> Database ->Table ->Row -> Column 3.MySQL连接 mysql.exe -h127.0.0.1 -P3306 -uroot -p 服务器连接 mysql -uroot 简写模式 mysql -uroot < C:/xampp/...
拼接sql语句，实现高级条件查询
JEROCHAN的博客
05-06 3933
动态拼接sql语句，实现高级条件查询功能 1.前端html，建一个表格，给定tbody一个id，当点击一个添加按钮的时候，动态的加一行表格： <table class="table table-bordered" id="tab"> <thead> <tr> <th>#</th> &l...
使用表达式避免拼接SQL语句
weixin_30815469的博客
05-13 295
在SQL语句编写过程中，无论在存储过程中还是在程序中，有时为了使语句兼容全部情况与某字段的特殊情况，不得不拼接SQL字串 如下表 商品ID 类别ID 1 1 2 1 3 2 4 3 5 3 如果我们要写一个SQL，改SQL可通过类别ID获得该类别的商品ID，并且要求兼容传入类别ID为0时获得所有商品，我们不...
如何在代码里优雅的拼接SQL
petbase1的博客
11-29 3340
刚进入这行业的时候，最早的时候用ADO，后来又出了各种ORM，在用了很多年后，还是觉得手写SQL最舒服，也最灵活。在各种对比后本人选择了Dapper，选择的理由是够轻量，性能好。 不管你用什么数据库框架，都会涉及到拼接SQL，可能你会说EF里不用拼接SQL，那你也得组装Expression对吧 不管你用什么工具，肯定避不开的一个就是拼接SQL，如果遇到稍复杂的逻辑，拼接SQL就很乱，可读性非常的差，如下： //比较常见的拼接方式 var name = "jason"; var gender = 1; var
匹配嵌套的构造（较复杂）
weixin_34379433的博客
06-22 89
如果还不明白正则表达式中(?:)的使用，请看：http://www.knowsky.com/297.html 正则表达式的终极能力 - 递归 今天在QQ问liuzhi如何写一个匹配递归式的正则表达式时，没想到那家伙居然就回答“递归消除”，让我去看编译原理的书。（nnd，他肯定想到正则表达式的实现去了...） 找遍了正则表达式的语法都没发现和递归有关或者可以间接...
基于可视化复杂SQL拼接插件 QueryBuilder
weixin_33980459的博客
07-17 1677
2019独角兽企业重金招聘Python工程师标准>>> ...
使用MySQL设计大学学籍管理数据库（后台数据库+前台程序）
热门推荐
康康
12-01 1万+
最近期末数据库课程老师布置了一个大作业，写一个关于大学生学籍管理系统。大概要求如下： 最近从学习开始制作，以后每天更新一下开发过程。 DAY1 根据课本，数据库设计可以分为以下六个阶段 1、需求分析； 2、概念结构设计； 3、逻辑结构设计； 4、物理结构设计； 5、数据库实施； 6、数据库的运行和维护； 一、需求分析 A.用户需求 1）、录入学生的基本信息，如学号、
sql case when 拼接sql语句
最新发布
09-02
SQL的CASE WHEN语句可用于根据条件生成动态SQL语句。当我们需要根据不同的情况执行不同的SQL语句时，可以使用CASE WHEN来实现。 拼接SQL语句的一种常见场景是根据输入的条件动态生成查询语句。例如，假设我们有一个学生表，其中包含了学生的姓名、年龄和性别等字段。我们想要根据不同的条件查询不同的信息。 在这种情况下，我们可以使用CASE WHEN进行动态的SQL拼接。如下所示： ``` DECLARE @condition NVARCHAR(20) = 'age' DECLARE @sql NVARCHAR(MAX) = 'SELECT ' SET @sql = @sql + CASE WHEN @condition = 'name' THEN 'name' WHEN @condition = 'age' THEN 'age' WHEN @condition = 'gender' THEN 'gender' END SET @sql = @sql + ' FROM students' PRINT @sql EXECUTE sp_executesql @sql ``` 在上述示例中，我们使用变量`@condition`指定查询条件，然后根据条件使用CASE WHEN拼接查询语句的SELECT部分。在这种情况下，我们根据`@condition`的不同值，选择是否查询学生的姓名、年龄或性别字段。 通过这种方式，我们可以根据不同的情况动态拼接SQL语句，使查询更加灵活和适应不同的需求。使用CASE WHEN可以让我们根据条件来控制拼接的SQL语句，提高了查询语句的灵活性和可扩展性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值