- 博客(12)
- 收藏
- 关注
原创 《5 分钟上手 React Flex 容器:从 0 搭建响应式卡片列表》
作为前端新手,是不是总被布局搞得头大?尤其是 React 项目中,想快速实现适配手机、平板、电脑的响应式卡片列表,却不知道从何下手?今天这篇实操教程,带你用 5 分钟搞定 —— 核心就是React 函数组件 + Flex 容器,无需复杂配置,跟着步骤复制粘贴就能实现!/* 给第2张卡片加自定义对齐(先给Card组件加标识) *//* 覆盖容器的align-items,仅该项目靠交叉轴终点(下)对齐 */Flex 布局核心。
2025-12-16 10:56:57
885
原创 Spring AOP(面向切面编程)
Spring AOP(面向切面编程)是Spring框架提供的一个功能,用于在应用程序中实现横切关注点的模块化。横切关注点是指那些影响多个类或模块但又与这些类的核心职责不直接相关的功能,比如日志记录、事务管理、安全性检查等。AOP通过提供一种机制来将这些横切逻辑与业务逻辑分离,从而提高了代码的清晰度和可维护性。切面(Aspect):一个关注点的模块化,这个关注点可能会横切多个对象。事务管理是企业级应用中的一个典型的切面。连接点(Join Point):程序执行过程中的一个点,如方法调用或异常抛出。
2024-12-19 15:48:31
1122
原创 【RuoYi-Vue数据权限(Data Permissions)】
数据权限(Data Permissions),也称为访问控制或授权,是指对数据库中特定数据的访问和操作权利的管理。它定义了哪些用户或应用程序可以查看、修改、删除或执行某些类型的数据操作。通过设置适当的数据权限,组织能够保护敏感信息不被未经授权的人员访问,同时确保合法用户能够高效地完成他们的工作。访问控制或授权,是指对数据库中特定数据的访问和操作权利的管理。数据权限的主要方面包括:确认用户的身份。通常通过用户名和密码、数字证书、生物识别技术等手段实现。决定经过身份验证的用户可以做什么。
2024-12-17 19:50:11
1612
原创 Ruoyi-Vue菜单权限
菜单权限通常包括以下几方面的内容:菜单管理:可以创建、编辑、删除菜单项,并且可以调整菜单的层级结构。权限控制:为不同的角色分配不同的菜单权限,确保用户只能看到和访问他们被授权的内容。功能权限:除了菜单级别的权限外,还可以设置更细粒度的功能权限,比如某个菜单下的具体操作(增删改查等)是否允许执行。数据权限:限制用户能访问的数据范围,例如只允许查看自己部门的数据。这里用之前创建的自定义菜单里面的学生信息举例在MyStudentController.java中添加新增接口代码。
2024-12-10 20:50:38
1851
原创 RuoYi-Vue的数据分页(Pagination)
数据分页(Pagination)是一种用于管理大量数据展示的技术,它允许用户在多个页面之间导航,而不是一次性加载和显示所有数据。这种技术广泛应用于网站、应用程序和软件中,用来提高用户体验和系统性能。进入方式:系统管理–>日志管理–>登录日志在实际应用中,分页可以通过前端或后端来实现,或者两者结合使用。例如,在Web开发中,前端分页会在浏览器加载所有数据后,通过JavaScript控制显示哪一部分数据;而后端分页则是在服务器端根据请求参数(如页码和每页大小)进行数据筛选,然后返回相应部分的数据给前端。
2024-12-03 11:34:21
1504
原创 RuoYi-Vue触发参数验证
参数验证是软件开发中的一种实践,用于确保输入到函数或方法的参数符合预期的标准。这种验证可以防止由于错误的数据导致程序出现异常或者产生不正确的结果。提示:以下是本篇文章正文内容,下面案例可供参考在ruoyi–>framework目录下的pom.xml中引入验证validation依赖-- 引入验证validation依赖-->新增NotNumber注解,设置自定义校验器NotNumberValidator.class/*** 自定义注解 @NotNumber,用于验证字段值是否包含数字。
2024-11-26 18:40:39
1028
原创 注解(Annotation)
注解(Annotation)是一种元数据形式,它提供了一种安全的方法来关联代码和其他信息,而不会影响代码本身的逻辑。注解广泛应用于多种编程语言中,特别是在 Java 和 .NET 平台上的框架和工具中。它们可以用于各种用途,比如配置、文档生成、编译时检查等。注解提供了一种灵活的方式来增加代码的可读性和可维护性,同时也让开发者能够利用框架提供的强大功能而无需编写大量的模板代码。通过理解和熟练运用注解,可以显著提高开发效率和软件质量。
2024-11-20 00:14:08
1246
原创 【RuoYi-Vue生成代码使用】
随着互联网技术的快速发展,Web 应用的开发效率和质量要求越来越高。为了满足这些需求,许多开发团队采用了前后端分离的架构模式。在这种背景下,RuoYi-Vue 作为一个基于 Spring Boot 和 Vue.js 的前后端分离快速开发框架,应运而生。RuoYi-Vue 不仅提供了强大的后端管理功能,还集成了前端页面的快速生成能力。通过内置的代码生成器,开发者可以快速生成符合业务需求的 CRUD(创建、读取、更新、删除)操作代码,极大地提高了开发效率,缩短了项目周期。
2024-11-12 18:14:14
5872
原创 Ruoyi Vue登录功能后端代码调用流程
在Ruoyi项目中,Vue前端与Java后端结合实现了一个完整的登录功能。请求接收用户通过Vue前端提交登录表单,发送POST请求到后端服务器。后端通过@PostMapping注解定义的控制器方法接收这个请求,例如/login。参数校验控制器接收到请求后,会使用@Valid或@Validated注解对传入的参数进行校验。如果参数不符合要求(如用户名或密码为空),则直接返回错误信息给前端。调用服务层参数校验通过后,控制器会调用服务层(Service层)的方法来处理登录逻辑。
2024-11-06 21:08:47
2545
原创 Ruoyi Vue功能介绍
RuoYi Vue 是一个基于 Spring Boot 和 Vue.js 的前后端分离的企业级管理系统。它结合了后端的 Spring Boot 和前端的 Vue.js,提供了丰富的功能和良好的用户体验。提示:以下是本篇文章正文内容,下面案例可供参考完全响应式布局(支持电脑、平板、手机等所有主流设备)强大的一键生成功能(包括控制器、模型、视图、菜单等)支持多数据源,简单配置即可实现切换。支持按钮及数据权限,可自定义部门数据权限。对常用js插件进行二次封装,使js代码变得简洁,更加易维护。
2024-11-05 21:48:29
1575
原创 SpringBoot结合Mybatis读取MySQL数据库
Select 查询id属性是与 Java 接口中方法相对应的标识符。属性定义了传递给 SQL 语句的参数类型。resultMap属性引用了结果映射。</select>Insert 插入</insert>Update 更新</update>Delete 删除</delete>
2024-11-01 23:51:59
2371
原创 SpringBoot入门
Spring Boot 是一个强大的框架,通过减少配置和简化开发流程,使得开发者可以更加高效地构建和维护应用。无论是微服务、企业级应用还是简单的 RESTful API,Spring Boot 都是一个理想的选择。
2024-10-22 17:00:17
592
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