Spring Boot 技术博客：构建现代Web应用的全栈指南

原创 已于 2024-10-27 11:39:24 修改 · 775 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #后端 #java

于 2024-10-27 11:36:34 首次发布
在这篇教程中，我们将深入探讨如何使用Spring Boot构建一个功能齐全的Web应用程序

JPA（Java Persistence API）

定义

JPA是Java EE的一个标准，用于对象关系映射（ORM）。它允许开发者使用Java对象来操作数据库，而不必直接编写SQL语句。

应用场景

JPA适用于需要与关系型数据库交互的Java应用程序，尤其是在需要简化数据访问层的开发时。

原理剖析

JPA通过注解和XML配置来定义实体类和数据库表之间的映射关系。它使用EntityManager来管理实体的生命周期，包括持久化、检索、更新和删除。

问题来源与解决

传统的JDBC编程需要手动管理SQL和数据库连接，容易出错且难以维护。JPA通过ORM技术简化了这一过程。

实现步骤

  1. 添加依赖：在pom.xml中添加Spring Data JPA和数据库驱动的依赖。

    <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
    <groupId>com.h2database</groupId>
    <artifactId>h2</artifactId>
    <scope>runtime</scope>
</dependency>

  2. 配置数据源：在application.yml中配置数据库连接信息。

    spring:
  datasource:
    url: jdbc:h2:mem:testdb
    driver-class-name: org.h2.Driver
    username: sa
    password: 
  jpa:
    hibernate:
      ddl-auto: update

  3. 定义实体类：

    @Entity
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String username;
    private String password;
    // getters and setters
}

  4. 创建Repository接口：

    public interface UserRepository extends JpaRepository<User, Long> {
    User findByUsername(String username);
}

经验分享

  • 使用JPA时，注意选择合适的fetch策略（EAGER或LAZY）以优化性能。

  • 在开发阶段，可以使用H2数据库进行快速测试。

Thymeleaf

定义

Thymeleaf是一个现代的Java模板引擎，用于生成动态HTML内容。它与Spring Boot无缝集成，支持在服务器端渲染HTML页面。

应用场景

Thymeleaf适用于需要生成动态网页内容的Java Web应用程序，尤其是在需要与Spring MVC结合使用时。

原理剖析

Thymeleaf通过解析HTML模板文件，将动态数据插入到模板中生成最终的HTML页面。它支持多种表达式语言和条件渲染。

问题来源与解决

传统的JSP页面在开发和调试时不够直观，Thymeleaf通过自然模板的方式解决了这一问题，使得模板在浏览器中也能正常显示。

实现步骤

  1. 添加依赖：在pom.xml中添加Thymeleaf的依赖。

    <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

  2. 创建HTML模板：

    <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Welcome</title>
</head>
<body>
    <h1 th:text="'Hello, ' + ${name} + '!'">Hello, World!</h1>
</body>
</html>

  3. 编写控制器：

    @Controller
public class HomeController {
    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("name", "Spring Boot");
        return "index";
    }
}

经验分享

  • 使用Thymeleaf时，确保HTML模板的语法正确，以避免解析错误。

  • 善用Thymeleaf的条件渲染和循环功能来简化页面逻辑。

Redis数据缓存

定义

Redis是一个开源的内存数据结构存储，用作数据库、缓存和消息代理。它支持多种数据结构，如字符串、哈希、列表、集合等。

应用场景

Redis常用于需要快速访问数据的场景，如缓存、会话存储、排行榜等。

原理剖析

Redis通过将数据存储在内存中，实现了高性能的数据读写。它支持持久化，将内存中的数据定期保存到磁盘。

问题来源与解决

传统的数据库在高并发场景下性能可能不足，Redis通过内存存储和高效的数据结构解决了这一问题。

实现步骤

  1. 添加依赖：在pom.xml中添加Redis的依赖。

    <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-data-redis</artifactId>
</dependency>

  2. 配置Redis：在application.yml中配置Redis连接信息。

    spring:
  redis:
    host: localhost
    port: 6379

  3. 启用缓存：

    @Configuration
@EnableCaching
public class RedisConfig extends CachingConfigurerSupport {
    @Bean
    public RedisTemplate<String, Object> redisTemplate(RedisConnectionFactory factory) {
        RedisTemplate<String, Object> template = new RedisTemplate<>();
        template.setConnectionFactory(factory);
        return template;
    }
}

  4. 使用缓存：

    @Service
public class UserService {
    @Cacheable("users")
    public User getUserById(Long id) {
        // 从数据库获取用户
    }
}

经验分享

  • 使用Redis时，注意内存的使用情况，避免数据过多导致内存不足。

  • 定期清理不再使用的缓存数据，以保持Redis的高效运行。

RESTful API

定义

RESTful API是一种设计风格，用于构建可扩展的Web服务。它基于HTTP协议，使用标准的HTTP方法（GET、POST、PUT、DELETE）进行操作。

应用场景

RESTful API适用于需要提供跨平台数据访问的应用程序，如移动应用、单页应用（SPA）等。

原理剖析

RESTful API通过资源的概念来组织数据，每个资源都有唯一的URI。客户端通过HTTP方法对资源进行操作，服务器返回相应的状态码和数据。

问题来源与解决

传统的Web服务（如SOAP）复杂且冗长，RESTful API通过简化的设计和广泛的兼容性解决了这一问题。

实现步骤

  1. 创建控制器：

    @RestController
@RequestMapping("/api/users")
public class UserController {
    @GetMapping("/{id}")
    public ResponseEntity<User> getUser(@PathVariable Long id) {
        User user = userService.findById(id);
        return ResponseEntity.ok(user);
    }
}

  2. 定义服务：

    @Service
public class UserService {
    public User findById(Long id) {
        // 从数据库获取用户
    }
}

  3. 测试API：使用Postman或cURL测试API的响应。

经验分享

  • 设计API时，遵循RESTful的最佳实践，如使用名词表示资源，使用HTTP状态码表示结果。

  • 使用Swagger等工具生成API文档，方便开发和维护。

OpenAPI

定义

OpenAPI是一种用于描述RESTful API的规范。它允许开发者定义API的结构、参数、响应等信息。

应用场景

OpenAPI适用于需要生成API文档和客户端代码的场景，尤其是在团队协作和API版本管理中。

原理剖析

OpenAPI通过YAML或JSON格式定义API的各个方面。工具如Swagger UI可以根据OpenAPI规范生成交互式文档。

问题来源与解决

手动编写API文档容易出错且难以维护，OpenAPI通过标准化的描述文件解决了这一问题。

实现步骤

  1. 添加依赖：在pom.xml中添加Springdoc OpenAPI的依赖。

    <dependency>
    <groupId>org.springdoc</groupId>
    <artifactId>springdoc-openapi-ui</artifactId>
    <version>1.5.9</version>
</dependency>

  2. 配置OpenAPI：

    @Configuration
@OpenAPIDefinition(info = @Info(title = "User API", version = "1.0", description = "User Management API"))
public class OpenApiConfig {
}

  3. 访问API文档：启动应用后，访问http://localhost:8080/swagger-ui.html查看API文档。

经验分享

  • 定义API时，详细描述每个参数和响应，以提高文档的可读性。

  • 定期更新OpenAPI描述文件，确保文档与实际API保持一致。

MyBatis Plus

定义

MyBatis Plus是MyBatis的增强工具，简化了CRUD操作。它提供了丰富的功能，如自动生成SQL、分页查询等。

应用场景

MyBatis Plus适用于需要灵活控制SQL执行的场景，尤其是在复杂查询和批量操作中。

原理剖析

MyBatis Plus通过注解和XML配置生成SQL语句，并提供了丰富的API来简化数据库操作。

问题来源与解决

传统的MyBatis需要手动编写SQL，MyBatis Plus通过自动生成SQL和提供便捷的API解决了这一问题。

实现步骤

  1. 添加依赖：在pom.xml中添加MyBatis Plus的依赖。

    <dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>3.4.3.4</version>
</dependency>

  2. 配置MyBatis Plus：

    @MapperScan("com.example.mapper")
@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

  3. 定义Mapper接口：

    @Mapper
public interface UserMapper extends BaseMapper<User> {
    // 自定义SQL查询
    User selectByUsername(String username);
}

经验分享

  • 使用MyBatis Plus时，充分利用其自动生成的CRUD方法，以提高开发效率。

  • 在复杂查询中，可以结合XML配置和注解，灵活控制SQL执行。

文件上传和下载

定义

文件上传和下载是Web应用中常见的功能，允许用户上传文件到服务器或从服务器下载文件。

应用场景

