- 博客(128)
- 收藏
- 关注
原创 Mysql存储过程案例!
使用CREATE PROCEDURE命令定义了一个名为"GetUserName"的存储过程。",以恢复默认的输入结束符。它定义了一个名为"GetUserName"的存储过程,该过程接受一个参数"userId",并返回与该用户ID匹配的用户名。“,但在存储过程定义语句中,我们需要使用两个斜杠”//"作为输入结束符。,使用SELECT语句查询users表中与输入参数匹配的用户名,并将查询结果存在"userName"变量中。了一个名为"userName"的变量,该变量用于存储与输入参数匹配的用户名。
2023-10-12 13:55:36
236
原创 vue全局事件总线是什么?有什么用?解决了什么问题,与pinia有什么区别?
在这个示例中,当用户在触发事件的组件中点击按钮时,它会触发名为"message-sent"的自定义事件,并将消息数据传递给监听事件的组件,后者在接收到事件后更新数据。现在,当父组件中的按钮被点击时,它将触发自定义事件,子组件将监听并处理这个事件,从而实现了事件的传递和处理。这个示例演示了在Vue.js中传递自定义事件的基本模式,你可以根据需要扩展它来满足更复杂的组件通信需求。例如,假设你有两个组件,一个是触发事件的组件,另一个是监听事件的组件。,并在需要时在组件中使用它来触发和监听事件。
2023-10-09 15:05:17
689
原创 axios登录,登出接口的简单封装步骤详解!
点击事件如下//将登陆用户名赋给store管理实现共享//调用axios对象的get发送请求} else {!");});},LogOut() {// 删除所有本地缓存包括令牌信息// 删除所有本地缓存包括令牌信息// 跳转到登录页面});},
2023-10-07 15:43:44
915
原创 vue.config.js文件中配置lintOnSave: false,有什么用?
lintOnSave` 是一个可以控制是否在保存文件时运行 lint 的选项。当你将 `lintOnSave: false` 设置为 `false` 时,保存文件时不会自动执行代码检查,这可能会导致一些代码规范方面的问题不被发现。在实际项目中,你可以根据项目需求和团队规范来决定是否启用代码检查。- 如果设置为 `true`,则在保存文件时会运行 lint 检查,并根据配置的规则对代码进行检查。- 如果设置为 `false`,则在保存文件时不会运行 lint 检查,禁用 linting 功能。
2023-10-07 14:37:52
3729
原创 vue解决:Parsing error: No Babel config file detected for ....
方法一:vsCode打开文件夹时,打开vue项目根路径如:myProject。
2023-10-07 14:31:32
4894
原创 v-model和v-bind的区别?
是用于在表单元素(比如输入框、复选框、单选按钮等)和 Vue 实例的数据之间创建双向绑定。它会自动更新视图和数据,从视图更新数据,也从数据更新视图。是用于将 DOM 元素的属性绑定到 Vue 实例的数据。它允许你在 DOM 元素上动态地设置属性值,以实现数据驱动视图的效果。是 Vue.js 中常用的指令,但有不同的用途和行为。是 Vue 实例的数据,这个输入框会双向绑定到。是 Vue 实例的数据,,改变输入框的值会更新。
2023-10-07 11:19:40
323
原创 Vue 中的插槽(Slot),有什么用,不同插槽的区别?
Vue 中的插槽(Slot)是一种非常有用的功能,用于组件之间的内容分发和复用。总之,插槽是 Vue 中非常有用的功能,用于。,以满足不同的需求。
2023-10-06 16:26:53
980
原创 vue三种import导入方式详解?
这三种导入方式可以根据你的需求和项目结构来选择。默认导入适用于导入单一默认导出的情况,命名导入适用于导入多个具名导出的情况,而导入整个模块适用于需要多个导出的情况,并且你想将它们组织在一个对象中。导入一个模块并使用其中的导出时,通常需要先确保导出已经在模块中正确定义。这种方式用于导入一个模块的默认导出(通常是一个组件或一个对象)。这种方式用于导入一个模块中的具名导出。你可以在导入语句中使用大括号。你还可以导入整个模块,以便在需要时访问其中的多个导出。文件中的默认导出,并将其命名为。
2023-09-28 09:36:59
4923
原创 javascript中变量的定义const,var,let的区别?
因为它们提供了更可控、更可预测的变量声明和作用域规则,有助于减少潜在的错误。只在特殊情况下需要使用。一般来说,在现代JavaScript开发中,推荐优先使用。,并且在这种情况下需要注意其作用域行为。
2023-09-28 08:56:00
200
原创 Vue2或Vue3使用Pinia快速入门
Store” 在上下文中通常指的是状态管理库中的一个概念,用于存储应用程序的数据状态。在 Vue.js 中,“store” 通常是指 Vuex,而在使用 Pinia 的情况下,它指的是 Pinia 的 store 对象,用于管理应用程序的状态。这样,你就可以在 Vue 2 或Vue3项目中使用 Pinia 进行状态管理。请注意,Vue 2 和 Vue 3 的生命周期和一些语法细节可能有所不同,需要根据你的项目进行适当的调整。
2023-09-26 14:30:12
3381
原创 Vue.config.productionTip = false这设置有什么用?
Vue.config.productionTip` 是Vue.js中的一个全局配置选项,用于控制在生产环境中是否显示一些开发环境中的提示和警告信息。
2023-09-23 15:51:18
1927
原创 javascript的条件表达式!
如果 `authToken` 包含有效值(非空字符串),条件就会成立,而如果 `authToken` 为空字符串或为假值,条件就不会成立。如果 `authToken` 的值为空字符串或为假值(例如 `null` 或 `undefined`),条件表达式 `if (authToken)` 就会被视为假(false)。因此,如果 `authToken` 是一个字符串,只要它不是空字符串,条件 `if (authToken)` 就会被视为真(true)。- 空字符串 `''` 或 `""`
2023-09-23 14:11:01
158
原创 如何通过axios拦截器,给除了登录请求以外,axios的所有异步请求添加JWT令牌!
在上述示例中,我们通过检查请求的URL是否为 `/login` 来确定是否为登录请求。如果不是登录请求,则会添加JWT令牌到`Authorization`标头。这样,仅非登录请求将在请求中包含JWT令牌。如果您想配置除了登录请求以外的所有请求,您可以在请求拦截器中进行条件检查,以仅为非登录请求添加JWT令牌到`Authorization`标头。// 在请求发送之前做一些处理,例如添加 JWT 到请求头。// 检查请求是否为登录请求,如果不是,则添加 JWT。// 配置请求拦截器。
2023-09-21 22:55:33
761
原创 1.什么是jwt?jwt的作用是什么?2.jwt的三个部分是什么?三者之间的关系如何?3.JWT运行的流程是什么
JWT(JSON Web Token)是一种用于在不同系统或组件之间传输信息的紧凑且安全的标准。它的作用主要有两个方面:JWT通常用于验证用户的身份。当用户登录时,服务器会生成一个JWT,并将其发送给客户端。客户端随后在每个请求中包含JWT,服务器使用它来验证用户的身份,以便允许或拒绝对受保护资源的访问。JWT还可以包含有关用户的授权信息,例如用户在系统中的角色或权限。这使得服务器可以根据JWT中的信息来控制用户对资源的访问权限。
2023-09-21 09:08:55
1133
原创 druid在springboot中如何整合配置!
在Spring Boot中配置Druid作为数据源非常简单。Druid是一个高性能的数据库连接池,它提供了丰富的监控和统计功能,适用于各种数据库。
2023-09-20 16:38:29
750
原创 在springboot中整合mybatis配置流程!
Mapper XML文件通常存放在`resources`目录下的`mapper`子目录中。首先,您需要在项目的`pom.xml`文件中添加MyBatis和数据库驱动的依赖。在`application.properties`或`application.yml`文件中配置数据库连接信息,包括URL、用户名和密码。在Spring Boot的主应用程序类上添加`@MapperScan`注解,以告诉Spring Boot扫描Mapper接口的包路径。其余根据你的项目需求和数据库配置进行相应的调整和扩展。
2023-09-20 15:39:38
302
原创 什么是promise?
一旦Promise达到这个状态,它也会保持不变,不会再改变状态。一旦Promise达到这个状态,它就会保持不变,不会再改变状态。这两个回调都接收Promise的结果或原因作为参数。经典使用:Axios 是一个基于Promise的HTTP客户端。: 用于捕获Promise的Rejected异常状态,相当于。: 用于添加一个无论Promise状态如何都会执行的回调函数。:Promise的初始状态,表示操作尚未完成,仍在进行中。回调在Promise状态变为Fulfilled时执行,
2023-09-16 10:02:13
134
原创 vue的data为什么要写成data(return{})这样而不是data:{}这样?
定义为一个返回对象的函数,可以确保每个组件实例都有一个独立的数据对象,实现数据隔离,组件互不影响,而不是共享同一个对象,数据耦合在每一个组件中。函数中返回一个新的数据对象,Vue.js能够确保每次创建组件实例时,都会得到一个全新的数据对象。使得组件更加自包含,不容易受到外部因素的影响,提高了组件的可维护性。:每个组件实例都拥有自己独立的数据对象。因为Vue.js的组件实例是可复用的,而且它们可以在应用中多次实例化。但是数据互不干扰,各自都有data返回的不同的数据对象。,因为每个实例都需要独立的数据。
2023-09-16 09:44:37
337
原创 路由守卫的参数to,from,next是什么?怎么用?
的信息,如路径、参数、查询参数等。你可以使用这个参数来检查用户试图访问的目标路由,并基于这些信息决定是否允许访问。包含了有关当前路由的信息,如路径、参数、查询参数等。你可以使用这个参数来执行一些操作,例如记录用户从哪个路由来。可以接受一个参数,它可以是一个字符串,也可以是一个路由对象,用于指定用户应该导航到哪个路由。来告诉 Vue Router 是否允许用户进入目标路由,以及在何种情况下允许。比如:全局前置守卫做登录验证。
2023-09-15 20:23:33
2613
2
原创 vue.js路由如何配置,及全局前置路由守卫(做所有请求登录验证)、路由独享守卫(访问路由前身份验证)
【代码】vue.js路由配置以及全局前置路由守卫!
2023-09-15 11:07:47
768
原创 @Change监听事件与vue监听属性:watch的区别?
使用 `@change` 适合于处理用户与DOM元素的交互,比如输入框的输入、下拉框的选择等事件。- 使用 `watch` 适合于深度监控数据的变化,无论数据来自何处(可以是props、data等)。- 如果只关心某个特定DOM元素的变化,可以使用 `@change`;如果需要对数据的变化进行全局监控,可以使用 `watch`。
2023-09-14 22:53:40
1453
原创 在vue中this.$refs是干什么的?
this.$refs` 是 Vue.js 中一个特殊的属性,用于访问在模板中使用 `ref` 属性创建的DOM元素或子组件实例。当你在模板中给一个元素或组件添加了 `ref` 属性时,Vue 将会在组件实例中创建一个特殊的引用,使得你可以通过`this.$refs`来访问这个元素或组件。在上面的示例中,`this.$refs.myElement` 将返回一个指向 `<div>` 元素的引用,你可以通过它来访问和操作这个元素,比如修改其文本内容。
2023-09-14 15:22:23
5071
原创 vue element-ui的form表单校验总结,动态校验、自定义校验(用正则校验手机号码、数字、url、中文)
data() {return {//在rules属性填写相关字段的校验规则rules: {{ required: true, message: "必填" },{ min: 6, max: 18, message: '长度在 6 到 18 个字符', trigger: 'blur' }],email:[{ type: 'email', message: '请输入正确的邮箱地址', trigger: 'change' }],//自定义校验name:[
2023-09-14 10:32:06
3055
原创 <scope>compile</scope>在dependency中有什么用?
当你将一个依赖项声明在``部分时,可以通过设置``来指定该依赖项的作用范围。在Maven项目中,``元素用于定义依赖的作用域,它指定了依赖项在不同阶段的可见性和生命周期。使用适当的``可以帮助管理项目的依赖关系,以确保在不同阶段正确地引入所需的库和组件。- 表示在编译和测试阶段依赖可用,但在运行时由容器或环境提供。- 依赖项只在测试阶段可用,不会传递到项目的依赖中。- 用于在编译时不需要,但在运行时需要的情况。
2023-09-14 09:59:46
4797
原创 element-ui在vue中如何实现校验两个复选框至少选择一个!
来实现这一点。你可以在 `rules` 对象中定义一个自定义的验证规则来检查 `isCheck1` 和 `isCheck2` 至少有一个被选中。以下是一个示例:```vue。
2023-09-11 20:42:03
2592
原创 在 Vue.js 中,使用 watch 监听data变量如:对象属性/data变量
在上述例子中,我们在 `data` 中声明了一个变量 `variableToWatch`,并在 `watch` 选项中监听了它的变化。当 `variableToWatch` 的值发生变化时,相应的 `watch` 函数将被触发。现在,当 `isCheck1` 或 `isCheck2` 的值发生变化时,相应的 `watch` 函数将被触发。这样,在组件创建后,`variableToWatch` 的初始值也会被监视。你可以使用 `watch` 选项以及直接在 `data` 中声明这个变量。
2023-09-11 20:28:53
1309
原创 URL一般由什么组成?
URL一般由以下部分组成:例如,一个完整的URL可能如下所示:https://www.example.com:80/index.html?param1=value1¶m2=value2
2023-09-11 17:20:38
551
原创 如何使用element-ui相关组件如:el-select,el-table,el-switch,el-pagination,el-dialog
userTypeOptions后端响应的对象数组数据。表格中添加模板的作用域实现 异步处理。axios实现发送异步请求。组件 | Element。几个监听函数与异步请求。
2023-09-09 13:55:09
747
原创 如何实现Spring的事务管理功能:@Transactional声明式事务
请注意,Spring提供了多种事务管理策略,包括声明式事务(如上述示例中的`@Transactional`注解)和编程式事务,您可以根据具体情况选择适合的方法来处理事务。2. 使用 `@Transactional` 注解:在您的DAO层或Service层你的Service接口的方法上使用`@Transactional`注解来标记需要进行事务管理的方法。这样配置后,如果在`performTransactionalOperation`方法中的任何数据库操作失败,Spring将自动回滚事务,确保数据的一致性。
2023-09-08 14:09:01
345
2
原创 springMvc拦截器HttpServletRequest request, HttpServletResponse response, Object handler三个参数详解 是什么怎么用哪里用
HttpServletRequest、HttpServletResponse 和 Object handler 是 Java Servlet 中用于处理 HTTP 请求的方法的参数。它们在 Servlet 和 Spring MVC 等框架中经常用到,用于处理 Web 请求和生成 Web 响应。
2023-09-02 16:42:05
1200
原创 springmvc的转发和重定向的案例演示 到底什么是转发和重定向两者有什么区别?
**转发**是服务器内部的行为,只涉及一次请求,地址栏不变。- **重定向**涉及到客户端和两次请求,地址栏会显示新的URL。选择使用转发还是重定向取决于你的具体需求。例如,如果你完成了表单的提交并想防止重复提交,重定向通常是一个好选择。如果你只是想在服务器内部导航,而不想改变浏览器中显示的URL,那么转发可能更合适。
2023-09-02 15:52:49
801
原创 springmvc:设置后端响应给前端的json数据转换成String格式
【代码】springmvc:设置后端响应给前端的json数据转换成String格式。
2023-09-02 10:32:38
1089
原创 springboot:时间格式化的5种方法(解决后端传给前端的时间格式转换问题)推荐使用第4和第5种!
本文我们介绍了 5 种时间格式化的实现方法,其中第 1 种为前端时间格式化的方法,后 4 种为后端格式化的方法,SimpleDateFormat 和 DateTimeFormatter 格式化的方法更适用普通的 Java 项目,其中 SimpleDateFormat 是非线程安全的,而 DateTimeFormatter 是线程安全的,但它们都不是 Spring Boot 项目中最优的时间格式化方案。它的实现原理和第 4 种时间格式化的实现原理类似,都是在返回数据之前,对相应的字段进行时间格式化的处理。
2023-09-02 09:26:18
5612
1
原创 如何修改JSON数组中的每个对象的userType属性值
要修改JSON数组中的每个对象的`userType`属性值,您可以使用JavaScript的`map`函数或`forEach`循环。
2023-09-01 22:08:05
642
原创 后端响应的时间戳对象格式如何在前端element-ui的e-table中设置时间格式如:某年-某月-某日 某时:某分:某秒!可以使用JavaScript的Date对象将其格式化为所需的日期时间字符串
确保将`data`数组填充为从后端响应获取的数据,并根据您的需求配置其他el-table列。这样,`createdTime`字段就会以指定的日期时间格式显示在el-table中。假设您有一个名为`data`的数组,其中包含后端响应的数据,其中包含了`createdTime`字段。然后,在el-table中的列模板中,我们使用`formatDate`方法来显示格式化后的时间。在这个示例中,我们首先定义了一个名为`formatDate`的方法,以某年-某月-某日 某时:某分:某秒的格式。
2023-09-01 21:39:33
457
java面试题,java基础,javaweb,spring,springmvc,mybatis等
2023-10-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