在页面上执行sql语句，首先在页面上顶一个文本域，让用户输入需要执行的sql语句。

html代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>
<body>
<div id ="defaultButtonBar" align="right" style="margin-right: 20px">
<button id="add" value="执行" onclick="find()" style="width: 100px;height: 30px;">执行</button>
</div> 
<div> 
输入的sql:<br><textarea id="sql" rows="6" style="width: 98%"></textarea>
</div>

<div id="divSql" style="color: red;height:400 "> <text id="str"></text></div>
</body>
</html>

然后最重要的是如何获取选中的文本并且让其在后台执行sql并返回信息给前台。

js代码如下：

/**
* 执行鼠标选中的文本（也就是sql语句）
*/
function find(){
　　var selectValue=null;
　　var sqlval=null;
　　if (document.selection){
　　　　selectValue=document.selection.createRange().text;//验证IE浏览器
　　} else if (window.getSelection){
　　　　// selectValue=window.getSelection();//其他浏览器
　　　　var obj = document.getElementById("sql");
　　　　var selstart = obj.selectionStart; //文字浮标选择的开始位置
　　　　var selend = obj.selectionEnd; //文字浮标选择的结束位置
　　　　selectValue= obj.value.substring(selstart,selend);
　　}
　　if(selectValue==null||selectValue==""){
　　　　var sqlval=document.getElementById("sql").value.toLocaleLowerCase();
　　}else{
　　　　sqlval=selectValue;
　　}
　　if(sqlval.indexOf("select")!=-1&&sqlval.indexOf("create")==-1){
　　sqlval = encodeURI(sqlval);
　　$.ajax({
　　type:'POST',
　　url:'findColumn',
　　data:"sqlval="+sqlval,
　　dataType:'text',
　　contentType:'application/x-www-form-urlencoded; charset=utf-8',
　　success: function(data){
　　　　var dataJson=eval('(' +data+ ')');
　　　　$("#str").text("");
　　　　$('#mytable').omGrid({
　　　　height : 400,
　　　　limit:0,
　　　　colModel :dataJson,
　　　　//contentType:'application/x-www-form-urlencoded; charset=utf-8',
　　　　dataSource:'findData.action?sqlval='+sqlval
　　});
　　}
　　, error:function(XMLResponse){
　　　　document.getElementById("tab").innerHTML="";
　　　　document.getElementById("tab").innerHTML='<table id="mytable"></table>';
　　　　var str=XMLResponse.responseText;
　　　　var str1=str.substring(str.indexOf("java"),str.lastIndexOf("</pre>"));
　　　　$("#str").text("");// 清空数据
　　　　$("#str").append(str1);
　　}
　　});
　　}else{
　　　　$.ajax({
　　　　type:'POST',
　　　　url:'updateAndDelete',
　　　　data:"sqlval="+sqlval,
　　　　dataType:'text',
　　　　limit:0,
　　　　contentType:'application/x-www-form-urlencoded; charset=utf-8',
　　　　success: function(data){
　　　　　　var dataJson=eval('(' +data+ ')');
　　　　　　$("#str").text("");
　　　　　　if(dataJson.update=='0002'){
　　　　　　　　alert("更新成功");
　　　　　　}else if(dataJson.del=='0001'){
　　　　　　　　alert("删除成功");
　　　　　　}else if(dataJson.insert=='0003'){
　　　　　　　　alert("插入数据成功");
　　　　　　}else if(dataJson.drop=='0004'){
　　　　　　　　alert("删除表成功");
　　　　　　else if(dataJson.create=='0005'){
　　　　　　　　alert("创建表成功");
　　　　　　}else{
　　　　　　　　alert("系统出错");
　　　　　　}
　　　　},error:function(XMLResponse){
　　　　　　var str=XMLResponse.responseText;
　　　　　　var str1=str.substring(str.indexOf("java"),str.lastIndexOf("</pre>"));
　　　　　　$("#str").text("");// 清空数据
　　　　　　$("#str").append(str1);
　　　　　}
　　　　});
　　}
}

关于后台代码这里就不展示了，无非就是执行前台传过来的sql语句并返回一些相应的信息

关于在页面上执行sql语句的更多相关文章

  1. Yii框架，在页面输出执行sql语句，方便调试

    1.下载yiidebugtb,并且放入到 application.extensions.yiidebugtb 目录 2.修改main.php,加入如下代码: 'log'=>array( 'cla ...

  2. 通过MyEclipse工具直接操作数据库，执行sql语句，方便快捷

    原文:通过MyEclipse工具直接操作数据库,执行sql语句,方便快捷 通过MyEclipse操作数据库,执行sql语句使我们不用切换多个工具,直接工作,方便快捷.效果如下: 步骤1:通过MyEcl ...

  3. ASP.NET MVC5+EF6+EasyUI 后台管理系统（89）-EF执行SQL语句与存储过程

    这一节,我们来看看EF如何执行SQL语句与读取存储过程的数据,可能有一部分人,还不知道EF如何执行存储过程与原生SQL语句! 我们什么时候要直接使用原生的SQL语句? 返回值过于复杂 过于复杂的联合查 ...

  4. 解决乱码的方法是，在执行SQL语句之前，将MySQL以下三个系统参数设置为与服务器字符集character-set-server相同的字符集

    character-set-server/default-character-set:服务器字符集,默认情况下所采用的. character-set-database:数据库字符集. characte ...

  5. easyui datagrid 禁止选中行 EF的增删改查（转载） C# 获取用户IP地址（转载） MVC EF 执行SQL语句（转载） 在EF中执行SQL语句（转载） EF中使用SQL语句或存储过程 .net MVC使用Session验证用户登录 PowerDesigner 参照完整性约束(转载)

    easyui datagrid 禁止选中行   没有找到可以直接禁止的属性,但是找到两个间接禁止的方式. 方式一: //onClickRow: function (rowIndex, rowData) ...

  6. 使用Hive或Impala执行SQL语句，对存储在HBase中的数据操作

    CSSDesk body { background-color: #2574b0; } /*! zybuluo */ article,aside,details,figcaption,figure,f ...

  7. 使用Hive或Impala执行SQL语句，对存储在Elasticsearch中的数据操作(二)

    CSSDesk body { background-color: #2574b0; } /*! zybuluo */ article,aside,details,figcaption,figure,f ...

  8. 使用Hive或Impala执行SQL语句，对存储在Elasticsearch中的数据操作

    http://www.cnblogs.com/wgp13x/p/4934521.html 内容一样,样式好的版本. 使用Hive或Impala执行SQL语句,对存储在Elasticsearch中的数据 ...

  9. [转]在EntityFramework6中执行SQL语句

    本文转自:http://www.cnblogs.com/wujingtao/p/5412329.html 在上一节中我介绍了如何使用EF6对数据库实现CRDU以及事务,我们没有写一句SQL就完成了所有 ...

随机推荐

  1. 池化 - Apache Commons Pool

    对于那些创建耗时较长,或者资源占用较多的对象,比如网络连接,线程之类的资源,通常使用池化来管理这些对象,从而达到提高性能的目的.比如数据库连接池(c3p0, dbcp), java的线程池 Execu ...

  2. HTML5图形绘制学习（1）-- Canvas 元素简介

    Canvas元素是HTML5中新增的一个专门用来进行图形绘制的元素.和其名称Canvas一样,它就相当于一个画布,我们可以在其上描绘各种图形. 这里所说的绘制图型,不是指我们可以进行可视化的图形绘制, ...

  3. zeromq-python使用

    安装参考saltstack编译安装.note 官方使用文档: http://zguide.zeromq.org/page:all 中文翻译文档: http://iyuan.iteye.com/blog ...

  4. OpenWRT交叉编译

    对于当前不在OpenWRT repository中的软件,如果是用源码形式发布的,那么可以用OpenWRT Buildroot进行交叉编译. 首先编译好Buildroot(一般编译过一次固件,就已经编 ...

  5. GetModuleHandle，AfxGetInstanceHandle使用区别

    当一个文件被映射到调用进程的地址空间时,GetModuleHandle函数得到其中某一模块的句柄. 使用GetModuleHandle函数格式:HMODULE GetModuleHandle( LPC ...

  6. 【HDU 2013 猴子吃桃子】 尾递归与迭代

    大一时的一道C语言练习题,可作为递归和尾递归转迭代的范例.HDU 2013 http://acm.hdu.edu.cn/showproblem.php?pid=2013 题意:猴子摘了sum个桃子,从 ...

  7. linux动态库加载RPATH, RUNPATH

    摘自http://gotowqj.iteye.com/blog/1926771 linux动态库加载RPATH, RUNPATH 链接动态库 如何程序在连接时使用了共享库,就必须在运行的时候能够找到共 ...

  8. ls命令 ls -trl

    每天一个linux命令(1):ls命令   ls命令是linux下最常用的命令.ls命令就是list的缩写缺省下ls用来打印出当前目录的清单如果ls指定其他目录那么就会显示指定目录里的文件及文件 ...

  9. IOS开发之——获取屏幕的尺寸及各模拟器代表的型号

    获取屏幕尺寸 [[[UIScreen mainScreen] currentMode].size.width]; [[[UIScreen mainScreen] currentMode].size.h ...

  10. [poj 1144]Network[Tarjan求割点]

    题意: 求一个图的割点. 输入略特别: 先输入图中点的总数, 接下来每一行首先给出一个点u, 之后给出一系列与这个点相连的点(个数不定). 行数也不定, 用0作为终止. 这样的输入还是要保证以数字读入 ...