草庐IT

uview-plus

全部标签

Mybatis-plus 主键生成策略详解

1.1简述Mybatis-plus提供了多种主键生成策略,可以在Pojo类中主键上加注解进行配置,例如数据库主键自增@TableId(type=IdType.AUTO)1.2五种策略1.2.1AUTO(自动增长策略)AUTO自动增长策略,这个配合数据库使用,Mysql可以,但是Oracle不行。不配合会报错,这里就不细展开了,有兴趣的同学可以去试一试。在主键字段上加上@TableId(type=IdType.AUTO)@DatapublicclassUserInfo{//指定主键使用数据库ID自增策略@TableId(type=IdType.AUTO)privateIntegerid;priv

uview 中u-tabs如何做tab切换?

先看案例如图所示话不多说上代码:1122exportdefault{data(){return{//list:[{name:"额度恢复记录",},{name:"还款记录",},],//默认展开第几项current:0,};},methods:{change(index){this.current=index;//如报错则用this.current=index.index;代替上面这句},},};    

uniapp初步搭建:如何引入uview库(跨移动多端ui库)

uView是uni-app生态专用的UI框架,uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)1. 查看项目根目录有没有package.json,如果没有执行一下命令:npminit-y2. 安装npminstalluview-ui@2.0.31 3.在uniapp项目的main.js文件里引入importuViewfrom"uview-ui";Vue.use(uView); 4.uniapp项目的uni.scss文件下引入@impor

uniapp初步搭建:如何引入uview库(跨移动多端ui库)

uView是uni-app生态专用的UI框架,uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)1. 查看项目根目录有没有package.json,如果没有执行一下命令:npminit-y2. 安装npminstalluview-ui@2.0.31 3.在uniapp项目的main.js文件里引入importuViewfrom"uview-ui";Vue.use(uView); 4.uniapp项目的uni.scss文件下引入@impor

Mybatis-plus批量操作

前言    使用Mybatis-plus可以很方便的实现批量新增和批量修改,不仅比自己写foreach遍历方便很多,而且性能也更加优秀。但是Mybatis-plus官方提供的批量修改和批量新增都是根据id来修改的,有时候我们需求其他字段,所以就需要我们自己修改一下。一、批量修改    在Mybatis-plus的IService接口中有updateBatchById方法,我们常用以下方法根据id批量修改数据。@Transactional(rollbackFor=Exception.class)defaultbooleanupdateBatchById(CollectionentityList)

Mybatis-plus---的批量插入

批量插入一、继承IService(伪批量)二、insertBatchSomeColumnMybatis-plus很强,为我们诞生了极简CURD操作,但对于数据批量操作,显然默认提供的insert方法是不够看的了,于是它和它来了!!!Mybatis-plus提供的两种插入方式        继承IService(伪批量)        insertBatchSomeColumn 一、继承IService(伪批量)在Mapper继承BaseMapperimportcom.baomidou.mybatisplus.core.mapper.BaseMapper;importcom.example.de

uniapp + vue3.0 + uview-plus3.0搭建项目

一、初始化项目创建利用工具导入插件 说明已经导入二、配置1、先安装插件uview-plus依赖SCSS,需要先下载sass 和sass-loadernpminstallsasssass-loader@10-D 依次安装以下插件,如果有请忽略npminstalldayjsnpminstallclipboard2、配置文件main.jsimportuViewfrom'@/uni_modules/uview-plus' app.use(uView)App.vue@import"@/uni_modules/uview-plus/index.scss";uni.scss@import'@/uni_mod

使用Element-Ui-Plus时,对select-v2进行自定义操作,可以自定义添加筛选后无数据的选项进行添加。

问题背景:在最近的开发需求中,需要对element-ui-plus的select-v2的组件进行自定义的改装,即在搜索状态完成后,如果发现无搜索内容,可进行自定义的进行添加当前的select的input框内。问题原因:select-v2提供了一个属性方法,即allow-create的属性,为了使allow-create正常工作,filterable的值必须为true。但是我们发现,使用这个属性后,如果输入的是已经存在的值,它也会默认进行创建,这不是我们想要的效果。如图所示;通过调查研究发现,可以使用如下的方法进行解决。解决思路:使用自定义的空状态的插槽,设置一个添加按钮,监听该按钮,当发现无搜

element-plus图片预览

背景:项目中需要对图片进行放大预览操作;解决方案:①使用el-image自带的预览功能;②使用el-image-preview组件进行预览;一.使用el-image进行预览:官方文档:Image图片|ElementPlus1.官方示例:consturl='https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'constsrcList=['https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg','https://fus

uniapp中使用uview组件u-icon 编辑到微信小程序样式问题

在微信小程序中用u-icon标签选择器才能对其设置样式,但在h5预览中u-icon{}这样设置样式不生效,用组件的customStyle属性才生效。所以干脆对不同平台用不同写法: u-iconname="close"@click="close">u-icon> u-iconname="close"@click="close":customStyle=" {position:'absolute', right:'30rpx', top:'33rpx'}">u-icon> 同时在style标签里使用u-icon选择器写样式来作用于微信小程序中:u-ic