logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3+pinia Store 关于 readonly 数据使用的讲解(资金信息 Store)

主页面组件- 表格子组件typescript// CapitalInfoTable.vue interface Props { // ✅ 支持 readonly,消除类型冲突 data: readonly CapitalInfoResponse[];border?: boolean;无需类型断言保持类型安全符合数据流向(父传子,子不应修改)如果子组件内部确实需要修改数据,需要额外处理维度使用 re

#ubuntu#linux#运维
全栈开发规范:vue3+TypeScript+Element-Plus+Spring Boot+Mybatis-Plus

请求对象:前后端命名一致,大驼峰,后缀 Request,如:CapitalAllocateQueryRequest。- 前端Store命名:小驼峰,前缀 use,后缀 Store,如:useCapitalAllocateStore。- 响应对象:前后端命名一致,大驼峰,后缀 Response,如:CapitalAllocateResponse。- 前端枚举文件命名:大驼峰,后缀.enum,如:Ca

#前端#spring boot#typescript +2
DTO转VO工具类实现

代码:src/main/java/com/weiyu/util/BeanConvertUtils.javasrc/main/java/com/weiyu/model/PageResult.java使用示例假设有以下类::数据传输对象:视图对象(VO):分页结果类,包含 、 和构造函数 java// DTO -> VOCapitalInfoDTO dto = capitalInfoServic

Vue3+Vite打包报错:Rollup failed to resolve import

报错信息:你在打包时遇到的错误是因为在文件中,有一行导入语句使用了tsVite / Rollup 无法解析这个路径,因为正确的导入方式应该使用,而不是指向内部的物理文件路径。

#vue.js#javascript#前端
Controller 标注 @Validated 开启校验后,使用的自定义校验注解必须要有groups()和payload(),不然就会抛出 ConstraintDefinitionException

@Validated // 标注这个,方法中的 @Min、@Max 和 自定义校验 @ValidExcelFile、@FileSize 等才会生效(Spring 默认不对 @PathVariable 进行校验,需 @Validated 激活)代码:对自定义注解的要求:要求有和方法src/main/java/com/weiyu/annotation/ValidExcelFile.java当你在类上添

#spring boot#后端#java
Spring Boot 缓存实现方案,缓存是提升性能、降低数据库压力的重要手段(单机应用推荐 Spring Cache + Caffeine)

添加依赖和caffeine。启用缓存:启动类加。配置缓存中设置。注解 Service 方法上加。所有更新配置的方法(如addSource等)上加。测试验证:首次调用查库,第二次直接返回缓存。Spring Boot 项目中使用缓存,应根据业务场景选择合适的方案:对于组合查询、跨表结果,首选Spring Cache 抽象,它提供了声明式编程模型,能够灵活地缓存任意方法的返回值,并且支持多种缓存实现,方

#spring boot#缓存#数据库
DTO转VO工具类实现

代码:src/main/java/com/weiyu/util/BeanConvertUtils.javasrc/main/java/com/weiyu/model/PageResult.java使用示例假设有以下类::数据传输对象:视图对象(VO):分页结果类,包含 、 和构造函数 java// DTO -> VOCapitalInfoDTO dto = capitalInfoServic

Vue3中defineProps(定义onSave)与defineEmits(定义save)造成命名冲突

将onSave改为不与事件监听器冲突的名称,例如。ts// .../** 保存函数(接收一个 done 回调,保存完成后调用) */// 改名// 使用处done?.();// 可选,仍可触发 save 事件});.();vueplain保存vue...-- 可选 -->

#javascript#前端#vue.js
Vue3+Element Plus+Table+TypeScript中el-cascader 级联选择器(部门人员)表格行中选择人员取值示例

推荐采用方案一,因为它更简单且符合大多数业务场景。修改后,每行的级联选择器将正确绑定到对应的userPerson字段,无需额外处理。请根据实际业务需求选择合适方案。// emitPath 在选中节点改变时,是否返回由该节点所在的各级菜单的值所组成的数组,若设置 false,则只返回该节点的值,默认为 true// 处理使用人改变,当前emitPath默认为true,value的数据模型样式为 ['

#typescript#vue.js#前端
Vue3三代(子父爷)/三层组件通信:使用 emit 实现刷新按钮加载状态的代码示例及讲解(BasePreventReClickButtonEmit防抖按钮子组件 >父组件>爷组件)

emit是同步的,不能await。对于需要等待异步操作的场景,优先选择 done回调模式)或 props.onClick函数模式根据你的代码结构,推荐继续使用并确保每一层都正确传递event和done,最终在业务组件中调用done()。

#vue.js#前端#javascript
    共 82 条
  • 1
  • 2
  • 3
  • 9
  • 请选择