从数据库检索到的数据中的新行到 jsp

Question

我正在尝试使用JSP创建一个网页，主页返回并显示从数据库到 JSP 文件的日期，并且有一个编辑按钮允许编辑消息并因此编辑数据库中的数据，我修改了通过声明String convert = rs.getString("template");显示主页的文本String convert = rs.getString("template"); 然后打印convert但是当我单击编辑时，尽管文本包含 br 标签，但文本显示为来自数据库； 它显示没有换行。

这里是主页面的运行

这里是运行编辑页面

我试图改变获取数据的方式，如 img No. 3 所示，但它对我也不起作用

我的问题是在这种情况下如何插入新行？

代码按预期运行，只有这个显示问题。 这是 Edit.JSP 的代码

<%@ page language="java" contentType="text/html; charset=windows-1256"
    pageEncoding="windows-1256" import="java.io.*" import="java.sql.*"
    import="java.util.*" import="javax.sql.*"%>


<!DOCTYPE html>
<html>
<body>

    <%
    String url = "jdbc:sqlserver://DESKTOP-SQ7B6EQ;databaseName=JsonToSql";

    String username = "";
    String password = "";
    Statement stmt = null;
    ResultSet rs = null;
    PreparedStatement ps = null;
    Connection con = null;

    Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver").newInstance();
    con = DriverManager.getConnection(url, username, password);
    %>

    <form method="post" action="">
        <%
        stmt = con.createStatement();
        String u = request.getParameter("u");
        int num = Integer.parseInt(u);
        String data = "select * from DatabaseMsgs where id = '" + num + "' ";
        rs = stmt.executeQuery(data);

        while (rs.next()) {
        %>


        <h3 align="left"
            style="Color: white; font-size: 18px; color: black; font-family: 'Exo 2', sans-serif;">
            Welcome to edit page</h3>
        <input class="container" type="hidden" name="id"
            value="<%=rs.getString("id")%>">
        <table border="0">
            <tr align="left"
                style="font-weight: bold; font-family: 'Festive', curesultive; text-transform: capitalize; font-size: 15px; color: #203bd6">
                <td>code:</td>
                <td><input type="text" name="code"
                    value='<%=rs.getString("code")%>' /></td>
            </tr>
        <%--    <%
            String convert = rs.getString("template").replaceAll("EmployeeName:", "Employee Name:")
                    .replaceAll("Luc", "Lucation").replaceAll("TelephoneNo", "Telephone No.").replaceAll("E-mail", "E-mail:")
                    .replaceAll("Mobile", "Mobile No. : ").replaceAll("phoneExtension", "phone Extension No.:")
                    .replaceAll("[* \\  ----------------------- ]", " ").replaceAll("\\[", "").replaceAll("\\]", "");
            %> --%>
            <tr align="left">
                <td
                    style="font-weight: bold; font-family: 'Festive', curesultive; text-transform: capitalize; font-size: 15px; color: #203bd6">template:</td>


                <td><input  type="text" style="width: 100ch; height: 30ch;"
                    name="template" value='<%=rs.getString("template")%>' /></td>
            </tr>
            <tr align="left" valign="top">
                <td></td>

                <%
                }
                %>
                <td><button type="submit" class="btn btn-warning" >Edit</button></td>
            </tr>
        </table>
    </form>
</body>
</html>

<%
String a = request.getParameter("id");
String b = request.getParameter("code");
String c = request.getParameter("template");

if (a != null && b != null && c != null) {

    String query = "update DatabaseMsgs set code = ? , template=? where id = '" + a + "' ";
    ps = con.prepareStatement(query);
    ps.setString(1, b);
    ps.setString(2, c);

    ps.executeUpdate();
    response.sendRedirect("Home.jsp");
}

    %>

`

Answer 1

HTML 输入元素、类型文本或类似的东西（例如电子邮件）会故意去除所有换行符，因此这是行不通的。

唯一接受换行符的表单元素是 textarea。

另外，不要使用<br>或'\\n'使用
 在要添加新行的地方

所以，而不是使用，

<input type="text" name="test" value='<%=convert %>'/>

采用

<textarea cols='60' rows='8' va> <%=convert %> </textarea>

例如：

<textarea cols='30' rows='2' va>This is my statement one.&#13;&#10;This is my statement2</textarea>

会导致

您可以通过调整cols和rows来调整 textarea 的高度和宽度。

为了使它看起来更像一个输入字段，

试试这个，

 function auto_height(elem) { elem.style.height = "1px"; elem.style.height = (elem.scrollHeight)+"px"; }

 .auto_height { /* CSS */ width: 100%; }

 <textarea rows="2" class="auto_height" oninput="auto_height(this)">line1&#13;&#10line2</textarea>