【javaweb开发--实例-详细教程】

置顶生活De°咸鱼

已于 2024-11-06 11:44:14 修改

阅读量751

点赞数 14

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： java

于 2024-11-01 18:47:01 首次发布

本文链接：https://blog.csdn.net/weixin_44892179/article/details/143438492

Java 专栏收录该内容

16 篇文章

订阅专栏

Java Web 开发是基于 Java 语言的一种开发技术，通常用于构建动态网站和 web 应用程序。下面是一些 Java Web 开发的基本概念和常用技术：

实例：待办事项应用

环境准备

安装 JDK：确保你已经安装了 JDK 8 或更高版本。
安装 IDE：推荐使用 IntelliJ IDEA 或 Eclipse。
安装 Maven：Spring Boot 默认使用 Maven 作为构建工具。

步骤 1：创建 Spring Boot 项目

使用 Spring Initializr 创建项目：
- 访问 Spring Initializr.
- 配置项目：
  - Project: Maven Project
  - Language: Java
  - Spring Boot: 选择最新稳定版本
  - Project Metadata:
    - Group: com.example
    - Artifact: todolist
  - Dependencies: 添加 Spring Web 和 Thymeleaf
- 点击 “Generate” 下载项目压缩包，解压并在 IDE 中打开。

步骤 2：创建模型类

在 src/main/java/com/example/todolist 目录下，创建一个 Todo 类。

package com.example.todolist;

public class Todo {
    private String task;
    private boolean completed;

    public Todo() {}

    public Todo(String task, boolean completed) {
        this.task = task;
        this.completed = completed;
    }

    public String getTask() {
        return task;
    }

    public void setTask(String task) {
        this.task = task;
    }

    public boolean isCompleted() {
        return completed;
    }

    public void setCompleted(boolean completed) {
        this.completed = completed;
    }
}

步骤 3：创建控制器

在同一目录下创建 TodoController 类。

package com.example.todolist;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.ArrayList;
import java.util.List;

@Controller
public class TodoController {
    private final List<Todo> todos = new ArrayList<>();

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("todos", todos);
        return "index";
    }

    @PostMapping("/add")
    public String addTodo(@RequestParam String task) {
        todos.add(new Todo(task, false));
        return "redirect:/";
    }
}

步骤 4：创建 Thymeleaf 模板

在 src/main/resources/templates 目录下，创建 index.html 文件。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>待办事项列表</title>
</head>
<body>
    <h1>待办事项</h1>
    <form action="/add" method="post">
        <input type="text" name="task" placeholder="添加新任务" required>
        <button type="submit">添加</button>
    </form>
    <ul>
        <li th:each="todo : ${todos}">
            <span th:text="${todo.task}">任务</span>
        </li>
    </ul>
</body>
</html>