如何从页面输入SQL查询条件得到后台结果返回前台页面

最新推荐文章于 2024-05-14 20:34:31 发布
最新推荐文章于 2024-05-14 20:34:31 发布
阅读量1.2w 收藏 27
点赞数 6
分类专栏： web MySql 文章标签： sql Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yucongyuqian/article/details/77451578
版权
web 同时被 2 个专栏收录
12 篇文章 0 订阅
订阅专栏
MySql
2 篇文章 0 订阅
订阅专栏

一、页面：因为查询的表不固定，所以表格需要自助生成（这是利用了“jqGrid”）
注意：难点一、因为从数据库查询的表不同，所有前台页面遍历时的表头格式不固定
难点二、数据库连接源
若是不利用“jqGrid”也可以参考方法2.
方法1.

<body>
<div>
    <nobr>
        <div>
            <form method="POST" action="/management/transactionFlow/informationQuery1">
                <div class="row">
                    <div class="col-md-10">
                            <textarea name="sql" STYLE="width: 1000px;height: 100px" id="sql"
                                      onfocus="ClearDefault(this)" placeholder="输入查询语句"
                                      onblur="AddDefault(this)">${sql}</textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2">
                        <button type='submit' class="btn btn-primary btn-block" id="sure">确定
                        </button>
                    </div>
                    <div class="col-md-2">
                        <button id="back" type="reset" class="btn btn-primary btn-block">重置
                        </button>
                    </div>
                    <div class="col-md-2">
                        <p id="message" style="height: 28px" align="center"></p>
                    </div>
                </div>
            </form>
        </div>
    </nobr>
    <hr style="background-color: #0c0c0c;height: 1px;width: 2000px;">
    <%--引入jqGerid--%>
    <div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>
    <content tag="customJavascript">
        <script type="text/ecmascript" src="/plugins/jqGrid-master/js/i18n/grid.locale-cn.js"></script>
        <script type="text/ecmascript" src="/plugins/jqGrid-master/js/jquery.jqGrid.js"></script>

        <script src="/plugins/datepicker/bootstrap-datepicker.js"></script>
        <script src="/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>

        <script type="text/javascript">

            //加载的主表（对表格进行遍历
            $(document).ready(function () {
               // var applicationId = $('#applicationId option:selected').val();
                $("#jqGrid").jqGrid({
                    url:"/management/transactionFlow/informationQuery",
                    mtype: "POST",
                    datatype: "json",
                    postData: {
                        'sql': function () {
                            return $('#sql').val().trim();}
                        },
                    styleUI: 'Bootstrap',
                    colModel: [
                        <c:forEach items="${list3}" var="user" varStatus="status">
                        {label: '${user}', name: '${user}', autowidth: true, sortable: false},
                        </c:forEach>
                    ],
                    viewrecords: true,
                    height: 400,
                    shrinkToFit: false,
                    rowNum: 10,
                    autowidth: true,
                    pager: "#jqGridPager",
                    page: 1
                }).trigger("reloadGrid");
                return false;
                var len = $("#jqGrid").getGridParam("width");
//                $("#jqGrid").setGridParam().hideCol("id");
                $("#jqGrid").setGridWidth(len);
            });
            //点击重置按钮
            $("#back").click(function () {
                $("#sql").empty();
            });
        </script>
    </content>
</div>
</body>

方法2.动态生成表格，但是分页还需自己在写一下

参考网址：https://q.cnblogs.com/q/73869/



var table = "<table id=\"date\" name=\"TableName\" class='table table-striped table-bordered table-hover' >";
table += "<thead><tr><th>" + "" + "</th>";
for (var i = 0; i < date.length; i++) {
table += "<th >" + date[i] + "</th>";
}
table += "</tr></thead><tbody>";
for (var j = 0; j < department.length; j++) {
table += "<tr>";
table += "<td>" + department[j] + "</td>";
for (var n = 0; n < date.length; n++) {
table += "<td>" + SeriesStr[0].data[n] + "</td>";
}
}
table += "</tr>";
table += "</tbody></table>";
$("#Exceltable").html(table);

效果：
这里写图片描述