适用于需要处理用户文件的应用，如图片上传、文档管理等。

原理剖析

Spring Boot通过MultipartFile接口处理文件上传，通过ResponseEntity返回文件下载响应。

问题来源与解决

传统的文件上传需要手动解析请求，Spring Boot通过自动绑定和简化的API解决了这一问题。

实现步骤

  1. 文件上传：

    @PostMapping("/upload")
public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file) {
    // 保存文件逻辑
    return ResponseEntity.ok("File uploaded successfully");
}

  2. 文件下载：

    @GetMapping("/download/{filename}")
public ResponseEntity<Resource> downloadFile(@PathVariable String filename) {
    // 下载文件逻辑
    return ResponseEntity.ok().body(resource);
}

经验分享

  • 处理文件上传时，注意文件大小限制和安全性检查。

  • 在文件下载中，设置正确的Content-Type和Content-Disposition头，以确保文件正确下载。

异常处理

定义

异常处理是指在程序运行时捕获和处理错误的机制。Spring Boot提供了全局异常处理的功能。

应用场景

适用于需要统一处理错误响应的应用，尤其是在RESTful API中。

原理剖析

Spring Boot通过@ControllerAdvice和@ExceptionHandler注解实现全局异常处理。

问题来源与解决

传统的异常处理需要在每个方法中捕获异常，Spring Boot通过全局异常处理器简化了这一过程。

实现步骤

  1. 定义全局异常处理器：

    @ControllerAdvice
public class GlobalExceptionHandler {
    @ExceptionHandler(ResourceNotFoundException.class)
    public ResponseEntity<String> handleResourceNotFound(ResourceNotFoundException ex) {
        return ResponseEntity.status(HttpStatus.NOT_FOUND).body(ex.getMessage());
    }
}

经验分享

  • 在全局异常处理器中，详细记录异常信息，以便于调试和维护。

  • 使用自定义异常类，提供更明确的错误信息。

 登录注册

定义

登录注册是Web应用中常见的功能，允许用户创建账户并登录系统。

应用场景

适用于需要用户身份验证的应用，如社交网络、电子商务网站等。

原理剖析

Spring Security提供了强大的身份验证和授权功能，支持多种认证方式。

问题来源与解决

传统的身份验证需要手动管理用户会话，Spring Security通过自动化的认证流程解决了这一问题。

实现步骤

  1. 用户注册：

    @PostMapping("/register")
public ResponseEntity<String> register(@RequestBody User user) {
    userService.save(user);
    return ResponseEntity.ok("User registered successfully");
}

  2. 用户登录：

    @PostMapping("/login")
public ResponseEntity<String> login(@RequestBody LoginRequest request) {
    // 验证用户逻辑
    return ResponseEntity.ok("Login successful");
}

经验分享

  • 在用户注册时，验证用户输入的合法性，如密码强度、邮箱格式等。

  • 使用加密算法存储用户密码，确保用户信息的安全性。

RabbitMQ异步通信

定义

RabbitMQ是一个开源的消息代理，用于实现异步通信。它支持多种消息协议，如AMQP、MQTT等。

应用场景

适用于需要解耦和异步处理的应用，如订单处理、日志记录等。

原理剖析

RabbitMQ通过消息队列实现异步通信，生产者将消息发送到队列，消费者从队列中接收消息。

问题来源与解决

传统的同步通信在高并发场景下性能不足，RabbitMQ通过异步消息队列解决了这一问题。

实现步骤

  1. 发送消息：

    @Component
public class MessageSender {
    @Autowired
    private RabbitTemplate rabbitTemplate;
​
    public void sendMessage(String message) {
        rabbitTemplate.convertAndSend("exchange", "routingKey", message);
    }
}

  2. 接收消息：

    @Component
public class MessageReceiver {
    @RabbitListener(queues = "queueName")
    public void receiveMessage(String message) {
        // 处理消息逻辑
    }
}

经验分享

  • 使用RabbitMQ时，注意消息的持久化和确认机制，以确保消息的可靠传输。

  • 在高并发场景下，合理配置队列和消费者的数量，以提高系统的吞吐量。

定时异步发送邮件

定义

定时任务是指在特定时间或周期执行的任务。Spring Boot支持通过@Scheduled注解定义定时任务。

应用场景

适用于需要定期执行的任务，如数据备份、邮件通知等。

原理剖析

