草庐IT

Vue3 封装 Element Plus Menu 无限级菜单组件

本文分别使用SFC(模板方式)和tsx方式对ElementPlusel-menu组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。1数据结构定义1.1菜单项数据结构使用element-plusel-menu组件实现菜单,主要包括三个组件:el-menu:整个菜单;el-sub-menu:含有子菜单的菜单项;el-sub-menu:没有子菜单的菜单项(最末级);结合菜单的属性和展示效果,可以得到每个菜单项包括:菜单名称、菜单图标、菜单唯一标识、子菜单列表四个属性。于是可得到菜单项结构定义如下:/***菜单项*/exportinterfaceMenuItem{/

Mybatis-plus的自定义分页搭配sql Server数据库使用

原文出处:mybatisplus查询分页并且排序报错解决方法,适用于自定义sql和sqlserver_十七梦的博客-CSDN博客一开始使用过的是官方文档来写分页,结果出现了如果不在最后添加ORDERBY排序的话,数据库会报错。但是如果添加了排序,mybatis又会报无法”ORDERBY子句在视图、内联函数、派生表、子查询和公用表表达式中无效。“。因为在mybatis查询前会先用selectcount()查询一遍是否有数据,之后才会执行你写的sql。但是对代码的不熟悉导致不清楚该怎么既能排序,又能分页。后来查询过很多资料后,发现自己写的返回参数是使用IPage包裹的,而别人是写的Page包裹的,

Mybatis-plus的自定义分页搭配sql Server数据库使用

原文出处:mybatisplus查询分页并且排序报错解决方法,适用于自定义sql和sqlserver_十七梦的博客-CSDN博客一开始使用过的是官方文档来写分页,结果出现了如果不在最后添加ORDERBY排序的话,数据库会报错。但是如果添加了排序,mybatis又会报无法”ORDERBY子句在视图、内联函数、派生表、子查询和公用表表达式中无效。“。因为在mybatis查询前会先用selectcount()查询一遍是否有数据,之后才会执行你写的sql。但是对代码的不熟悉导致不清楚该怎么既能排序,又能分页。后来查询过很多资料后,发现自己写的返回参数是使用IPage包裹的,而别人是写的Page包裹的,

在vue项目中使用UEditor--plus

1:UEditor-plus富文本编辑器如何在vue项目中使用备注:UEditor是由百度web前端研发部开发的所见即所得的开源富文本编辑器,由于该项目不在维护;程序员自发对其进行了维护,详见https://gitee.com/modstart-lib/ueditor-plus?_from=gitee_search; 2.使用方法第一步:在git上拉取ueditor代码到本地第二步:解压后找到dist文件夹,复制并粘贴到vue项目包中的static(vue3粘贴到public)文件夹目录下,并改名为UEditor  第三步:在终端中运行 npmivue-ueditor-wrap 第四步:在页面

在vue项目中使用UEditor--plus

1:UEditor-plus富文本编辑器如何在vue项目中使用备注:UEditor是由百度web前端研发部开发的所见即所得的开源富文本编辑器,由于该项目不在维护;程序员自发对其进行了维护,详见https://gitee.com/modstart-lib/ueditor-plus?_from=gitee_search; 2.使用方法第一步:在git上拉取ueditor代码到本地第二步:解压后找到dist文件夹,复制并粘贴到vue项目包中的static(vue3粘贴到public)文件夹目录下,并改名为UEditor  第三步:在终端中运行 npmivue-ueditor-wrap 第四步:在页面

springboot+mybatis-plus数据库mysql+sybase遇到的一些问题

我们服务启动时,sybase数据库连接直接创建10个连接。(为什么启动时会创建这么多连接?)有时候可以写入sybase库,大部分写入失败查询sybase库数据可以查出来,没问题尝试的方案1如图: Springboot 连接迪砂数据库的application.yml配置文件我们配置的application.yml文件如下: type:com.zaxxer.hikari.HikariDataSourcedriver-class-name:com.sybase.jdbc4.jdbc.SybDriverurl:jdbc:sybase:Tds:ip:2638/数据库名;charset=cp936user

springboot+mybatis-plus数据库mysql+sybase遇到的一些问题

我们服务启动时,sybase数据库连接直接创建10个连接。(为什么启动时会创建这么多连接?)有时候可以写入sybase库,大部分写入失败查询sybase库数据可以查出来,没问题尝试的方案1如图: Springboot 连接迪砂数据库的application.yml配置文件我们配置的application.yml文件如下: type:com.zaxxer.hikari.HikariDataSourcedriver-class-name:com.sybase.jdbc4.jdbc.SybDriverurl:jdbc:sybase:Tds:ip:2638/数据库名;charset=cp936user

Rollup failed to resolve import "element-plus/es/components"

vite打包异常,错误信息如下:[vite]:Rollupfailedtoresolveimport"element-plus/es/components"from"node_modules/element-plus/es/index.js".Thisismostlikelyunintendedbecauseitcanbreakyourapplicationatruntime.Ifyoudowanttoexternalizethismoduleexplicitlyadditto`build.rollupOptions.external`errorduringbuild:Error:[vite]

Rollup failed to resolve import "element-plus/es/components"

vite打包异常,错误信息如下:[vite]:Rollupfailedtoresolveimport"element-plus/es/components"from"node_modules/element-plus/es/index.js".Thisismostlikelyunintendedbecauseitcanbreakyourapplicationatruntime.Ifyoudowanttoexternalizethismoduleexplicitlyadditto`build.rollupOptions.external`errorduringbuild:Error:[vite]

vue3 Element Plus按钮点击之后颜色不会还原的解决方案

思路:ElementPlus提供了样式变量,我的解决思路就是修改其样式变量。新建外部样式xxx.css加入内容:.el-button--primary{--el-button-bg-color:#409eff;--el-button-hover-bg-color:#409eff;}.el-button--primary:hover{--el-button-hover-bg-color:#79bbff;}.el-button--warning.is-plain{--el-button-bg-color:#fdf6ec;--el-button-hover-text-color:#e6a23c;--