- 博客(29)
- 收藏
- 关注
原创 控制台报错vue-router.esm.js:2317 TypeError: Cannot read properties of undefined (reading ‘role_id‘) a
这个错误的根本原因是尝试访问一个未定义对象的属性。确保数据在使用之前已经被正确加载。使用可选链操作符或条件检查来避免访问未定义对象的属性。在异步操作中正确处理数据加载逻辑。在 Vuex 或其他状态管理工具中正确管理数据。添加日志帮助调试和定位问题。
2025-03-24 15:57:42
379
原创 this.centerDialogVisible = true this.$nextTick(()=>{ this.resetForm(); })
打开对话框。:确保在对话框完全渲染后执行某些操作。:重置表单,清空或恢复表单的初始状态。这段代码的典型应用场景是打开对话框时重置表单,确保每次打开对话框时表单都是干净的。通过$nextTick,可以避免在 DOM 未完全更新时操作表单,确保代码的可靠性。
2025-03-24 12:37:01
737
原创 resetForm() 方法用于重置表单
方法通过调用,可以方便地重置表单字段的值和验证状态。它是表单操作中一个非常实用的功能,尤其是在需要清空或恢复表单时。
2025-03-24 11:02:11
385
原创 Vue.js 应用的入口文件main.js
这段代码是一个典型的 Vue.js 应用的入口文件,它完成了 Vue 应用的初始化、插件引入、全局配置以及挂载到 DOM 的过程。下面我们逐行详细解析这段代码的作用:导入 Vue 库,这是 Vue.js 的核心库,用于创建 Vue 实例。导入根组件 ,它是整个 Vue 应用的入口组件,所有其他组件都会嵌套在它里面。导入 ElementUI 库,这是一个基于 Vue 的 UI 组件库,提供了丰富的 UI 组件(如按钮、表格、表单等)。导入 ElementUI 的默认样式文件,确保 Element
2025-03-22 10:22:09
604
原创 Axios 和 跨域 这两个概念
跨域(Cross-Origin)是一个安全机制,用来限制浏览器从一个域名(或端口、协议)去请求另一个域名(或端口、协议)的资源。比如,如果一个恶意网站可以随意访问你的银行网站的数据,那就太危险了。由于它们的端口不同,浏览器会认为这是两个不同的“域”,默认情况下会阻止这种请求,这就是跨域问题。在 Spring Boot 中,可以通过配置允许特定的前端域名访问后端资源。后端接收到这个请求后,会处理并返回数据,前端拿到数据后就可以显示在页面上。这样,前端在开发时发送的请求会被代理到后端,绕过浏览器的跨域限制。
2025-03-22 10:14:39
502
原创 系统架构图
以上技术栈及版本均基于提供的项目文件内容整理,关键版本如MyBatis-Plus 3.4.1、Vue Router 3.5.4等需保持一致以避免兼容性问题。
2025-03-18 19:18:15
809
原创 Element Plus 组件库(el-container、el-header 等组件)来构建页面布局
这段代码实现了一个带有头部的页面布局,使用了 Element Plus 的和el-header组件。Header是一个自定义组件,负责头部内容的渲染和交互。通过和:icon实现了父子组件之间的通信,动态更新图标和处理折叠逻辑。如果你有更多问题,欢迎继续提问!
2025-03-17 09:56:40
846
原创 @click.native=“toUser“中native的作用
click:监听组件内部通过触发的自定义事件。:监听组件的原生click事件。主要用于在自定义组件上监听原生 DOM 事件。
2025-03-17 09:39:53
295
原创 Vue.js 中,components: {Header, Aside} 是一种组件注册语法
components是 Vue 组件选项中的一个字段,用于声明当前组件中需要使用的子组件。Header和Aside是两个子组件的引用,它们通常是从其他文件中导入的 Vue 组件。
2025-03-04 11:35:44
613
原创 成功返给前端数据的封装
suc():无数据返回,仅告知操作成功。:返回具体数据,但不涉及分页。:返回分页数据及总记录数,适用于分页查询场景。通过这种封装方式,可以统一后端接口的响应格式,简化前端的处理逻辑。
2025-03-04 09:56:33
415
原创 在前后端分离的仓库管理系统中,常用注解的作用和应用场景
在前后端分离的仓库管理系统中,注解(Annotation)是 Spring 框架中非常重要的部分,用于简化开发、提高代码的可读性和可维护性。希望这个详细的解释对你有帮助!如果还有其他问题,欢迎随时提问!注解的详细解释,以及其他常用注解的作用和应用场景。
2025-03-03 11:16:18
1267
原创 @Autowired和@GetMapping
这段代码是一个典型的 Spring Boot 控制器(Controller)中的方法,使用了。这段代码的作用是提供一个 RESTful API,客户端可以通过 GET 请求访问。注解定义了一个 HTTP GET 请求的接口。希望这个解释对你有帮助!如果还有其他问题,欢迎随时提问!注解进行依赖注入,并通过。路径,获取用户列表。
2025-03-02 13:19:04
989
原创 @Mapper和@Service注解的作用和应用场景
注解通常用于 MyBatis 框架中,用于标识一个接口为 MyBatis 的 Mapper 接口。MyBatis 会根据这个接口自动生成实现类,用于执行 SQL 操作。注解是 Spring 框架中的一个注解,用于标识一个类为服务层(Service Layer)的组件。它通常用于封装业务逻辑。是 Spring 框架中常用的注解,分别用于不同的场景。在典型的 Spring Boot + MyBatis 项目中,希望这个解释对你有帮助!如果还有其他问题,欢迎随时提问!
2025-03-02 12:58:23
1043
原创 @Data注解和应用场景
注解,开发者可以避免手动编写这些重复的样板代码,使代码更加简洁和易读。你提供的代码片段是一个使用 Lombok 注解的 Java 类。希望这个解释对你有帮助!如果还有其他问题,欢迎随时提问!
2025-03-02 12:45:38
1009
原创 pom.xml
是 Maven 项目的核心配置文件,用于管理项目的依赖、插件、构建配置等。主要用于后端 Spring Boot 项目的依赖管理和构建配置。,开发者可以定义项目所需的依赖库、构建生命周期、插件配置等。Maven 插件用于辅助项目的构建和打包。希望这个解释对你有帮助!如果还有其他问题,欢迎随时提问!以下是一个典型的仓库管理系统的。在前后端分离的仓库管理系统中,在前后端分离的仓库管理系统中,
2025-03-02 11:24:42
2018
原创 Vue Vue router的关系
希望这个解释能帮助你更好地理解 Vue 和 Vue Router 的关系!如果还有其他问题,欢迎随时提问!是紧密相关的两个技术,但它们的功能和用途不同。
2025-03-02 11:19:48
782
原创 尚硅谷前端入门html+css学习笔记——H5和CSS3
z尚硅谷前端入门html+css零基础教程,零基础前端开发htmzl5+css3视频1、W3C官网地址2、优势(1)针对Javascript,新增了很多可操作接口(2)新增了一些语义化标签、全局属性(3)新增了多媒体标签,可以很好的替代flash(4)更加侧重语义化,对SEO更友好(5)可移植性好,可大量应用在可移动在设备上3、兼容性支持:Chrome、Safari、Opera、Firefox等主流浏览器,IE9及以上版本(1)解决实际面临的问题(2)按照模块化的方式去发展。
2024-09-27 11:22:17
755
原创 尚硅谷前端入门html+css学习笔记——尚品汇页面设计
z尚硅谷前端入门html+css零基础教程,零基础前端开发htmzl5+css3视频。
2024-09-03 14:34:57
501
1
原创 vscode 前端网页 快捷键
lorem(60)+Enter(随机生成60个翻译得通得英文单词)快捷键:光标放在删除行+(Ctrl+Shift+K)右键检查,ctrl+F可查找标签使用个数。Ctrl和Shift和 Delete。vscode快捷键:ctrl+/换行快捷键:Ctrl+Enter。放大:Ctrl和Shift和 +缩小:Ctrl和Shift和 -向下:Alt+Shift+↓。向上:Alt+Shift+↑。选中行+Shift+tab。
2024-09-01 15:20:57
521
原创 尚硅谷前端入门html+css学习笔记——HTML4
尚硅谷前端入门html+css零基础教程,零基础前端开发html5+css3视频网页(淘宝、京东)、小程序(支付宝、抖音)、数据可视化(智慧工地可视化大数据展示平台)、服务器、客户端全称:HyperText Markup Language 译为: 超文本标记语言1996年W3C制定HTML规范,2014年HTML5由W3C正式发布。
2024-08-04 14:27:56
1333
原创 前端网页更换网站图标以及图片.jpg或.png格式转换为favicon.ico格式
注意:图标放在和网页同一个目录下,之后浏览器刷新或者强刷新(摁住Shift建+刷新)
2024-08-01 11:54:30
307
原创 前后端分离仓库管理系统(Springboot+Vue)遇到的问题
原因:再yml文件中配置的port后面的冒号和8090之间有一个空格。(2)创建mapper接口(UserMapper):是接口,要继承。(4)创建service实现类(UserServiceImpl)(3)创建service接口(UserService):是接口。(1)创建实体类(User):对应数据库表中的字段。(6)测试类(HelloController)
2024-07-29 20:31:40
257
原创 MySQL的安装和卸载以及navicat连接
注意:配置环境变量时候,如果电脑原来有配置和安装过MySQL可以先删除干净。相较于参考博客,多出以下选择,选择第一个直接点击next。查看电脑mysql版本:cmd -> mysql -V。使用navicat链接数据库是出现2059报错。服务器名称,启动时候启动mysql服务。MySQL卸载干净:参考。
2024-07-16 10:29:47
250
原创 Springboot启动报错 Whitelabel Error Page以及错误: 找不到或无法加载主类 com.wms.wms.WmsApplication
Springboot启动报错 Whitelabel Error Page: This application has no explicit mapping for /error以及错误: 找不到或无法加载主类 com.wms.wms.WmsApplication
2024-07-04 11:00:21
304
1
空空如也
Java中使用命令行给main函数传参
2022-11-05
java中while 循环
2022-11-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人