java - 动态替换 Java Servlet 中的 HTML 代码

标签 java html jsp servlets el

我目前正在学习使用 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 -->

结果是这样的: jumbotron

现在,当用户做出选择并提交时,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/

相关文章:

html - 如何像本网站的 askquestion 标签 block 一样创建输入标签样式?

javascript - 如何使用 javascript 从 http 站点获取数据到 html 表中?

java - 如何调用位于不同WAR文件中的jsp

jsp - struts,包含jsp页面

java - GAE channel 在一段时间后不起作用

java - 私有(private)实例方法在运行时不受限制吗?

javascript - HTML,CSS,JS 日历添加

spring - mvn spring-boot :run vs java -jar

java - 在字符串缓冲区中写入 drools 规则时出错

java - org.springframework.security.authentication.encoding 在 maven 中不存在