,,JavaScript生成SQL查询表单的方法

2022-11-10 15:53:05 分类：java 阅读()
,,JavaScript生成SQL查询表单的方法

这篇文章主要介绍了Java脚本语言生成结构化查询语言查询表单的方法，涉及Java语言（一种计算机语言，尤用于创建网站）描述语言页面元素及字符串操作的相关技巧，具有一定参考借鉴价值，需要的朋友可以参考下

本文实例讲述了Java脚本语言生成结构化查询语言查询表单的方法。分享给大家供大家参考。具体如下：

这里使用Java脚本语言生成复杂的结构化查询语言查询表单，运行一下就明白了，它可以根据选择的查询条件，自动修改你的结构化查询语言语句，是一个很典型的应用。

运行效果截图如下：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN '

http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。' DTD '

头

meta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /

标题查询条件表单/标题

风格

*{

字体大小：12px

填充：0;

边距：0;

}

正文{

填充：40px

}

#MainBox{

边框：#666 1px纯色；

背景色：# eee

宽度：700像素

}

#主机箱td{

填充：4px

}

#ConditionBox{

高度：150像素

宽度：100%;

溢出-y:自动；

边框：#bbb 1px实心；

填充：2px

背景色：# fff

}。tmFrame{

边框：#eee 1px纯色；

填充：2px

宽度：100%;

}。tmFrame_highlight{

边框：#666 1px纯色；

填充：2px

宽度：100%;

背景色：# f7f7f7

}。fname{

浮动：左；

宽度：200像素

}。连接

浮动：左；

宽度：100像素

}。fvalue{

浮动：左；

宽度：100像素

}。手柄盒{

浮动：对；

宽度：180像素

显示：无；

}。handlebox_view{

浮动：对；

宽度：180像素

显示：块；

}。信箱{

浮动：对；

边距：1px

背景色：# 999;

颜色：# fff

填充：1px

宽度：15px

光标：手；

}

图例{

边框：#bbb 1px实心；

填充：4px

}

字段集{

边框：#bbb 1px实心；

填充：4px

}。sqlwords{

边距：2px

边框：#bbb 1px实心；

宽度：100%;

}

/风格

脚本

////构造函数

函数返回文件。createelement(e)}

/*示例：

* var a=cex('DIV '，{onmouseover:foo，name:'div1 '，id:' main ' })；

*/

函数cex(e，x){

var a=ce(e)；

对于(x中的道具){

a[道具]=x[道具];

}

返回a；

}

/*

*功能通用电气公司

document.getElementById的速记函数

*/

函数ge(I){返回文件。getelementbyid(I)}

/*

*功能交流

*示例：交流(房屋、交流(屋顶、木瓦)、ac(地板、交流(瓷砖、灰浆)))

*/

函数ac(){

if (ac.arguments.length 1){

var a=AC。参数[0]；

for(I=1；iac.arguments长度；i ){

如果(参数[我])

答。appendchild(AC。arguments[I])；

}

返回a；

}否则{

返回空

}

}

///////ID增量

函数guid(){

如果(!窗户. id)窗口. id=0；

返回窗口. id

}

//======建立条件类

函数项(tname，fname，conn，fvalue，ttype){

this.tname=tname

this.fname=fname

这个conn=conn

this.fvalue=fvalue

这个。id=guid()；

this.ttype=ttype

}

