- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vue3自定义组件（四）
时发现操作栏位通过h()来绑定按钮，使用起来不是很灵活，需要整个可以 完全自定义的组件，然后再绑定到操作栏位，这样才更方便，所以就改了下之前的操作栏位实现方式；在props.ts中新增了新组件的几个参数：（这些用于规范我自定按钮的参数有哪些，方便后续拓展有依据）default: "你确定继续操作吗?default: "你确定继续操作吗?这里实现了普通按钮和确认按钮两种操作按钮功能；（1）自定义操作按钮操作方法传递给子组件失败。注意新组件也要导出后，才能在父组件使用。这样子组件就无需重复定义已有组件参数；
2023-09-08 13:50:37
434
1
原创 Vue3自定义组件（三）
然后又用ref来获取参数，发现也不行，后面又添加了监听，看能否改变值，还是失败了，然后就查了文档，发现可以用@update来监听数值变化，经过测试验证发现，貌似取不到参数的key,这样就无法修改对象的值，经过反复尝试，最后发现可以直接在动态创建组件中直接赋值，实现双向绑定后，发现有两个字段的值怎么改都一致，以为绑定的有问题，最后试了其他字段都没问题，然后才发现是我自定义的column里面的key写错了，之前是直接CV的，userName的key还是userAcc,改正确后，就正常了；
2023-09-07 17:00:12
163
原创 Vue3自定义组件（二）
（1）不知道如何展示n-modal的字段，因为不知道如何关联选中的值和展示的字段，最根本的原因是不知道如何动态根据一个key获取对象的值，最后才知道可以用object[key]的方式取值；中，我创建了一个简单的表格组件，只新增了一个表头显示，是最简单的组件实现，现在我想对表格做简单的增删改查，就需要进一步改动我的组件了。这样就稍微把之前的组件完善了一下，但是也只是简单调整，后面继续优化它。首先我要展示具体信息的，那我就要有组件去展示，这里我选用了。//导出方法到外部使用。
2023-09-05 18:16:52
315
1
原创 Vue3自定义组件（一）
错误写法：（这样写会导致页面加载时就自动调用editData(row)，然后button的onclick方法失效）,部分组件达不到自己的预期，但是又是通用的，所以这时候就想整个自定义组件了；这样一个简单的自定义组件就完成了，先整个简单的，后面再慢慢加其他功能吧。自己用vite创建了一个前端项目，UI使用的是。CommonTable.vue 是自定义组件的主体内容。props.ts是用于自定义组件参数。index.ts是用于组件批量导出。
2023-09-01 09:24:05
824
1
原创 Vite+vue3+ts使用pinia
存储一些后端获取的信息或者状态信息，方便后续页使用，之前vue2时使用的基本上都是VueX，使用vue3时推荐使用的是pinia，这个网上的介绍就是基于vue3升级版的VueX,实际上和VueX没啥太大区别；根据网上通用习惯创建一个store文件夹，在创建一个index.ts（也可以直接在main.ts中直接引入，我现在只是先简单实现，方便后续拓展）（1）需求，我现在想存储一些登录的用户，用于登录成功后的首页显示；这样就基本上可以实现了这个存储功能了，先实现功能后续再慢慢优化吧。
2023-08-30 15:22:55
98
1
原创 Springboot集成logback打印日志
正常引入了spring-boot-starter-web后,相应的logback包实际上就已经引入进来了，无需再添加其他依赖。需要打印日志的类，添加@Slf4j注解，接下来就可以直接使用log.info(xxxx)等日志打印方法了，-- 彩色日志依赖的渲染类 -->4、启动项目，正常访问对应类，日志正常打印。-- 彩色日志格式 -->
2023-08-25 11:27:05
121
1
原创 SpringBoot集成Swagger2
根据百度提示，因为我的swagger配置类和SpringBoot启动了不在一个Modul里，出现上面的问题可以通过在SpringBootApplication启动类加个注解(com.XXXXX.config是配置类所在路径包名)页面虽然进到了Swagger文档页面，但是确没有我创建的Controller对应的接口文档，提示No operations defined in spec!自己构建项目过程中想用下Swagger做接口文档管理，就记录下集成Swagger2过程。说明还是有问题，还需要解决。
2023-08-25 10:21:17
160
1
原创 Vue3使用Naive UI Message等组件
Application.vue内容如下：（这里顺便把其他常用的组件一起封装了，方便后续使用，要是就用message就只要封装一个就行。
2023-08-18 15:16:08
1054
2
原创 Vite+vue3+ts如何封装axios
根据通用的方式都是建一个reques文件夹，再建一个reques.ts文件：路径：reques/request.ts，内容如下：（初版能用就行，后面研究深了，再优化吧）建了一个api文件夹，用于存放系统范文后端的所有请求ts。使用qs(qs是一个流行的查询参数序列化和解析库)我现在要查询后台用户信息。
2023-08-17 17:20:12
589
1
原创 Vite+vue3+ts如何使用router
路径（参考大部分人都是这么创建的）：src/router/index.ts。对应的component要根据自己的路径创建好。ts内容根据自己项目自定义，我自己的是这么写的。2、创建router对应的ts文件。1、安装router。3、使用router。
2023-08-17 10:31:53
209
2
原创 Maven依赖树查看jar包依赖
通过错误提示，以及这个maven依赖树，我发现似乎要引入这个json包（只是自己的猜测），于是就在pom.xml加入了这个包，重启项目，再次访问，发现问题解决了。通过百度提示，是少了某个jar,于是根据百度结果，尝试通过maven依赖树，查找缺少的jar，尝试解决；通过这一过程，似乎给我提供了一些简单的处理问题思路，因此还是记录下，方便后续回顾。
2023-08-14 14:06:57
278
原创 使用mybatis-plus-generator生成代码
创建了一个maven工程（我是在一个父项目下创建的一个字项目，后续准备在拓展其他工程，没有直接创建springboot工程，想慢慢自己手动创建，熟悉过程，后续可以直接通过idea 的springboot创建实现工程创建），端口在application.yml先配置为7022（自己随意设置，就是个空闲端口）；为了避免手动创建entity以及相应mapper，service等文件，使用mybatis-plus-generator代码自动生成功能，根据数据库表自动生成所需文件，本次记录一下使用过程，方便回顾。
2023-08-14 13:40:22
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人