javaweb中使用jsp动态生成简单搜索功能html(含代码)

创建一个javaweb项目

在eclipse中完成java开发环境搭建后,
首先在eclipse编译器中创建一个dynamic web project,
再在dynamic web project 项目下的WebContent中创建index.html和search.jsp

如下图所示:
在这里插入图片描述
接下来我们可以开始简单编写javaweb项目里html和jsp所需的代码了;
代码都是手敲代码,有敲错的或者错误的地方请多多谅解。
相应的属性都在之前的基础知识里面提及过,有需要的可以再去阅览一遍温故而知新。

index.html

< !DOCTYPE html>
< html>
< head>
< meta charset=“UTF-8”>
< title> 搜索功能 < /title>
< /head>
< body>
< h1> 这是一个搜索功能的简单页面 < /h1>
< from method=“post” action=“search.jsp”>
< input type=“text” name=“name” value=" ">
< input type=“submit” value=“查找”>
< /form>
< /body>
< /html>

search.jsp

<%@ page language=“java” contentType=“text/html;charset=ISO-8859-1” pageEncoding=“ISO-8859-1”%>
< !DOCTYPE html>
< html>
< head>
< meta charset=“ISO-8859-1”>
< title>搜索功能 < /title>
< /head>
<%
request.setCharacterEncoding(“utf-8”);
String aName = request.getParameter(“name”);
%>
< div>
< img style=“widrh:700px; height:400px” alt=" " src=“img/<%=aName%>.jpg” >
< /div>
< /body>
< /html>

发布了12 篇原创文章 · 获赞 0 · 访问量 166

猜你喜欢

转载自blog.csdn.net/weixin_45722104/article/details/104440910
今日推荐