Spring Boot通过TaskScheduler接口实现定时任务调度，支持多种触发方式，如固定速率、固定延迟、Cron表达式等。

问题来源与解决

传统的定时任务需要手动管理任务调度，Spring Boot通过注解简化了这一过程。

实现步骤

  1. 定义定时任务：

    @Scheduled(fixedRate = 60000)
@Async
public void sendEmail() {
    // 发送邮件逻辑
}

经验分享

  • 在定时任务中，注意任务的执行时间和频率，以避免任务堆积。

  • 使用@Async注解异步执行任务，提高系统的响应速度。

多环境配置

定义

多环境配置是指为应用程序的不同运行环境（如开发、测试、生产）提供不同的配置文件。

应用场景

适用于需要在不同环境中运行的应用，如开发环境使用本地数据库，生产环境使用远程数据库。

原理剖析

Spring Boot通过Profile机制实现多环境配置，支持在启动时指定激活的Profile。

问题来源与解决

传统的配置管理需要手动切换配置文件，Spring Boot通过Profile机制简化了这一过程。

实现步骤

  1. 定义配置文件：

    # application-dev.yml
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/dev_db

  2. 激活Profile：

    spring:
  profiles:
    active: dev

经验分享

  • 在配置文件中，使用占位符和环境变量，简化配置管理。

  • 定期检查和更新配置文件，确保配置的正确性和安全性。

热部署配置

定义

热部署是指在不重启应用的情况下，动态加载和更新代码。Spring Boot支持通过DevTools实现热部署。

应用场景

适用于需要频繁修改代码的开发阶段，提高开发效率。

原理剖析

Spring Boot DevTools通过监控类路径的变化，自动重启应用或重新加载资源。

问题来源与解决

传统的开发流程需要手动重启应用，Spring Boot DevTools通过自动化的热部署解决了这一问题。

实现步骤

  1. 添加依赖：在pom.xml中添加DevTools的依赖。

    <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-devtools</artifactId>
    <optional>true</optional>
</dependency>

经验分享

  • 使用热部署时，注意资源的变化和依赖的更新，以避免不必要的重启。

  • 在生产环境中，禁用DevTools，以提高系统的稳定性。

 端口配置

定义

端口配置是指为应用程序指定运行的网络端口。Spring Boot支持通过配置文件设置应用的端口。

应用场景

适用于需要在特定端口上运行的应用，如多个服务在同一台服务器上运行。

原理剖析

Spring Boot通过server.port属性设置应用的端口，支持在启动时动态指定端口。

问题来源与解决

传统的端口配置需要手动修改代码，Spring Boot通过配置文件简化了这一过程。

实现步骤

  1. 配置端口：

    # application.yml
server:
  port: 8081

经验分享

  • 在配置端口时，注意端口的冲突和防火墙的设置，以确保应用的正常运行。

  • 在开发阶段，可以使用随机端口，避免端口占用。

