使用eclipse构建一个 Java Web 工程,使用 JSP / PHP + Tomcat ,在本地实现一个简单的网站,主页上做一个输入框,输入英文字符串,返回字符串大写。详细代码
时间: 2023-05-31 14:06:42 浏览: 163
搭建Eclipse+MyEclipse+tomcat开发环境+开发J2EE的第一步.pdf
1. 创建一个 Java Web 工程
首先,在 Eclipse 中创建一个新的 Java Web 工程。
1.1 打开 Eclipse,点击 File -> New -> Other,在弹出的窗口中选择 "Web" 标签,然后选择 "Dynamic Web Project"。
1.2 在 "Dynamic Web Project" 对话框中,输入项目名称和目标运行时(Tomcat),然后点击下一步。
1.3 在下一个对话框中,选择 "Generate web.xml deployment descriptor",然后点击下一步。
1.4 在下一个对话框中,选择 "JavaServer Faces",然后点击下一步。
1.5 在下一个对话框中,选择 "JSF implementation library",然后点击下一步。
1.6 在下一个对话框中,选择 "JSF implementation library",然后点击下一步。
1.7 在下一个对话框中,选择 "JSF implementation library",然后点击下一步。
1.8 在下一个对话框中,点击 "Finish"。
2. 添加 JSP 页面
在创建好的 Java Web 工程中,添加一个 JSP 页面,用来输入英文字符串并返回字符串大写。
2.1 右键点击工程,选择 "New" -> "JSP File"。
2.2 在 "New JSP File" 对话框中,输入 "index.jsp" 作为文件名,然后点击 "Finish"。
2.3 在 index.jsp 页面中添加以下代码:
<!DOCTYPE html>
<html>
<head>
<title>Convert to Uppercase</title>
</head>
<body>
<h1>Convert to Uppercase</h1>
<form action="convert.jsp" method="post">
<label>Enter text:</label>
<input type="text" name="inputText" />
<button type="submit">Convert</button>
</form>
</body>
</html>
3. 添加转换逻辑
在工程中添加一个名为 "convert.jsp" 的 JSP 页面,用来处理输入的字符串并返回大写的结果。
3.1 右键点击工程,选择 "New" -> "JSP File"。
3.2 在 "New JSP File" 对话框中,输入 "convert.jsp" 作为文件名,然后点击 "Finish"。
3.3 在 convert.jsp 页面中添加以下代码:
<%
String inputText = request.getParameter("inputText");
String outputText = inputText.toUpperCase();
%>
<!DOCTYPE html>
<html>
<head>
<title>Convert to Uppercase</title>
</head>
<body>
<h1>Convert to Uppercase</h1>
<p>Input text: <%=inputText%></p>
<p>Output text: <%=outputText%></p>
</body>
</html>
4. 部署到 Tomcat
4.1 右键点击工程,选择 "Run As" -> "Run on Server"。
4.2 在 "Run on Server" 对话框中,选择 "Tomcat v9.0 Server",然后点击 "Finish"。
4.3 在浏览器中输入 "http://localhost:8080/工程名称/index.jsp",然后按回车键。
4.4 在输入框中输入一些英文字符,然后点击 "Convert" 按钮,即可看到转换后的大写字符串。
完整代码如下:
index.jsp:
<!DOCTYPE html>
<html>
<head>
<title>Convert to Uppercase</title>
</head>
<body>
<h1>Convert to Uppercase</h1>
<form action="convert.jsp" method="post">
<label>Enter text:</label>
<input type="text" name="inputText" />
<button type="submit">Convert</button>
</form>
</body>
</html>
convert.jsp:
<%
String inputText = request.getParameter("inputText");
String outputText = inputText.toUpperCase();
%>
<!DOCTYPE html>
<html>
<head>
<title>Convert to Uppercase</title>
</head>
<body>
<h1>Convert to Uppercase</h1>
<p>Input text: <%=inputText%></p>
<p>Output text: <%=outputText%></p>
</body>
</html>
阅读全文