0

所以我正在尝试用数据库和图表做一些基本的事情。我已经让我的 JSP 代码工作了，但我想将它移到 servlet/其他资源，因为我听说在 jsp 中做所有事情是一个非常糟糕的主意。我对 servlet 进行了一些研究，但我对它们如何工作/与 jsps 和其他文件链接感到非常困惑。

我知道我想要将 d3.js 代码保留在 .jsp 中（可能），但我主要关心数据库连接代码。

这是我的 JSP：

    <%@ page language="java" import="java.sql.*, java.util.*"%>

<html>
    <head>
        <title>D3 Test</title>
        <script type="text/javascript" src="d3/d3.v2.js"></script>
        <style type="text/css">
        </style>
    </head>
    <body>

    <%
    Class.forName("com.mysql.jdbc.Driver");



Connection con=null;
ResultSet rst=null;
Statement stmt=null;
try{
String url="jdbc:mysql://localhost:3306/testdb?user=root&password=password";

int i=1;
con=DriverManager.getConnection(url);
stmt=con.createStatement();
rst=stmt.executeQuery("select * from test ");

%>
        <script type="text/javascript">

            var dataset = [ 
    <% while (rst !=null && rst.next()) { %>
       <%=rst.getInt("ID")%>, 
    <% }%>
    ]; 

            var w = 500;
            var h = 340;
            var barPadding = 1;
            /*var xScale = d3.scale.linear()
                                 .domain([0, d3.max(dataset, function(d) { return d[0]; })])
                                 .range([padding, w - padding * 2]);

            var yScale = d3.scale.linear()
                                 .domain([0, d3.max(dataset, function(d) { return d[1]; })])
                                 .range([h - padding, padding]);*/
            var svg = d3.select("body")
                        .append("svg")
                        .attr("width", w)
                        .attr("height", h);
            svg.selectAll("rect")
                .data(dataset)
                .enter()
                .append("rect")
                .attr("id", "rect1")
                .attr("x", function(d, i) {
                        return i * (w / dataset.length);
                    })
                .attr("y", function(d) {
                    return h - d*4;
                })
                .attr("width", w/ dataset.length - barPadding)
                .attr("height", function(d) {
                    return d * 4;
                })
                .attr("fill", function(d) {
                    return "rgb(0, 0, " + (d * 10) + ")";
                });

            svg.selectAll("text")
                .data(dataset)
                .enter()
                .append("text")
                .text(function(d) { 
                    return d;
                })
                .attr("x", function(d, i) {
                    return i * (w / dataset.length)+ (75 / dataset.length);
                })
                .attr("y", function(d) { 
                    return h - (d * 4) + 15;
                })
                .attr("font-family", "sans-serif")
                .attr("font-size", "11px")
                .attr("fill", "white");
                <%   
    } finally {
        if (stmt != null) { stmt.close(); }
    }%>
        </script>

    </body>
</html>
4

3 回答 3

2

绝对使用多层来构建一个 Web 应用程序有很大的好处。以下响应将非常有用：

于 2012-05-24T20:28:56.080 回答
0

JSP 如何与 servlet 通信？当然，通过发出 HTTP<form>请求或 AJAX 调用。

您的直觉是好的：JSP 中的 scriptlet 代码是一个非常糟糕的主意。

您无需直接跳入框架泥潭。在没有框架的情况下忍受痛苦甚至可能是有价值的。下次你会再欣赏一个。

找出您需要传递给 servlet 以执行查询的内容。通过 POST<form>到 servlet URL 来做到这一点。servlet 将获取请求参数名称/值对，将它们绑定到查询，将 ResultSet 映射到对象或集合，并将其添加到页面、请求或会话范围以进行呈现。它还会说明要显示的下一页应该是什么。

十分简单。祝你好运。

于 2012-05-24T20:39:45.840 回答
0

我在这里有一个简单的例子：在 JSP MVC 设计中是否可以在页面加载时自动调用命令？

看待它的方法是将 JSP 文件简单地视为页面外观的模板。无论您在哪里有动态的东西，从页面视图到页面视图的变化，您都可以放置占位符。然后，在您的 servlet 中填充这些占位符。一旦它们被填充，您将转发到 JSP，JSP 接受这些值并将它们放在页面中的适当位置。

阅读 JSTL 和 JSP 表达式语言。

于 2012-05-24T20:40:06.487 回答