前言
在当今互联网时代,Web应用项目的开发变得越来越重要。为了提供更好的用户体验和良好的系统可扩展性,采用前后端分离的设计模式已成为众多开发团队的首选。
一:前后端分离
1.1、前后端分离概念
前后端分离是一种软件架构模式,将传统的单体应用中的前端和后端部分进行解耦,使其成为独立的两个部分。前端指的是用户界面和交互逻辑的实现,通常包括网页或移动应用的界面展示、用户操作反馈等内容;后端则负责数据处理和业务逻辑,包括数据库管理、业务逻辑处理、安全认证、服务器端的接口等功能。在前后端分离的架构中,前端和后端通过接口进行通信,前端向后端发送请求,后端返回数据给前端,实现了前后端的解耦合。
1.2、前后端分离的优势
-
并行开发 :前后端分离允许前端和后端团队并行开发。前端开发人员可以专注于界面设计和交互逻辑,后端开发人员可以专注于数据处理和业务逻辑。这样可以加快项目的开发速度,提高团队的工作效率。
-
灵活性 :前后端分离使得前端和后端可以独立演进,采用不同的技术栈。前端可以选择最适合自己的框架和工具,后端也可以选择最适合自己的编程语言和框架。这种灵活性使得团队能够更好地选择适合自己的技术栈,提高开发效率和代码质量。
-
可维护性 :前后端分离降低了代码的耦合度,使得每个部分更容易维护和测试。前端和后端可以独立进行单元测试和集成测试,减少了互相之间的依赖性。这样可以提高代码的可维护性,降低故障修复和功能修改的风险。
-
性能优化 :通过前后端分离,前端可以采用异步加载、缓存等技术手段来优化页面性能。前端可以通过异步加载数据,减少页面的加载时间;通过使用缓存技术,减少对后端的请求次数。这样可以提升用户的体验,加快页面的响应速度。
-
跨平台支持 :前后端分离可以更好地支持多种平台。前端可以根据不同的设备和屏幕尺寸进行适配,包括移动端、Web 端和其他平台。通过提供统一的接口,后端可以为不同的前端提供数据和服务支持。这样可以增加应用的灵活性和可扩展性。
二: IntelliJ IDEA 中的后端开发:环境设置、RESTful API 和安全性措施
2.1、环境设置和项目初始化
在开始 Web 应用项目后端开发之前,我们需要确保计算机上安装了以下软件:
- Java JDK
- IntelliJ IDEA
请按照官方网站的说明下载并安装适合您操作系统的版本。
创建新项目 在 IntelliJ IDEA 中,选择 “Create New Project” 选项,然后选择 “Spring
Initializr”。配置项目信息 在弹出的对话框中,填写项目信息,例如项目名称、包名等。选择需要添加的依赖项,例如 Spring Web、Spring Data
JPA、MySQL 驱动程序等。完成初始化 点击 “Finish” 按钮,IntelliJ IDEA 将自动生成基本的项目结构和配置文件。
2.2、创建 RESTful API
现在,我们可以开始编写 RESTful API 来处理不同的 URL 请求。在 Spring Boot 中,可以使用 @RestController
注解来定义 RESTful API 控制器类,使用 @RequestMapping 注解来定义不同路径的请求处理方法。
1、处理 GET 请求 让我们从处理 GET 请求开始。以下是一个处理根路径的 GET 请求的示例:
@RestController
public class HomeController {
@RequestMapping("/")
public String home() {
return "欢迎访问 Web 应用后端!";
}
}
在这个示例中,我们使用 @RestController 注解来定义一个 RESTful API 控制器类。使用 @RequestMapping
注解来定义根路径(即 /)的 GET 请求处理方法。当客户端发送 GET 请求到根路径时,Spring Boot
将调用这个处理程序函数,并返回一个欢迎消息。
2、处理 POST 请求 除了处理 GET 请求之外,我们还可以编写处理其他类型请求的路由处理程序。下面是一个处理 POST 请求的示例:
@RestController
public class UserController {
@Autowired
private UserService userService;
@PostMapping("/users")
public ResponseEntity<?> createUser(@RequestBody User user) {
User savedUser = userService.save(user);
return ResponseEntity.ok(savedUser);
}
}
在这个示例中,我们使用 @PostMapping 注解来定义一个处理 /users 路径的 POST 请求处理程序。使用 @RequestBody
注解来获取请求体中的数据并转换成 Java 对象。我们可以对这些数据进行处理,并使用 ResponseEntity
类型的对象来返回一个成功响应和创建的用户对象。
3、使用 JPA 进行数据模型和查询 在许多 Web 应用程序中,数据库是不可或缺的一部分。Spring Boot 提供了许多集成的数据库解决方案,如
MySQL、PostgreSQL、H2 等。我们可以使用 JPA(Java Persistence
API)来进行对象关系映射,简化数据库操作。以下是一个使用 JPA 进行数据模型定义和查询的示例:
@Entity
@Table(name = "users")
public class User {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;
private String name;
private String email;
// ...
}
@Repository
public interface UserRepository extends JpaRepository<User, Long> {
}
@Service
public class UserService {
@Autowired
private UserRepository userRepository;
public User save(User user) {
return userRepository.save(user);
}
public List<User> findAll() {
return userRepository.findAll();
}
}
@RestController
public class UserController {
@Autowired
private UserService userService;
@GetMapping("/users")
public ResponseEntity<?> getAllUsers() {
List<User> users = userService.findAll();
return ResponseEntity.ok(users);
}
}
在这个示例中,我们使用 @Entity 注解来定义一个实体类,表示数据库中的一张表。使用 @Id 注解来定义主键,使用 @GeneratedValue
注解来指定主键生成策略。使用 @Repository 注解来定义一个数据访问层的接口。使用 @Service
注解来定义一个服务类,用于执行业务逻辑并调用数据访问层的接口。最后,在控制器类中调用服务类的方法来返回查询结果。
2.3、安全性措施和身份验证
安全性是 Web 应用程序后端开发中不可忽视的一部分。Spring Boot 提供了一种方式来统一处理身份验证和授权,即使用 Spring Security
框架。以下是一个简单的身份验证和授权配置示例:
@Configuration
@EnableWebSecurity
public class SecurityConfiguration extends WebSecurityConfigurerAdapter {
@Autowired
private UserDetailsService userDetailsService;
@Override
protected void configure(AuthenticationManagerBuilder auth) throws Exception {
auth.userDetailsService(userDetailsService).passwordEncoder(passwordEncoder());
}
@Override
protected void configure(HttpSecurity http) throws Exception {
http.authorizeRequests()
.antMatchers("/users").authenticated()
.anyRequest().permitAll()
.and().formLogin();
}
@Bean
public PasswordEncoder passwordEncoder() {
return new BCryptPasswordEncoder();
}
}
@Service
public class UserDetailsServiceImpl implements UserDetailsService {
@Autowired
private UserRepository userRepository;
@Override
public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
User user = userRepository.findByUsername(username);
if (user == null) {
throw new UsernameNotFoundException("用户不存在");
}
List<SimpleGrantedAuthority> authorities = new ArrayList<>();
authorities.add(new SimpleGrantedAuthority("ROLE_USER"));
return new org.springframework.security.core.userdetails.User(
user.getUsername(),
user.getPassword(),
authorities
);
}
}
在这个示例中,我们使用 @Configuration 注解来定义一个 Spring 配置类。使用 @EnableWebSecurity 注解来启用
Spring Security 框架。在安全配置类中,我们定义了一个实现了 UserDetailsService 接口的服务类,并使用
BCryptPasswordEncoder 加密器对密码进行加密。在 configure()
方法中,我们定义了哪些请求需要进行身份验证和授权,并使用表单认证方式。
三:常用注解
-
@RestController:用于标识控制器类,表示这个类中的方法返回的是 RESTful 服务的响应,而不是视图。通常用于编写 RESTful API。
-
@RequestMapping:用于定义请求映射,可以用在类级别和方法级别。在类级别使用时,表示该类处理的基本路径;在方法级别使用时,表示方法处理的具体路径。
-
@GetMapping、@PostMapping、@PutMapping、@DeleteMapping:分别对应 HTTP 请求的 GET、POST、PUT、DELETE 方法,用于定义处理对应请求类型的方法。
-
@PathVariable:用于将 URL 中的模板变量绑定到方法的参数上,通常用于 RESTful API 中获取 URL 中的参数。
-
@RequestBody:用于将请求的内容体绑定到方法的参数上,通常用于接收客户端发送的 JSON 或 XML 数据。
-
@Entity、@Table、@Id、@GeneratedValue:JPA 注解,用于定义实体类、表名、主键和主键生成策略。
-
@Repository:用于标识数据访问组件,例如 DAO 类或者数据库操作类。
-
@Service:用于标识服务组件,通常用于定义业务逻辑处理的类。
-
@Autowired:用于自动装配 Bean,可以用在字段、构造方法、Setter 方法上。
-
@Configuration、@Bean:用于定义配置类和 Bean,通常用于配置类中定义一些特殊的 Bean。
四:简单的示例
当在 IntelliJ IDEA 上进行 Web 应用项目后端开发时,我们通常使用 Java 和 Spring Boot
框架。下面是一个简单的示例,介绍如何在 IntelliJ IDEA 上进行 Web 应用项目后端开发。
首先,让我们创建一个基本的 Spring Boot 项目。
打开 IntelliJ IDEA,选择 “Create New Project”。
在弹出的对话框中,选择 “Spring Initializr”。
填写项目信息,例如项目名称、包名等。选择需要添加的依赖项,例如 Spring Web、Spring Data JPA、MySQL 驱动程序等。
点击 “Finish” 按钮,IntelliJ IDEA 将自动生成基本的项目结构和配置文件。
4.1、创建一个处理根路径的控制器类。
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class HomeController {
@GetMapping("/")
public String home() {
return "欢迎访问 Web 应用后端!";
}
}
在这个示例中,我们使用 @RestController 注解来定义一个 RESTful API 控制器类。使用 @GetMapping 注解来定义根路径(即
/)的 GET 请求处理方法。当客户端发送 GET 请求到根路径时,Spring Boot 将调用这个处理程序函数,并返回一个欢迎消息。
4.2、创建一个数据模型类和一个数据访问层接口。
假设我们要创建一个用户管理系统,用户类包含 id、name 和 email 属性。
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
@Entity
public class User {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;
private String name;
private String email;
// 省略 getter 和 setter 方法
}
在这个示例中,我们使用 @Entity 注解来定义一个实体类,表示数据库中的一张表。使用 @Id 注解来定义主键,使用 @GeneratedValue
注解来指定主键生成策略。
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;
@Repository
public interface UserRepository extends JpaRepository<User, Long> {
}
在这个示例中,我们使用 @Repository 注解来定义一个数据访问层接口。JpaRepository 是 Spring Data JPA
提供的一个通用数据访问层接口,提供了常见的增删改查操作。
4.3、创建一个服务类,用于执行业务逻辑。
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class UserService {
@Autowired
private UserRepository userRepository;
public List<User> getAllUsers() {
return userRepository.findAll();
}
// 省略其他业务逻辑方法
}
在这个示例中,我们使用 @Service 注解来定义一个服务类,用于执行业务逻辑。通过自动装配 UserRepository 来实现对数据库的访问。
4.4、创建一个控制器类,用于处理用户相关的请求。
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class UserController {
@Autowired
private UserService userService;
@GetMapping("/users")
public ResponseEntity<List<User>> getAllUsers() {
List<User> users = userService.getAllUsers();
return ResponseEntity.ok(users);
}
}
在这个示例中,我们使用 @RestController 注解来定义一个 RESTful API 控制器类。使用 @Autowired 注解来自动装配
UserService。使用 @GetMapping 注解来定义 /users 路径的 GET 请求处理方法。当客户端发送 GET 请求到 /users
路径时,Spring Boot 将调用这个处理程序函数,并返回用户列表。
五:总结
Web(World Wide
Web)指的是一种基于互联网的信息交流和共享系统,它通过超文本传输协议(HTTP)来传输和访问各种内容。Web由一系列相互链接的网页组成,每个网页可以包含文本、图片、视频、音频等多种媒体形式。
Web的核心技术是超文本标记语言(HTML),它用于描述网页的结构和内容。通过HTML,开发者可以定义网页的标题、段落、标题、链接、图像等元素,使页面具有良好的结构和语义。
除了HTML,Web还使用层叠样式表(CSS)来定义网页的样式和布局。CSS可以控制文本的字体、颜色、大小,以及页面的背景、边框、布局等外观效果。
Web的交互性和动态性则由JavaScript来实现。JavaScript是一种脚本语言,可以通过编写脚本代码来实现网页的交互效果、动态更新内容,以及与用户进行交互。
通过Web浏览器(如谷歌浏览器、火狐浏览器等),用户可以使用统一资源定位符(URL)来访问和浏览Web上的各种网页。用户可以通过点击链接、输入URL或进行搜索来访问特定的网页。
总而言之,Web是一种通过超文本传输协议(HTTP)在互联网上传输和访问网页的系统,使用HTML、CSS和JavaScript等技术来创建和呈现网页内容。它实现了信息的全球共享和交流,成为人们获取各种信息、进行在线交互和开展业务活动的重要平台。
学习计划安排
我一共划分了六个阶段,但并不是说你得学完全部才能上手工作,对于一些初级岗位,学到第三四个阶段就足矣~
这里我整合并且整理成了一份【282G】的网络安全从零基础入门到进阶资料包,需要的小伙伴可以扫描下方CSDN官方合作二维码免费领取哦,无偿分享!!!
如果你对网络安全入门感兴趣,那么你需要的话可以
点击这里👉网络安全重磅福利:入门&进阶全套282G学习资源包免费分享!
①网络安全学习路线
②上百份渗透测试电子书
③安全攻防357页笔记
④50份安全攻防面试指南
⑤安全红队渗透工具包
⑥HW护网行动经验总结
⑦100个漏洞实战案例
⑧安全大厂内部视频资源
⑨历年CTF夺旗赛题解析
![](https://img-blog.csdnimg.cn/img_convert/a80bdb57bb3aea9d9dc51a39ce81c12c.jpeg)