JSP项目示例

最新推荐文章于 2025-03-31 18:55:09 发布

原创最新推荐文章于 2025-03-31 18:55:09 发布

· 1.3k 阅读

29 ·

版权

文章标签：

#java #开发语言

JSP技术入门同时被 2 个专栏收录

4 篇文章

订阅专栏

Web应用架构

4 篇文章

订阅专栏

JSP（JavaServer Pages）是一种用于开发动态网页的技术。它通过在服务器端处理网页内容并生成 HTML，来实现与用户的交互。下面是 JSP 的基本工作流程和使用步骤：

JSP 的工作流程

创建 JSP 文件：
- 开发者编写一个以 .jsp 结尾的文件，其中可以包含 HTML 代码和嵌入的 Java 代码。
用户请求：
- 用户通过浏览器发送请求访问该 JSP 文件。
服务器处理请求：
- Web 服务器接收到请求后，将 JSP 文件传递给 servlet 引擎。
- 如果 JSP 文件是首次请求或已更新，JSP 会被转换为一个 Java Servlet，并编译成字节码。这个过程包括：
  - 解析 JSP 文件中的 Java 代码和 HTML。
  - 生成相应的 Java 代码。
  - 将生成的代码编译为一个 servlet 类。
执行 Servlet：
- 这个生成的 servlet 被执行，处理逻辑后生成动态内容。这里的动态内容通常是 HTML。
响应用户：
- 生成的 HTML 内容被传回 Web 服务器，并最终发送到用户的浏览器。
浏览器渲染页面：
- 用户的浏览器接收到 HTML 内容，渲染并显示给用户。

JSP 使用步骤

下面是使用 JSP 开发网站的基本步骤：

设置开发环境：
- 安装 Java 开发工具包（JDK）。
- 安装 Web 服务器（如 Apache Tomcat），并配置好环境。
创建 JSP 文件：
- 在文本编辑器或集成开发环境（IDE，如 Eclipse 或 IntelliJ IDEA）中创建一个 .jsp 文件。

编写 JSP 代码：

在 JSP 文件中编写 HTML 和 Java 代码。例如：

<% 
    String name = request.getParameter("name");
%>
<html>
<body>
    <h1>欢迎, <%= name != null ? name : "访客" %>!</h1>
</body>
</html>

将 JSP 文件部署到 Web 服务器：
- 将 JSP 文件放置到 Web 服务器的适当目录（如 webapps/ROOT 目录）。
启动服务器：
- 启动 Web 服务器，确保它正在运行。
访问 JSP 页面：
- 通过浏览器访问 JSP 页面（例如 http://localhost:8080/yourfile.jsp）。
调试和测试：
- 根据需要调整 JSP 代码并重新加载页面以查看更改。

注意事项

Java 代码与 HTML 分离：尽量避免在 JSP 中混入大量 Java 代码，使用 JavaBean、Servlet 或 MVC 架构更好地分离业务逻辑和表示层。
安全性：处理用户输入时要注意安全问题，防止 SQL 注入和 XSS 攻击等。

示例项目

假设你想创建一个简单的计算器网页，你可以有一个 JSP 文件（如 calculator.jsp），其中包含表单输入和简单的 Java 逻辑来处理输入并返回计算结果。

好的，下面是一个简单的 JSP 示例项目，它实现了一个基本的计算器功能，允许用户输入两个数字并选择一个运算（加法、减法、乘法或除法），然后显示结果。这个项目包括一个 JSP 页面和相应的后台逻辑。

项目结构

CalculatorProject/
├── WEB-INF/
│   └── web.xml
└── calculator.jsp

1. 创建 `calculator.jsp`

这是用户与计算器交互的界面。在这个 JSP 文件中，我们将创建一个简单的表单，供用户输入数字和选择运算。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>简单计算器</title>
</head>
<body>
    <h2>简单计算器</h2>
    <form action="calculator.jsp" method="post">
        <label for="num1">数字1:</label>
        <input type="text" id="num1" name="num1" required>

        <label for="num2">数字2:</label>
        <input type="text" id="num2" name="num2" required>

        <label for="operation">运算:</label>
        <select id="operation" name="operation">
            <option value="add">加</option>
            <option value="subtract">减</option>
            <option value="multiply">乘</option>
            <option value="divide">除</option>
        </select>

        <input type="submit" value="计算">
    </form>

    <%
        // 获取表单数据
        String num1Str = request.getParameter("num1");
        String num2Str = request.getParameter("num2");
        String operation = request.getParameter("operation");

        if (num1Str != null && num2Str != null && operation != null) {
            try {
                double num1 = Double.parseDouble(num1Str);
                double num2 = Double.parseDouble(num2Str);
                double result = 0;

                switch (operation) {
                    case "add":
                        result = num1 + num2;
                        break;
                    case "subtract":
                        result = num1 - num2;
                        break;
                    case "multiply":
                        result = num1 * num2;
                        break;
                    case "divide":
                        if (num2 != 0) {
                            result = num1 / num2;
                        } else {
                            out.println("<h3>错误: 除数不能为零!</h3>");
                        }
                        break;
                }

                // 显示结果
                if (operation.equals("divide") && num2 != 0) {
                    out.printf("<h3>结果: %.2f</h3>", result);
                } else if (!operation.equals("divide")) {
                    out.printf("<h3>结果: %.2f</h3>", result);
                }

            } catch (NumberFormatException e) {
                out.println("<h3>请输入有效的数字!</h3>");
            }
        }
    %>
</body>
</html>

2. 创建 `web.xml`

web.xml 是配置文件，定义了 Web 应用的配置。对于简单的 JSP 项目，这个文件也可以是非常基本的，只需提供最基本的结构即可。具体内容可以根据需要进行扩展。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
         http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">

    <servlet>
        <servlet-name>jsp</servlet-name>
        <jsp-file>/calculator.jsp</jsp-file>
    </servlet>
    
    <servlet-mapping>
        <servlet-name>jsp</servlet-name>
        <url-pattern>/calculator.jsp</url-pattern>
    </servlet-mapping>

</web-app>

项目运行步骤

设置开发环境：
- 确保你已经安装了 JDK 和 Web 服务器（如 Apache Tomcat）。
创建项目结构：
- 在你的 Web 服务器配置的 webapps 文件夹中，创建一个名为 CalculatorProject 的文件夹，并在其中创建 WEB-INF 文件夹。
编写代码：
- 将上述 calculator.jsp 代码放入 CalculatorProject 文件夹中。
- 将 web.xml 文件放入 WEB-INF 文件夹中。
启动 Tomcat 服务器：
- 启动 Apache Tomcat 服务器。
访问计算器：
- 打开浏览器，访问 http://localhost:8080/CalculatorProject/calculator.jsp。