SYD19970128 2023-03-08 11:00 采纳率: 20%
浏览 73
已结题

ext框架做sql执行页面

做一个sql执行的页面，第一行执行语句：
第二行执行的状态信息
第三行显示sql的执行数据，后台已经写好了，之前查阅的资料是用ajax与后台互联，框架是ext的框架
按钮功能是执行和导出，有谁能提供下大致的模板嘛

  • 写回答

7条回答

  • 「已注销」 2023-03-08 11:08
    关注

    “Devil组”引证GPT后的撰写：
    以下是一个基本的 SQL 执行页面的示例代码：

    <!DOCTYPE html>
<html>
<head>
    <title>SQL 执行页面</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.sencha.com/ext/gpl/6.7.0/build/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.sencha.com/ext/gpl/6.7.0/build/classic/theme-classic/resources/theme-classic-all.css">
    <style type="text/css">
        #result {
            height: 300px;
            overflow: auto;
            border: 1px solid #ccc;
            padding: 5px;
        }
    </style>
</head>
<body>
    <h1>SQL 执行页面</h1>
    <form id="sql-form">
        <label for="sql-input">SQL 语句：</label>
        <input type="text" id="sql-input" name="sql" size="100">
        <br>
        <label for="status">执行状态：</label>
        <span id="status">等待执行</span>
        <br>
        <label for="result">执行结果：</label>
        <pre id="result"></pre>
        <br>
        <button type="button" id="execute-btn">执行</button>
        <button type="button" id="export-btn">导出</button>
    </form>

    <script type="text/javascript">
        Ext.onReady(function() {
            // 点击执行按钮
            $("#execute-btn").click(function() {
                // 获取 SQL 语句
                var sql = $("#sql-input").val();

                // 发送 Ajax 请求执行 SQL
                $.ajax({
                    url: "/execute-sql.php",
                    type: "POST",
                    data: { sql: sql },
                    beforeSend: function() {
                        // 显示执行状态
                        $("#status").text("正在执行...");
                    },
                    success: function(data) {
                        // 显示执行结果
                        $("#result").text(data);
                        // 显示执行状态
                        $("#status").text("执行完成");
                    },
                    error: function() {
                        // 显示执行状态
                        $("#status").text("执行出错");
                    }
                });
            });

            // 点击导出按钮
            $("#export-btn").click(function() {
                // 获取 SQL 语句
                var sql = $("#sql-input").val();

                // 创建一个隐藏的表单，用于提交 SQL 并下载文件
                var form = $("<form>")
                    .attr("method", "POST")
                    .attr("action", "/export-sql.php")
                    .css("display", "none")
                    .appendTo("body");
                $("<input>")
                    .attr("type", "hidden")
                    .attr("name", "sql")
                    .attr("value", sql)
                    .appendTo(form);
                form.submit();
            });
        });
    </script>
</body>
</html>

    上述示例代码使用了 ExtJS 6.7 和 jQuery 库，并定义了一个包含 SQL 输入框、执行状态、执行结果和执行、导出按钮的表单。点击执行按钮时，通过 Ajax 请求发送 SQL 到后台并获取执行结果，在页面中显示执行状态和执行结果。点击导出按钮时，创建一个隐藏的表单，将 SQL 语句作为表单参数提交到后台，并下载返回的文件。在后台代码中，需要根据接收到的 SQL 语句执行查询，并将结果返回给前端页面。以下是示例后台代码：

    <?php

// 获取 POST 请求中的 SQL 语句
$sql = $_POST['sql'];

// 连接数据库并执行查询
$conn = mysqli_connect('localhost', 'username', 'password', 'database');
$result = mysqli_query($conn, $sql);

// 将查询结果转换成 HTML 表格格式
$table = '<table>';
$table .= '<tr>';
foreach (mysqli_fetch_fields($result) as $field) {
    $table .= '<th>' . $field->name . '</th>';
}
$table .= '</tr>';
while ($row = mysqli_fetch_row($result)) {
    $table .= '<tr>';
    foreach ($row as $value) {
        $table .= '<td>' . $value . '</td>';
    }
    $table .= '</tr>';
}
$table .= '</table>';

