Java零基础速成文档：与前端对接篇

Java零基础速成文档：与前端对接篇

目录

Java基础
环境搭建
Web开发基础
与前端对接核心技术
实战演练

1.1 变量与数据类型

// 声明变量
String name = "张三"; // 字符串类型
int age = 25;         // 整数类型
double salary = 8500.50; // 浮点类型
boolean isStudent = false; // 布尔类型

1.2 控制流

// 条件判断
if(age >= 18) {
    System.out.println("成年人");
} else {
    System.out.println("未成年人");
}

// 循环
for(int i=0; i<5; i++) {
    System.out.println("当前数字：" + i);
}

1.3 集合框架

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

// 列表
List<String> names = new ArrayList<>();
names.add("李四");
names.add("王五");

// 键值对存储
Map<Integer, String> userMap = new HashMap<>();
userMap.put(1, "张三");
userMap.put(2, "李四");

2.1 JDK安装

下载地址：Oracle JDK
配置环境变量

2.2 开发工具

IntelliJ IDEA (推荐) 或 Eclipse
Maven (依赖管理)

3.1 HTTP协议基础

请求方法：GET, POST, PUT, DELETE
状态码：200, 404, 500等
请求头与响应头

3.2 Spring Boot简介

快速构建Web应用的框架
内嵌Tomcat服务器
自动配置简化开发

4.1 创建Spring Boot项目

curl https://start.spring.io/starter.zip -d dependencies=web,data-jpa -d packageName=com.example.demo -o demo.zip

4.2 创建RESTful API

@RestController
@RequestMapping("/api")
public class UserController {

    @GetMapping("/users")
    public List<User> getUsers() {
        // 获取用户列表逻辑
    }

    @PostMapping("/users")
    public User createUser(@RequestBody User user) {
        // 创建用户逻辑
    }
}

4.3 JSON数据处理

@Entity
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String name;
    private Integer age;
}

@Repository
public interface UserRepository extends JpaRepository<User, Long> {
}

4.4 数据库交互

@Entity
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String name;
    private Integer age;
}

@Repository
public interface UserRepository extends JpaRepository<User, Long> {
}

4.5 跨域配置(CORS)

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/api/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "POST", "PUT", "DELETE");
    }
}

5.1 用户管理系统

1.创建用户实体类
2.实现用户Controller
3.创建Service层
4.配置数据库连接(application.properties)

spring.datasource.url=jdbc:mysql://localhost:3306/demo
spring.datasource.username=root
spring.datasource.password=123456

5.使用Postman测试API

5.2 前后端联调

前端发送AJAX请求调用后端API
处理响应数据并展示

// 示例：获取用户列表
fetch('/api/users')
    .then(response => response.json())
    .then(data => console.log(data));