二、controller
1）查询表头

 @RequestMapping(value = "transactionFlow/informationQuery1", method = RequestMethod.POST)

    public String informationQuery1(@ModelAttribute("form") @RequestParam (value = "sql") String sql, Model model) {
        List<String> list3 = new LinkedList<>();
        String query1 = customerLedgersService.query(sql);
        Map map = new HashMap();
        if (query1 != null) {

            String[] key = query1.split(";");
            for (int i = 0, len = key.length; i < len; i++) {
                list3.add(key[i]);
            }

            model.addAttribute("sql", sql);
            model.addAttribute("list3", list3);
            return "/complement/informationQuery";
        } else {
            model.addAttribute("sql", sql);

            return "/complement/informationQuery";
        }

    }

2）查询分页信息

@RequestMapping(value = "transactionFlow/informationQuery", method = RequestMethod.POST)
    @ResponseBody
    public GridData informationQuery(@RequestParam(value = "sql", required = false) String sql,
                                     @RequestParam(value = "page", required = false) Integer page,
                                     @RequestParam(value = "rows", required = false) Integer rows
    ) {
        List list7 = new LinkedList<>();
        String queryValue = null;

        String records1 = customerLedgersService.query1(sql);
        int records = Integer.parseInt(records1);
        GridData result = new GridData();

        String listTotal = customerLedgersService.query2(sql, page, rows);
        String query2 = null;
        List<String> list6 = new ArrayList<>();
        List<String> list5 = new ArrayList();
        if (listTotal != null) {
            String[] keyq3 = listTotal.split("%");
            for (int i = 0, len = keyq3.length; i < len; i++) {
                list6.add(keyq3[i]);
            }
            for (int m = 0; m < list6.size(); m++) {
                queryValue = list6.get(m);
                String[] value = queryValue.split(";");
                List<String> list = Arrays.asList(value);
                ListIterator<String> li = list.listIterator();
                while (li.hasNext()) {
                    Object obj = li.next();
                    if (obj.equals("0E-8")) {
                        li.set("0.00000000");
                    }
                    if (obj.equals("null")) {
                        li.set("");
                    }
                }
                list7.add(list);

            }
        }
        long totaPage = records % rows == 0 ? records / rows : records / rows + 1;
        result.setPage(page);
        result.setRecords(records);
        result.setTotal((int) totaPage);
        if (list7 != null) {
            result.getRows().addAll(list7);
        }
        return result;
    }

三、dao层（利用了JDBC原理）
需要考虑的是数据库连接问题

@Repository
public class QueryDaoImpl implements QueryDao {
    private static Logger logger = LoggerFactory.getLogger(QueryDaoImpl.class);

    @Override
    public String selectSql(String sql) {
        DataSource ds = null;
        Connection conn = null;
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        StringBuffer sb = new StringBuffer();
        int index = 1;
        //1 获得连接
        try {

            if(sql == null){
                return null;
            }

            InitialContext initialContext = new InitialContext();
            ds = (DataSource) initialContext.lookup("jdbc/account-structure");
            if (ds != null) {
                conn = ds.getConnection();
            }
            if(!sql.contains(";")){
                sql=sql+";";
            }
            if(!sql.contains("limit") && !sql.contains("LIMIT")){
                if(sql.contains(";")){
                    sql = sql.replaceAll(";", "");
                }
                sql = sql + " limit 0, 1;";
            }
            pstmt = conn.prepareStatement(sql);
            rs = pstmt.executeQuery();
            List<LinkedHashMap<String, Object>> values = new ArrayList<>();
            ResultSetMetaData rsmd = rs.getMetaData();
            LinkedHashMap<String, Object> map = null;
            while (rs.next()) {
                //把一条记录放入Map中
                map = new LinkedHashMap<String, Object>();
                for (int i = 0; i < rsmd.getColumnCount(); i++) {
                    String columnLabel = rsmd.getColumnLabel(i + 1);
                    Object value = rs.getObject(i + 1);
                    map.put(columnLabel, value);
                }
                values.add(map);
            }

            if (values.size() > 0) {
                for (Map<String, Object> m : values) {
                    Set<String> set = m.keySet();
                    for (String s : set) {
                        sb.append(s + ";");
                    }
                }

            }
            return sb.toString();

        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            //6关闭资源
//            JDBCUtils.close(conn, pstmt, rs);
            try {
                conn.close();
            } catch (SQLException e) {
                e.printStackTrace();
                try {
                    pstmt.close();
                } catch (SQLException e1) {
                    e1.printStackTrace();
                }
                try {
                    rs.close();
                } catch (SQLException e1) {
                    e1.printStackTrace();
                }
            }
        }
        return null;
    }