术语。原型。get html=function(){

var termFrame=cex('DIV '，{

id:this.id，

类名：' tmframe '，

onmouseover:这个。fc _ term _ onmouseover()，

onmouseout:这个。fc _ term _ onmouseout()

});

//var module=cex('DIV '，{

//id:'模块这个. id，

//类名："模块"

//});

var tttt=this.tname ' . 'this.fname

if(this.ttype！='偏移)

tttt=this.tname

var mtt=cex('输入',{

id:'tp' this.id，

名称：' fname' this.id，

类型："隐藏",

值：this . t类型

});

var fname=cex('DIV '，{

id:'fname' this.id，

类名：" fname "，

innerHTML:tttt

});

var conn=cex('DIV '，{

id:'conn' this.id，

类名："连接",

innerHTML:this.conn

});

var fvalue=cex('DIV '，{

id:'fvalue' this.id，

类名：" f值",

innerHTML:this.fvalue

});

var handlebox=cex('div '，{

id:'handlebox' this.id，

类名：“手柄盒”

});

var mdel=cex('div '，{

id:'tmdel' this.id，

onclick:this.fc_mdel_onclick()，

类名："邮箱",

标题：'删除此条件，

innerHTML:"X "

});

var mup=cex('div '，{

id:'tmup' this.id，

onclick:this.fc_mup_onclick()，

类名："邮箱",

标题：'向上移动，

innerHTML:""

});

var mdown=cex('div '，{

id:'tmdown' this.id，

onclick:this.fc_mdown_onclick()，

类名："邮箱",

标题：'向下移动，

innerHTML:"；"

});

var mzkh=cex('div '，{

id:'tzkh' this.id，

onclick:this.fc_mzkh_onclick()，

类名："邮箱",

标题：'添加左括号，

innerHTML:“(”

});

var mykh=cex('div '，{

id:'tykh' this.id，

onclick:this.fc_mykh_onclick()，

类名："邮箱",

标题：'添加右括号，

innerHTML:")"

});

var mand=cex('div '，{

id:'和'这个。id，

onclick:this.fc_mand_onclick()，

类名："邮箱",

标题：'添加并条件，

innerHTML:"和"

});

var mor=cex('div '，{

id:'tor' this.id，

onclick:this.fc_mor_onclick()，

类名："邮箱",

标题：'添加或条件，

innerHTML:"或"

});

//构建分区

交流(术语框架，

mtt，

交流（手柄盒，

mdel，

内务部，

mdown，

mykh，

mzkh，

曼德，

粗腐殖质

),

fname，

控制室，

fvalue

);

返回术语框架

}

术语。原型。highlight=function(){

ge('handlebox' this.id).handlebox _ view

葛(this.id).class name=" TM frame _ highlight "

}

术语。原型。低光=function(){

ge('handlebox' this.id).手柄盒

葛(this.id).框架

}

术语。原型。remove=function(){

var _ this=ge(这个。id)；

_这个。父节点。移除子代(_ this)；

}

术语。原型。上移=function(){

var _ this=ge(这个。id)；

var pre _ this=_ this。以前的兄弟姐妹；

如果(pre _这个！=null){

_这个。父节点。在前面插入(_ this，pre _ this)；

这个。弱光()；

}

}

术语。原型。下移=function(){

var _ this=ge(这个。id)；

var next _ this=_ this。下一个兄弟姐妹；

如果(下_这个！=null){

_这个。父节点。在(next _ this，_ this)之前插入；

这个。弱光()；

}

}

术语。原型。addzkh=function(){

var _ this=ge(这个。id)；

var tzkh=新term(' -'，''，''，''，' zkh ')；

var node _ zkh=tzkh。gethtml()；

_这个。父节点。在(node _ zkh，_ this)之前插入；

}

术语。原型。addykh=function(){

var _ this=ge(这个。id)；

var tykh=新术语(' -'，''，''，''，' '，' '，' ykh ')；

var node _ ykh=tykh。gethtml()；

if(_this.nextSibling！=空)

_这个。父节点。在(node _ ykh，_ this)之前插入。下一个兄弟姐妹)；

其他

_这个。父节点。append child(node _ ykh)；

}

术语。原型。addand=function(){

var _ this=ge(这个。id)；

var tand=新术语('并且，'','','',' ','和');

var node _ and=tand。gethtml()；

if(_this.nextSibling！=空)

_这个。父节点。在(node _ and，_ this)之前插入。下一个兄弟姐妹)；

其他

_这个。父节点。appendchild(node _ and)；

}

术语。原型。addor=function(){

var _ this=ge(这个。id)；

var tor=新术语('或者、“”、“tor”)；

var node _ or=tor。gethtml()；

if(_this.nextSibling！=空)

_这个。父节点。在(node _ or，_ this)之前插入。下一个兄弟姐妹)；

其他

_这个。父节点。appendchild(node _ or)；

}

///对象控制函数

术语。原型。fc _ term _ onmouseover=function(){

var _ this=this

返回函数(){

//如果(!_this.isDragging)

_这个。高亮()；

}

}

术语。原型。fc _ term _ onmouseout=function(){

var _ this=this

返回函数(){

//如果(!_this.isDragging)

_这个。弱光()；

}

}

术语。原型。fc _ mdel _ onclick=function(){

var _ this=this

返回函数(){

_这个。移除()；

}

}

术语。原型。fc _ MUP _ onclick=function(){

var _ this=this

返回函数(){

_这个。上移()；

}

}

术语。原型。fc _ mdown _ onclick=function(){

var _ this=this

返回函数(){

_这个。下移()；

}

}

术语。原型。fc _ mzkh _ onclick=function(){

var _ this=this

返回函数(){

_这个。addzkh()；

}

}

术语。原型。fc _ mykh _ onclick=function(){

var _ this=this

返回函数(){

_这个。addykh()；

}

}

术语。原型。fc _ mand _ onclick=function(){

var _ this=this

返回函数(){

_这个。addand()；

}

}

术语。原型。fc _ mor _ onclick=function(){

var _ this=this

返回函数(){

_这个。addor()；

}

}

/////插入页面

函数insertterm(){

var tname=文档。全部。tname。价值；

var fname=文档。全部。fname。价值；

var conn=文档。全部。连接值；

var fvalue=文档。全部。fvalue。价值；

//XL(tname ' | ' fname ' | ' conn ' | ' fvalue)；

var tm=新术语(tname，fname，conn，fvalue，' fset ')；

var tmHTML=TM。获取html()；

ac(ge('ConditionBox ')，tmHTML)；

//za。添加term(TM)；

addtofrom(tname)；

}

