我目前正在学习使用 JSP 和 Servlet 进行 Java 服务器端编程。我创建了一个简单的动态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 会根据用户的选择使用图像更新大屏幕封面。如您所见,我为此使用了 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);
它按预期工作。我无法弄清楚如何根据选择更改大屏幕文本。我正在寻找一种方法来替换行 <h1>Hello, World!</h1>
在 index.jsp 中,根据用户从 servlet 中进行的选择(最好使用 getRequestDispatcher()),使用自定义文本(类似于 <h1>Yay, Apples!</h1>
)。有什么提示可以实现这一目标吗?
注意:
1. 登陆页面必须有静态大屏幕文本(Hello, World!)
2. 更改必须反射(reflect)在同一页面上。我不打算创建一个
单独的jsp。
我是初学者,所以如果我错过了明显的解决方案,请体谅。谢谢。
最佳答案
我认为你的整个问题最终可以归结为这样的:
I would like to show a static default value when an EL expression does not evaluate to anything.
在这种情况下,请在条件表达式中使用空
运算符。
<h1>${empty title ? 'Hello World' : title}</h1>
那么,如果您想更改它,只需在 servlet 中添加以下行即可。
request.setAttribute("title", "Not a Hello World");
您甚至可以将其完全保留在 View 端,因为您基本上对名为 option
的请求参数的值感兴趣。
<h1>${param.option eq 'apples' ? 'Yay, Apples!' : param.option eq 'oranges' ? 'Yay, Oranges!' : 'Hello World'}</h1>
关于java - 动态替换 Java Servlet 中的 HTML 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33998768/