// 返回 HTML 格式的查询结果
echo $table;

mysqli_close($conn);

    另外，需要创建一个用于接收 SQL 语句并生成文件的后台脚本，示例代码如下：

    <?php

// 获取 POST 请求中的 SQL 语句
$sql = $_POST['sql'];

// 连接数据库并执行查询
$conn = mysqli_connect('localhost', 'username', 'password', 'database');
$result = mysqli_query($conn, $sql);

// 将查询结果转换成 CSV 格式
$output = fopen('php://output', 'w');
fputcsv($output, mysqli_fetch_fields($result)->name);
while ($row = mysqli_fetch_row($result)) {
    fputcsv($output, $row);
}
fclose($output);

// 设置响应头，指定下载的文件名和 MIME 类型
header('Content-Type: application/csv');
header('Content-Disposition: attachment; filename="query.csv"');

mysqli_close($conn);

    上述代码将查询结果转换为 CSV 格式，并设置响应头，使浏览器弹出下载对话框。最后，需要将上述两个后台脚本保存为 execute-sql.php 和 export-sql.php，并将前端页面中的请求 URL 修改为对应的地址。

    评论 编辑记录

报告相同问题？

  • VS下的 EXT MVC模型（利用SQL数据库）
    2017-07-08 10:43
    EXT是一个强大的JavaScript框架，它提供了丰富的用户界面组件和MVC（Model-View-Controller）架构，用于构建富客户端应用。SQL数据库则是存储和管理数据的重要工具。我们将覆盖以下几个关键知识点： 1. **EXT MVC...
  • ExtJs Web开发框架ExtApp v1.0.0
    2017-04-16 12:32
    在ExtApp框架中，ExtJs作为前端UI层的核心，提供了大量的组件和布局模式，可以构建出美观且功能丰富的用户界面。它的组件化设计使得UI模块化，易于维护和重用。此外，ExtJs还支持数据绑定，使得前端和后端的数据交互...
  • MVC+EF+EXT框架源码
    2016-02-18 15:38
    **标题：“MVC+EF+EXT框架源码”** 该标题揭示了一个软件开发项目，它采用了微软的MVC（Model-View-Controller）框架、Entity Framework（EF）以及EXT.js库来构建。这个项目的核心是将这三个技术融合，创建一个功能...
  • Ext.Net MVC EF5 框架
    2013-05-03 21:15
    Ext.Net MVC EF5框架是一个基于.NET Framework 5的前端UI库和后端数据访问框架的组合，用于构建功能丰富的、交互式的Web应用程序。这个框架结合了Ext.Net的强大的JavaScript组件库与ASP.NET MVC的模式和控制器架构，...
  • struts2框架 spring框架Ext框架 Mybatis框架 mysql 增删改查
    2015-12-03 12:06
    Ext框架，特别是Ext JS，是一个用于构建富客户端Web应用的JavaScript库，提供了丰富的组件库和数据绑定机制，能够构建出复杂的用户界面。 Mybatis是一个轻量级的持久层框架，它简化了SQL操作，通过XML或注解配置将...
  • 物流管理系统-Ext+SSH框架-project.rar
    2023-06-15 16:50
    本项目“物流管理系统-Ext+SSH框架-project.rar”是一个基于特定技术栈实现的系统，采用的是Ext前端框架和SSH（Struts2、Spring、Hibernate）后端框架的组合，旨在提供一个全面的解决方案来管理物流业务。...
  • SSH框架_Ext技术做前台显示的客户关系管理系统.zip
    2020-08-26 14:36
    SSH框架和Ext技术是开发企业级应用的两个关键组件，特别是在构建客户关系管理系统（CRM）时。SSH，即Struts、Spring和Hibernate的首字母缩写，是一个流行的Java Web开发框架，而Ext则是一个用于创建富客户端应用程序...
  • EXT+VS2008+SQLSERVER2008报表系统
    2016-03-15 13:08
    【EXT技术】EXT是一种基于JavaScript的前端开发框架，主要用于构建富客户端应用。EXT提供了一整套组件库，包括数据绑定、布局管理、表格、图表等多种功能，使得开发者能够轻松创建功能丰富的、用户交互性强的Web应用...
  • struts2中用ext框架显示树（tree）形菜单
    2019-03-17 01:37
    总结来说，结合Struts2和EXT框架创建树形菜单涉及前端的EXT TreePanel配置和后端Struts2 Action的实现，以及数据的交互和处理。这个过程既需要对JavaScript和EXT框架有深入理解，也需要熟悉Struts2的MVC模式和JSON...
  • Java ibatis ext spring DWR SQL全套PDF
    2012-12-23 13:06
    Java开发领域涵盖了许多技术栈，本套PDF集合涵盖了Java企业级开发中的重要组件和技术，包括iBatis、EXT、Spring和Direct Web Remoting (DWR)以及SQL。这些技术是构建高效、可扩展的Web应用的基础，对于Java开发者来...
  • ext2.0+struts2.1+spring2.0+jdbc框架
    2019-05-27 03:10
    在上述框架中，JDBC通常被用来实现数据访问层（DAO，Data Access Object），允许开发者执行SQL查询，操作数据库记录。Spring2.0通过其JdbcTemplate和Hibernate等工具，简化了JDBC的操作，避免了常见的资源管理和错误...
  • Ext+sqlserver增删改查简单实例
    2009-07-09 09:54
    总的来说，"Ext+sqlserver增删改查简单实例"是一个基础但实用的教程，它帮助初学者理解如何将前端框架与关系型数据库集成，进行基本的数据操作和分页显示。通过深入学习和实践，开发者可以进一步提升Web应用的复杂性...
  • 龙门物流管理系统(Ext+SSH).rar
    2023-11-10 01:08
    《龙门物流管理系统(Ext+SSH)》是一款基于JSP技术构建的物流管理软件，结合了SSH（Struts、Spring、Hibernate）三大框架，为用户提供了一套完整的物流业务流程解决方案。这款系统不仅适合初学者进行学习和实践，也...
  • EXT JSON Sqlserver 分页 全部正常运行
    2008-10-08 02:07
    5. 示例的实现流程：用户在EXT JS的Grid中触发分页操作，请求发送到JSP页面，JSP调用JavaBean执行SQL查询，获取指定范围的数据，将结果集转化为JSON，最后返回给EXT JS应用，更新Grid显示。 这个例子涵盖了前端开发...
  • 龙门物流管理系统(Ext+SSH)130221.rar
    2023-11-10 01:08
    《龙门物流管理系统(Ext+SSH)130221》是一个基于JSP技术的物流管理系统的源码实现，主要用于教学实践和毕业设计用途。这个系统结合了Java、SQL等核心技术，为用户提供了一套完整的物流业务流程管理解决方案。在本文...
  • 图书管理系统(struts+hibernate+spring+ext).rar
    2023-11-10 01:14
    本系统采用经典的技术栈——Struts、Hibernate和Spring（SSH），结合EXT前端框架，构建了一个高效、易用且功能全面的图书管理系统。这个系统不仅适用于学习和练手，也是进行毕业设计或课程设计的理想模板。 1. **...
  • course_ext11.rar_course_ext11_extjs
    2022-09-24 16:17
    在本项目中，“course_ext11.rar_course_ext11_extjs”是一个压缩包，它包含了一个使用SSH（Spring、Struts、Hibernate）框架与ExtJS前端库开发的选课系统。这个系统主要实现了CRUD（Create、Read、Update、Delete）...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月16日
  • 创建了问题 3月8日