2301_81335708
关注
Spring Boot + Vue: 全栈开发实战指南
llTvTll的博客
11-30 2144
随着互联网技术的发展，企业对于快速开发高质量Web应用的需求日益增长。Spring Boot以其轻量级、易配置、快速开发的特点，成为Java后端开发的首选框架。Vue.js以其响应式、组件化的特点，成为前端开发的热门选择。结合两者，我们可以构建出既高效又易维护的全栈应用。在这篇博客中，我们详细探讨了如何使用Spring Boot和Vue.js进行全栈开发项目。从后端的Spring Boot项目搭建、数据库集成、业务逻辑处理到前端的Vue.js项目初始化、组件开发、路由配置等方面都进行了深入的讲解。
Spring Boot Web开发：构建RESTful API实战（附完整代码）
fykam的博客
12-07 928
本文介绍了使用Spring Boot构建RESTful API的完整流程。首先通过定义Book实体类建立数据模型，使用JPA注解配置主键和字段；然后创建BookController控制器处理HTTP请求，实现增删改查功能；最后实现服务层BookService及其实现类，完成业务逻辑和数据访问。整个案例采用分层架构设计，包含实体层、控制层和服务层，通过注解方式简化开发，提供了一套完整的图书管理API实现方案。
《Spring Boot全栈开发指南：从入门到生产实践》
编程技术探索者，分享C/C++、C#、Java、数据库等开发经验，聚焦实战技巧与AI兴趣，助力编程爱好者成长。
03-31 2402
能力评估矩阵技能等级能力要求初级开发基础CRUD开发、简单配置中级开发模块设计、性能优化高级开发架构设计、复杂问题解决架构师系统规划、技术选型推荐学习路径基础巩固：Spring官方文档 + 《Spring Boot实战》深度提升：Spring源码解析 + 设计模式应用横向扩展：微服务架构（Spring Cloud全家桶）垂直深入：响应式编程（WebFlux）工程实践：DevOps工具链（Docker/K8s/Jenkins）通过系统学习Spring Boot，开发者能够快速构建企业级应用。
【粉丝福利社】快速搞定Spring Boot+Vue全栈开发
热门推荐
时光隧道
10-09 9万+
本书是一本专为追求高效、现代Web开发技术的读者量身打造的实战指南。在当前快速进步的技术环境中，Spring Boot 3和Vue 3的结合，为Web开发提供了更加高效和灵活的解决方案。本书深入剖析了Spring Boot 3的高效特性和Vue 3中革新的组合式API，同时介绍了RESTful API、MyBatis Plus、Axios、Vue Router、Pinia等核心技术，旨在为读者提供一个全方位的学习体验。在快节奏的开发环境中，时间就是一切。
Spring Boot + Vue 全栈开发实战指南
m0_74822999的博客
01-21 1103
随着互联网技术的发展，企业对于快速开发高质量Web应用的需求日益增长。Spring Boot以其轻量级、易配置、快速开发的特点，成为Java后端开发的首选框架。Vue.js以其响应式、组件化的特点，成为前端开发的热门选择。结合两者，我们可以构建出既高效又易维护的全栈应用。在这篇博客中，我们详细探讨了如何使用Spring Boot和Vue.js进行全栈开发项目。从后端的Spring Boot项目搭建、数据库集成、业务逻辑处理到前端的Vue.js项目初始化、组件开发、路由配置等方面都进行了深入的讲解。
Spring Boot 从入门到精通：全栈开发指南
fykam的博客
12-06 935
本专栏系统讲解Spring Boot开发，面向1-3年经验的Java开发者。内容涵盖基础入门（项目创建、配置管理）、核心组件（Web开发、数据库/缓存/消息队列整合）、安全监控（认证授权、系统监控）、高级特性（自定义Starter、异步编程）以及性能优化与问题排查。采用"原理分析+代码示例+问题解决方案"的教学模式，每篇均包含实操步骤和常见问题FAQ，帮助开发者深入理解Spring Boot核心机制并解决实际开发难题。通过本专栏，读者可全面掌握Spring Boot技术栈，提升微服务开发
科普文：Java web应用性能分析之【Spring Boot 3.0新特性】
为无为，事无事，味无味。
03-27 1162
Spring Boot 3.0 通过 Micrometer 和 Micrometer 追踪提高应用可观察性，支持集成 Micrometer 1.10+，引入了的全新的可观察 API 并自动配置 Micrometer 追踪，包括对 Brave、OpenTelemetry、Zipkin 和 Wavefront 组件的支持。Spring Boot Actuator 在 Spring Boot 3.0 中得到了增强，提供了更多的监控和管理端点，包括对 Kubernetes 和 Prometheus 的更好支持。
开发者必备：Trae 代码生成平台进阶指南｜10 分钟构建完整 Web 应用
专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域，希望和大家共同进步！
06-23 3355
摘要：Trae 作为新一代智能代码生成平台，通过动态模板引擎与 AST 抽象语法树解析技术，实现从需求描述到可运行 Web 应用的快速转换。本文系统讲解 Trae 在 Web 开发中的进阶应用，涵盖核心原理、模板定制、多技术栈适配等关键内容。通过 Vue3+Spring Boot 实战案例，演示如何在 10 分钟内生成包含用户管理、权限控制的完整 Web 应用，包含数据库设计、前后端接口、可视化页面的全流程代码生成。
Spring Boot 全栈博客系统
dragon
05-27 1041
这款 Java Spring Boot 博客系统不仅功能齐全，而且技术栈经典实用，非常适合作为学习项目、毕业设计，甚至是个人博客的起点。通过研究和实践这个项目，你将对Java Web全栈开发有更深入的理解。如果你对这个项目感兴趣，或者在学习过程中有任何疑问，欢迎在评论区留言交流！#Java #SpringBoot #博客系统 #全栈项目 #毕业设计 #项目实战 #Lucene #Shiro #MySQL #源码学习。
Web开发基于Vue3+SpringBoot+MySQL的博客系统全栈开发：从零搭建到部署上线的完整实践指南
11-07
重点讲解了前后端技术栈的整合应用，包括使用 Vite 构建 Vue3 前端、Element Plus 组件库实现界面、Spring Boot 构建 RESTful API、Spring Data JPA 操作数据库，并通过 Redis 缓存、CORS 配置、Nginx 反向代理等...
Vue 2 / Vue 3 diff算法
qq_25416827的博客
12-26 445
一句话核心结论。
vue v-for 列表渲染指令注意
KLW75
12-27 235
3、指令遍历的目标是一个正整数n时，其一般用于让当前模板在1～n的取值范围内重复产生n次，value为从1开始到n为止依次递增的数值。v-for指令可以遍历多种不同类型的数据，数组是较为常见的一种类型，当然类型还可以是对象或数值。value为被遍历的obj对象的属性值，name为属性名。令遍历一个对象时，遍历的是对象自身所有可遍历的属性。
微前端系列：核心概念、价值与应用场景
李刚的学习专栏
12-30 637
微前端是一种将大型Web应用拆分为多个独立子应用的技术架构，核心思想是"分而治之"。它允许不同团队使用不同技术栈（如Vue、React）独立开发、测试和部署子应用，通过主应用进行整合，为用户提供统一体验。微前端主要解决团队协作阻塞、技术栈锁定、系统升级困难等问题，适用于大型中后台系统、多团队协作项目和遗留系统重构等场景。其核心能力包括子应用的动态加载/卸载、独立运行隔离、路由状态保持以及应用间通信机制。微前端通过JS/CSS隔离、沙箱技术等手段确保系统稳定性，同时支持渐进式重构，是复杂前端系统的有效架构方案
零基础搭建完成完整的前后端分离项目的准备工作
2401_87199769的博客
12-30 709
搭建完成一个完整的项目需要准备哪些东西？下面就根据我自己的项目经历，分享如何从 0 开始，搭建一个完整的前后端分离项目。既然是一个前后端分离项目，我们就需知道前端是什么？后端是什么？前后端如何协作？，全称，是软件开发中负责的部分，简单来说就是用户打开网站、App 时能看到、能点击、能操作的所有内容。，全称，是软件开发中负责的部分，相当于整个软件的 “幕后大脑”，支撑着前端的所有交互功能正常运转。
在移动端使用 WebRTC (Android/iOS)
yk_18的博客
12-27 555
移动端 WebRTC 挑战:1. 硬件差异- 不同设备性能差异大- 摄像头/麦克风规格不同2. 网络环境- WiFi/4G/5G 切换- 网络不稳定3. 电量消耗- 编解码耗电- 网络传输耗电4. 后台限制- iOS 后台限制严格- Android 后台服务限制5. 权限管理- 摄像头/麦克风权限- 后台运行权限平台SDK特点Android原生性能好iOS原生性能好Flutter跨平台跨平台恭喜你完成了 WebRTC 技术专栏的全部学习!Part 1。
前端 HTML 入门（标签）
最新发布
0.0的博客
12-31 565
HTML（HyperText Markup Language，超文本标记语言）是构建网页的基础，它不是编程语言，而是标记语言，通过一系列标签描述网页的结构和内容。
vue前端面试指南
chaopingyao的博客
12-30 558
生命周期钩子是 Vue 组件在不同阶段执行的函数。1、 创建期间的生命周期函数：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性。created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板。：此时已经完成了模板的编译，但是还没有挂载到页面中。mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示，DOM 已渲染。2、运行期间的生命周期函数。
无需公网 IP 也能全球访问本地服务？cpolar+Spring Boot+Vue应用实践！
YUAN_XU_CHENG的博客
12-30 874
cpolar是一款跨平台内网穿透工具，支持Windows、macOS、Linux等系统，可将本地服务（如Web服务器、SSH等）安全映射到公网。它无需公网IP或路由器配置，提供HTTPS加密和临时/固定域名选项，适用于项目演示、NAS共享等场景。本文以Spring Boot 2 + Vue 3项目为例，展示如何通过cpolar实现前端公网访问，同时保持后端本地运行。教程涵盖环境准备、项目启动、前端代理配置等步骤，解决跨域问题，实现安全便捷的HTTPS全栈部署。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值