javaweb技术栈

朱啸毅

于 2025-04-18 08:59:48 发布

阅读量1.7k

点赞数 24

CC 4.0 BY-SA版权

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

本文链接：https://blog.csdn.net/qq_44325580/article/details/147319412

javaweb 专栏收录该内容

4 篇文章

订阅专栏

javaweb

1 什么是javaweb

用java技术来解决相关 web互联网领域的技术栈，使用 JAVAEE 技术体系开发企业级互联网项目。

2 javaweb技术栈

客户端-前端部分：
HTML CSS Bootstrap JavaScript Nodejs npm vite vue3 router pinia axios json jQuery element-plus

1：HTML 负责搭建网页结构，CSS 用于美化页面样式，Bootstrap 是前端框架可快速构建界面；JavaScript 为网页添加交互性，jQuery 是简化 JS 操作的库，VU3，ElementPlus 是 Vue3 的组件库，它们共同打造出丰富多样的前端页面。
2：Node.js 是服务器端运行环境，npm 是其包管理工具，Vite 是前端构建工具能提升开发效率；Vue3 是流行的前端框架，Vue Router 用于实现路由功能，Pinia 是状态管理库，Axios 用于前后端数据交互，JSON 是数据交换格式，它们助力构建功能强大的全栈应用。

服务端-后端部分：
HTTP xml Tomcat Servlet Request Response Cookie Sesssion Filter Listener MySQL JDBC Druid Jackson lombok jwt maven Postman

1：HTTP 是用于传输超文本的协议，XML 可用于存储和传输数据；Tomcat 是 Servlet 容器，Servlet 是 Java 编写的服务器端程序，Request 和 Response 对象分别封装客户端请求和服务器响应信息，它们构成了 Web 通信和服务端处理的基础。
2：Cookie 和 Session 用于管理用户状态，Filter 可对请求和响应进行过滤处理，Listener 能监听 Servlet 容器的各种事件；MySQL 是常用的关系型数据库，JDBC 是 Java 操作数据库的接口，Druid 是数据库连接池，Jackson 用于处理 JSON 数据，Lombok 简化 Java 代码，JWT 用于身份验证和授权，这些技术保障了 Web 应用的状态管理、数据存储与安全。
3：Maven 是 Java 项目的管理和构建工具，Postman 则是强大的 API 开发与测试工具，它们为 Java Web 项目的开发、管理和测试提供了便利。

3 javaweb交互模式

客户端请求服务端返回客户端

CS模式客户端和服务器端进行通信

BS模式浏览器端和服务器端进行通信

4 前后端分离

1 开发分离：后端程序员只要按照接口文档去编写后端代码，无需编写或者关系前端代码，前后端
程序员压力都降低。
2 部署分离：前端使用单独的页面动态技术，通过VUE等框架，工程化项目，前端项目可以部署到
独立的服务器上。

5 前端部分

选择前端框架：可以选用 Vue.js、React.js 或 Angular 等流行的前端框架。这些框架能够帮助开发者高效地构建用户界面，实现组件化开发和数据绑定。例如，使用 Vue.js 时，可利用其组件化特性将页面拆分成多个小的组件，便于维护和复用。
前端项目搭建：借助前端构建工具（如 Vue CLI、Create React App 等）来快速搭建项目结构。这些工具会自动生成项目的基本目录结构和配置文件，开发者可以在此基础上进行开发。
前端开发：运用 HTML、CSS 和 JavaScript 进行页面设计和交互逻辑的实现。前端开发者专注于用户界面的呈现和交互效果，通过调用后端提供的 API 获取数据并展示在页面上。

6 后端部分

选择后端框架：常见的 Java 后端框架有 Spring Boot、Spring MVC 等。Spring Boot 能够简化 Spring 应用的开发和配置，快速搭建独立的、生产级别的 Java 应用。
后端项目搭建：使用 Maven 或 Gradle 等项目管理工具来管理项目的依赖和构建。在项目中添加所需的依赖，如 Spring Boot Starter Web 等，以支持 Web 开发。
后端开发：编写后端接口，处理业务逻辑和数据持久化。后端开发者使用 Java 语言和数据库（如 MySQL、Oracle 等）来实现业务功能，并将数据以 JSON 或 XML 等格式返回给前端。

7 前后端交互

API 设计：前后端开发者共同设计 API 接口，明确接口的 URL、请求方法（GET、POST、PUT、DELETE 等）、请求参数和响应格式。API 设计应遵循 RESTful 风格，使接口具有良好的可读性和可维护性。
数据交互：前端通过 AJAX（Asynchronous JavaScript and XML）或 Fetch API 等技术异步调用后端 API，获取数据并更新页面。后端接收到请求后，处理业务逻辑并返回相应的数据。例如，前端使用 Axios 库发送 HTTP 请求：
跨域问题处理：由于前后端项目通常运行在不同的域名或端口上，会出现跨域问题。可以在后端配置跨域请求的支持，如在 Spring Boot 中使用 @CrossOrigin 注解或配置跨域过滤器：

8 部署与测试

前端部署：将前端项目打包成静态文件（如 HTML、CSS、JavaScript 等），并部署到静态文件服务器（如 Nginx、Apache 等）上。
后端部署：将后端项目打包成可执行的 JAR 或 WAR 文件，部署到应用服务器（如 Tomcat、Jetty 等）上。
测试：进行前后端的集成测试，确保前后端交互正常，业务功能能够正确实现。可以使用 Postman 等工具对后端 API 进行测试，使用浏览器或前端测试工具对前端页面进行测试。