    @Override
    public String selectSql1(String sql) {
        DataSource ds = null;
        Connection conn = null;
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        StringBuffer sb = new StringBuffer();
        int index = 0;
        //1 获得连接
        try {

            if(sql == null){
                return null;
            }

            InitialContext initialContext = new InitialContext();
            ds = (DataSource) initialContext.lookup("jdbc/account-structure");
            if (ds != null) {
                conn = ds.getConnection();
            }
            if(!sql.contains(";")){
                sql=sql+";";
            }
            if(!sql.contains("limit") && !sql.contains("LIMIT")){
                if(sql.contains(";")){
                    sql = sql.replaceAll(";", "");
                }
                sql = sql + "  limit 0, 5000;";
            }
            pstmt = conn.prepareStatement(sql);
            rs = pstmt.executeQuery();
            List<LinkedHashMap<String, Object>> values = new ArrayList<>();
            ResultSetMetaData rsmd = rs.getMetaData();
            LinkedHashMap<String, Object> map = null;
            while (rs.next()) {
                //把一条记录放入Map中
                map = new LinkedHashMap<String, Object>();
                for (int i = 0; i < rsmd.getColumnCount(); i++) {
                    String columnLabel = rsmd.getColumnLabel(i + 1);
                    Object value = rs.getObject(i + 1);
                    map.put(columnLabel, value);
                }
                values.add(map);
            }

            if (values.size() > 0) {
                for (Map<String, Object> m : values) {
                    Set<String> set = m.keySet();
                    for (String s : set) {
                        sb.append(s + ";");
                    }
                    sb.append("|"+index++);
                }

            }

            return String.valueOf(index);

        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            //6关闭资源
//            JDBCUtils.close(conn, pstmt, rs);
            try {
                conn.close();
            } catch (SQLException e) {
                e.printStackTrace();
                try {
                    pstmt.close();
                } catch (SQLException e1) {
                    e1.printStackTrace();
                }
                try {
                    rs.close();
                } catch (SQLException e1) {
                    e1.printStackTrace();
                }
            }
        }
        return null;
    }

    @Override
    public String selectSq2(String sql, Integer page, Integer rows) {
        DataSource ds = null;
        Connection conn = null;
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        StringBuffer sb = new StringBuffer();
        StringBuffer sb1 = new StringBuffer();
        int index = 1;
        //1 获得连接
        try {

            InitialContext initialContext = new InitialContext();
            ds = (DataSource) initialContext.lookup("jdbc/account-structure");
            if (ds != null) {
                conn = ds.getConnection();
            }
            String sql1=null;
            StringBuffer sql2=null;
            if(!sql.contains(";")){
                sql=sql+";";
            }
            sql1=sql.substring(0,sql.length()-1);

            sql2=sb1.append(sql1+" "+"limit"+" "+"?"+","+"?;");
            pstmt = conn.prepareStatement(sql2.toString());
            int startIndex = (page - 1) * rows;
            pstmt.setInt(1,startIndex);
            pstmt.setInt(2,rows);
            rs = pstmt.executeQuery();
            List<LinkedHashMap<String, Object>> values = new ArrayList<>();
            ResultSetMetaData rsmd = rs.getMetaData();
            LinkedHashMap<String, Object> map = null;
            while (rs.next()) {
                //把一条记录放入Map中
                map = new LinkedHashMap<String, Object>();
                for (int i = 0; i < rsmd.getColumnCount(); i++) {
                    String columnLabel = rsmd.getColumnLabel(i + 1);
                    Object value = rs.getObject(i + 1);
                    map.put(columnLabel, value);
                }
                values.add(map);
            }

            if (values.size() > 0) {
                for (Map<String, Object> m : values) {
                    Set<String> set = m.keySet();

                    for (String s : set) {
                        sb.append(m.get(s) + ";");
                    }
                    sb.append("%");
                }
            }
            return sb.toString();

        } catch (Exception e) {
            e.printStackTrace();
        } finally {

            try {
                conn.close();
            } catch (SQLException e) {
                e.printStackTrace();
                try {
                    pstmt.close();
                } catch (SQLException e1) {
                    e1.printStackTrace();
                }
                try {
                    rs.close();
                } catch (SQLException e1) {
                    e1.printStackTrace();
                }
            }
        }
        return null;
    }
}

查询页面：
这里写图片描述
这里写图片描述
输入SQL语句：SELECT * from ledgers_entity where customer_business_id=’180050602775019520’;
查询结果：
这里写图片描述
这里写图片描述

yucongyuqian
关注
  • 6
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
mysql数据库与前端交互过程_WEB前端第五十六课——MySQL、前后台交互
weixin_39574050的博客
01-19 810
1.可视化工具①PHPmyadmin在Xampp环境下的访问地址：http://127.0.0.1(:端口号)/phpmyadmin　　或者http://localhost(:端口号)/phpmyadmin　　端口号为“80”时可不加端口号。②NavicatforMySQL需要单独下载安装。说明：这两个工具都仅是对数据库进行操作和管理的工具，并不是数据库。③PHPmyadmin登录报错安...
请求，调用数据库， 前后台交互
08-15 1098
今天做了点东西，用到的东西比较杂，总结下，以备以后查阅： 1、首先需要将c#连数据库查出的一条记录的每个字段值取出来，我是将这条记录的字段放在了一个数组中，如下： string[] Infos=new string[3]; public Array show2DcodeMsg(string id) { SqlConnection connecti
查询数据库返回前端
Loser
07-12 1758
这是第一个用于熟悉和练手的东西， 需求是打开首页时，能够自动在固定位置显示从数据库查询的数据，我虽然是计算机的，但我本人对Java的相关很厌恶，但没有办法只能硬着头皮做，于是我这几天查了各种博客，东拼西凑出来了个可行的办法。 dao层那些什么的我就不再记录，查询语句也不再细说，直接从servlet说起，首先是映射@WebServlet(urlPatterns = “/my_servlet”,loa...
网络安全最全SQL查询so easy！轻松学会排序查询和分页查询_排序查询sql，2024年最新网络安全程序员春招三面蚂蚁金服
最新发布
2401_84264610的博客
05-14 699
在实际的渗透测试过程中，面对复杂多变的网络环境，当常用工具不能满足实际需求的时候，往往需要对现有工具进行扩展，或者编写符合我们要求的工具、自动化脚本，这个时候就需要具备一定的编程能力。可以每页只查询10条，20条或者某个具体数量的数据，当用户点击下一页的时候再查询后面的10条，20条。恭喜你，如果学到这里，你基本可以从事一份网络安全相关的工作，比如渗透测试、Web 渗透、安全服务、安全分析等岗位；本文带有丰富案例及配图视频，让你更好的理解和运用文中的技术概念，并可以给你带来具有足够启迪的思考…
数据库--条件查询
weixin_53011698的博客
06-19 1209
#数据库–条件查询 ##语法： select 查询列表 from 表名 where 筛选条件; ##特点： 1、查询列表可以是字段（Java中的“属性”）、常量、函数、表达式。 2、查询的结果是一个虚拟的表格。
后端java动态拼接sql查询表数据，前端elementui弹窗动态展示
ss_Tina的博客
06-30 1033
【elementui el-table前端动态选择表名展示表数据】【elementui展示查询数据库所有表数据】 弹窗子组件的代码，通过首页选择了表名、条件（字段名和字段值），点查询进行弹窗，显示查询后的页面。前端传表名，和where查询的条件给后端。后端拼接成sql进行查询。然后返回给前端进行展示。
泛微OA8前台sql注入1
08-08
如果`type`的值等于5，那么查询结果的`requestId`字段会被返回；否则，返回`id`字段。 利用这个漏洞，攻击者可以通过构造如下URL进行测试： `...
sqlserver 实现分页的前台代码 以及后台的sqlserver语句
06-01
注意：`SomeColumn`需要替换为实际的排序字段，`YourTable`替换为实际的表名，`YourEntity`是映射查询结果的实体类，`YourEntityRowMapper`是自定义的RowMapper。 三、分页优化 1. 使用索引：为了提高分页查询的...
嵌套查询前台、后台源代码
03-15
例如，前端可能会有一个搜索功能，用户可以输入多个条件，这些条件会被转换为嵌套的SQL查询，以获取满足所有条件的数据。 在后端部分，主要负责处理来自前端的请求，执行数据库操作，并将结果返回给前端。这部分...
spring mvc 完整示例 前台+后台
07-04
在这个“spring mvc 完整示例 前台+后台”中，我们将探讨如何将jQuery与Spring MVC结合，实现用户登录和显示用户列表的功能。 **1. Spring MVC 框架基础** Spring MVC是Spring框架的一部分，主要负责处理HTTP请求。...
Web端的答题系统，管理页面负责组题，前台答题
06-15
【标题】"Web端的答题系统，管理页面负责组题，前台答题"是基于Java Web技术构建的一个在线答题应用。这种系统通常包含两大部分：后台管理界面和前端用户界面。后台用于题目的创建、编辑与管理，而前端则提供用户...
前端页面多个选择器返回api接口的sql查询高效写法
studyday1的博客
09-19 576
表单查询过滤时，一般前端会有多个Select选择器进行下拉选择进行查询，为了减少接口请求的次数，我一般设计的时候，会尽量把下拉选择器的list数据，都汇总在一个接口，进行返回。另外如果xml返回的是Map,数据有多条情况下，Mapper对应的方法的返回值则需要用List。List中再嵌套List,业务场景中需要注意，有时会报错没有这种参数类型支持。Mapper中的方法返回值，因为数据只有一条所以可以直接返回Map。XML中的返回值就可以定义为Map类型。
hibernate将本地SQL查询结果封装成对象
sourceFour的专栏
05-08 8716
hibernate将本地SQL查询结果封装成对象     不知道大家有没有碰过这种情况，迫于很多情况只能用native SQL来查询（如：复杂统计等），然而使用native查询后，结果会被放到object里，要想拿到对应的数据只能由object来强制转换，真的好烦人。因为工作原因，笔者(sourcefour)正在做大量的统计而每次都要进行强制转换，这其实是很麻烦的。我在想如果native S
java sql结果_Java:连接SQL server，并查询数据返回结果
weixin_35378583的博客
02-20 1343
初学JAVA，做下笔记Java8中不支持ODBC桥！！！本次使用方法是使用JDBC 。准备工作：已安装的软件：Eclipse 2019-06SQL server 2014JDK 12.0.2(PS：刚接触Java，安装JDK并配置完后，在CMD中输入java -version,显示的是：java version “12.0.2” 2019-07-16Java™ SE Runtime Environ...
弹出框 子页面值返回父页面
java_pp的专栏
09-13 478
1       parent.html                           -->             function openWin() {             var style = "width=300,height=400,location=no,directories=no,toolbar=no,s
一个简单的数据查询到前端展示总结
dengdengdecai的博客
04-24 1867
前言 做了一个后台查询前端展示的小项目，背景是在前端才刚开始学的时候，以当时能力肯定还差点意思（hh，出自宋老师），当然结果就是面向百度编程啦。项目做完了，从开发到部署一个人搞定历时5天。也算是本人第一个小项目啦，下面当然是要总结了 首先如果我写的有幸被网友大佬们看到，任何细节问题都欢迎指正。（俺才刚开始，是个粗人） 用到的知识 结构（就很简单） 获取数据库连接和操作（druid dbutil) bean包这里犯过两个错 1.bean包要写空参构造器，dbutil获取查询结构要调用的 2.成员变量名字不要
JavaSwing——员工查询窗口
与其终的知识小窝
10-21 1927
员工查询窗口 效果图： 本案例通过四包四类完成 Employee类： package entity; import java.io.Serializable; public class Employee implements Serializable{ private static final long serialVersionUID = -4302992199556055178L;...
sqlserver查询结果返回前台
06-12
如果你是在使用纯Javascript开发前端页面，则可以使用Ajax技术向后台发起请求，查询数据库并将结果返回到前端页面，然后使用JS DOM操作将数据展示在页面上。 具体实现方法需要根据具体的开发环境和技术栈来确定。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值