var TT=new Array()；

函数addtofrom(tname){

var ttexit=' no

for(var I=0；itt。长度；i ){

if(tt[i]==tname)

ttexit='是

}

if(ttexit=='no'){

TT[I]=tname；

//alert(TT[I])；

}

}

//====条件控制窗口函数

函数CBadd(){

var h=文档。全部。条件框。偏移高度；

文档。全部。条件框。风格。height=h 20 ' px

}

函数CBcut(){

var h=文档。全部。条件框。偏移高度；

如果(h=150)

文档。全部。条件框。风格。高度=h-20 ' px '；

其他

返回错误的

}

函数getSQL(){

var SQL=

var ma=ge('ConditionBox ').子节点；

for(I=0；ima.lengthi ){

var id=ma[i].get属性(" id ")；

var tp=ge('tp' id).价值；

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='为null '；

if(conn=='不为空)

sql='不是null '；

if(conn=='包含)

sql=' like \ ' % ' fvalue ' % \

}

否则{

//sql=' ' ge('fname' id).innerHTML

if(tp=='zkh ')

SQL="("；

if(tp=='ykh ')

SQL=')'；

if(tp=='tand ')

sql='和

if(tp=='tor ')

sql='或

}

//var Mn=ma。子节点；

}

var ff rom=' FROM ' get FROM()；

ge('sqlwords ').value=' Select * ' ff from ' Where ' SQL；

}

函数getFrom(){

var ff=TT。tostring()；

返回ff；

}

/脚本

/头

身体

表格边框='0 '单元格间距='0 '单元格填充='0' id='MainBox '

tr

TD colspan=' 2 ' style=' background-color:# 999；颜色：# 000;字体粗细：加粗；'字体大小：14px '复杂查询表单/td

/tr

tr

tddiv id='ConditionBox'/div

div style=' width:100% ' SPAN title='放大显示框style=' float:right；字体大小：14px光标：手；FONT-FAMILY:webdings ' onclick=' CBadd()' 6/span span title='缩小显示style=' float:right；字体大小：14px光标：手；FONT-FAMILY:webdings ' onclick=' CBcut()' 5/SPAN/div/TD

/tr

tr

（美)财政部(财政部)

字段集

legendSQL表达式/图例

input type=' text ' id=' SQL words ' class=' SQL words '/input type=' Submit ' name=' Submit ' value=' GET SQL ' onclick=' getSQL()' style=' float:right '/

/字段集

/td

/tr

tr

（美)财政部(财政部)

字段集

神话；传奇定义条件/图例

表格宽度='100% '边框='0 '单元格间距='0 '单元格填充='0 '

tr

（美)财政部(财政部)表/td

tdselect name='tname' id='tname '

选项值='表1 '选定='选定'表1/选项

选项值='表2 '表2/选项

选项值='表3 '表3/选项

选项值='表4 '表4/选项

选项值='表5 '表5/选项

/select/td

（美)财政部(财政部)字段/td

tdselect name='fname' id='fname '

选项值='f1 '字段1/选项

选项值='f2 '字段2/选项

选项值='f3 '字段3/选项

选项值='f4 '字段4/选项

选项值='f5 '字段5/选项

选项值='f6 '字段6/选项

选项值='f7 '字段7/选项

/select/td

（美)财政部(财政部)关系/td

tdselect name='conn' id='conn '

选项值='大于'大于/选项

选项值='等于'等于/选项

选项值='小于'小于/选项

选项值='不等于'不等于/选项

选项值='为空'为空/选项

选项值='不为空'不为空/选项

选项值='包含'包含/选项

/select/td

（美)财政部(财政部)值/td

TD输入名称=' fvalue ' type=' text ' id=' fvalue ' value=' 111111 '//TD

TD输入类型='提交'名称='提交'值='增加新条件onclick='insertterm()'//td

/tr

/表格

/字段集

/td

/tr

/表格

/body

/html

希望本文所述对大家的Java语言（一种计算机语言，尤用于创建网站）描述语言程序设计有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

标签： is id

相关文章阅读

  • ,,阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
  • ,,超详细的JavaScript基本语法规则
  • ,,超精准的javascript验证身份证号的方法
  • ,,详解JavaScript的垃圾回收机制
  • ,,详解JavaScript中的强制类型转换
  • ,,详解JavaScript中的forEach()方法的使用
  • ,,详解javascript 变量提升（Hoisting）
  • ,,详解JavaScript 事件流
  • ,,详解 javascript中offsetleft属性的用法
  • ,,由JavaScript技术实现的web小游戏（不含网游）
  • ,,深入理解JavaScript系列（22）：S.O.L.I.D五大原则之依赖倒置原则DIP详解
  • ,,深入理解JavaScript中的箭头函数
  • ,,浅谈JavaScript窗体Window.ShowModalDialog使用
  • ,,浅谈JavaScript的闭包函数
  • ,,浅谈JavaScript中等号、双等号、 三等号的区别
    • 留言与评论（共有 条评论）
       
    验证码：