Question

所以我正在尝试用数据库和图表做一些基本的东西。我已经让我的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>

Answer 1

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

Answer 2

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

你的直觉很好：JSP中的scriptlet代码是个坏主意。

你无需直接进入框架。在没有框架的情况下忍受这样做的痛苦甚至可能是有价值的。你下次再欣赏一次。

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

容易腻。祝你好运。

Answer 3

我在这里有一个简单的例子：In a JSP MVC design is it possible to automatically invoke a Command upon page load?

查看它的方法是将JSP文件简单地视为页面应该是什么样的模板。无论您有什么动态的东西，从页面视图到页面视图都有所不同，您可以放置持有者。然后，在您的servlet中，填充这些占位符。一旦填充它们，就转发到JSP，它接受值并将它们放在页面中的适当位置。

阅读JSTL和JSP表达语言。

从JSP Scriptlet迁移到Servlet

3 个答案: