Question

我目前正在学习使用JSP和Servlet的Java Server Side编程。我创建了一个简单的动态Web项目并将其部署在apache tomcat中。基本上，只有一个页面（jsp）作为前端，根据用户选择的内容（窗体/单选按钮）动态更改servlet。

The directory structure:
|   index.jsp
|
+---img
|       apples.jpg
|       oranges.jpg
|       salad.jpg
|       strawberries.jpg
|
\---WEB-INF
    |   web.xml
    |
    \---classes
            DynamicServlet.class
            DynamicServlet.java

我已配置 web.xml 以启动index.jsp @（http://localhost:port/contextname）

<web-app>
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>    
</web-app>

从index.jsp中取消代码：

...<head>...<style> 
.jumbotron {
    background-image: linear-gradient( rgba(0, 0, 0, ${grad}), rgba(0, 0, 0, ${grad}) ), url('${pageContext.request.contextPath}/img/${img}');
    background-size: cover;
    color: ${color};
}

...<body>
<div class="container"> <!-- jumbotron-container -->
    <div class="jumbotron">
        <h1>Hello, World!</h1> <!-- <====This line====> -->
    </div>  <!-- /jumbotron --> 
</div>  <!-- /jumbotron container -->

<div class="container"> <!-- form-container -->
    <form action="${pageContext.request.contextPath}/magic" method="get">
        <label class="form-label">Pick your favorite:</label>
        <div class="input-group form-group col-xs-6">
            <span class="input-group-addon">
                <input type="radio" name="option" value="apples">
            </span>
            <input type="text" class="form-control" disabled="disabled" placeholder="Apples">
        </div>  <!-- /apples -->

        <div class="...
        </div>  <!-- /oranges -->

        <div class="...
        </div>  <!-- /strawberries -->

        <div class="...
        </div>  <!-- /salad -->

        <input type="submit" class="btn btn-primary" value="Submit">
    </form> <!-- /form -->
</div>  <!-- /form-container -->

结果是这样的：

现在，当用户进行选择并提交时，servlet会根据用户选择使用图像更新jumbotron封面。我已经使用了EL，你可以看到。

Servlet代码：

    ...doGet(HttpServletRequest.....{
           String option = request.getParameter("option");
           try {
                switch (option) {
                    case "apples":
                        request.setAttribute("img", "apples.jpg");
                        break;

                    case "oranges":....and so on

    }...
  ...request.getRequestDispatcher("index.jsp").forward(request, response);

它按预期工作。我无法弄清楚的是如何根据选择更改 jumbotron文本。我正在寻找一种方法以某种方式替换 index.jsp中的行<h1>Hello, World!</h1>与自定义文本（类似<h1>Yay, Apples!</h1>），基于用户从servlet的选择，最好使用的getRequestDispatcher（）。实现这一目标的任何提示？

注意： 1.登陆页面必须有一个静态的jumbotron文本（Hello，World！）
2.更改必须反映在同一页面上。我不打算创建一个单独的jsp。

我是初学者所以如果我错过了一个明显的解决方案，请体谅。感谢。

Answer 1

我认为你的整个问题最终归结为这样的事情：

我想在EL表达式不计算任何内容时显示静态默认值。

在这种情况下，请在条件表达式中使用empty运算符。

<h1>${empty title ? 'Hello World' : title}</h1>

如果您想要更改它，那么它只是servlet中的下行问题。

request.setAttribute("title", "Not a Hello World");

您甚至可以将其完全保留在视图方面，因为您基本上对名称为option的请求参数的值感兴趣。

<h1>${param.option eq 'apples' ? 'Yay, Apples!' : param.option eq 'oranges' ? 'Yay, Oranges!' : 'Hello World'}</h1>

动态替换Java Servlet中的HTML代码

1 个答案: