草庐IT

DragLine封装

全部标签

基于SqlSugar的开发框架循序渐进介绍(10)-- 利用axios组件的封装,实现对后端API数据的访问和基类的统一封装处理

在SqlSugar的开发框架的后端,我们基于WebAPI的封装了统一的返回结果,使得WebAPI的接口返回值更加简洁,而在前端,我们也需要统一对返回的结果进行解析,并获取和WebAPI接口对应的数据进行展示即可,本篇随笔介绍在Vue3+TypeScript+Vite的项目中,使用基于TypeScript的基类继承的方式,实现对后端接口数据的统一解析处理的封装操作。1、SqlSugar的开发框架后端WebAPI的封装前面介绍到,在SqlSugar的开发框架的后端,我们需要对WebAPI统一封装返回结果,如对于授权登录的接口,我们的接口定义如下所示。//////登录授权处理//////[Allow

前端常用函数封装

常用函数封装获取某日期若干个工作日后的日期*参数:*time:[String]给定日期yyyy-MM-dd*itervalByDay:[Number]相隔工作日*separator:[String]年月日分隔符*返回:*rq:[String]匹配的日期yyyy-MM-ddvargetworkday=function(time,itervalByDay,separator='-'){varstr=time.split("-");vardate=getDate();date.setUTCFullYear(str[0],str[1]-1,str[2]);date.setUTCHours(0,0,0,

前端常用函数封装

常用函数封装获取某日期若干个工作日后的日期*参数:*time:[String]给定日期yyyy-MM-dd*itervalByDay:[Number]相隔工作日*separator:[String]年月日分隔符*返回:*rq:[String]匹配的日期yyyy-MM-ddvargetworkday=function(time,itervalByDay,separator='-'){varstr=time.split("-");vardate=getDate();date.setUTCFullYear(str[0],str[1]-1,str[2]);date.setUTCHours(0,0,0,

记录--TS封装axios

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助写在前面虽然说FetchAPI已经使用率已经非常的高了,但是在一些老的浏览器还是不支持的,而且axios仍然每周都保持2000多万的下载量,这就说明了axios仍然存在不可撼动的地位,接下来我们就一步一步的去封装,实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能:无处不在的代码提示;灵活的拦截器;可以创建多个实例,灵活根据项目进行调整;每个实例,或者说每个接口都可以灵活配置请求头、超时时间等;取消请求(可以根据url取消单个请求也可以取消全部请求)。基础封装首先我们实现一个最基本的版本,实例代码如下://i

记录--TS封装axios

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助写在前面虽然说FetchAPI已经使用率已经非常的高了,但是在一些老的浏览器还是不支持的,而且axios仍然每周都保持2000多万的下载量,这就说明了axios仍然存在不可撼动的地位,接下来我们就一步一步的去封装,实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能:无处不在的代码提示;灵活的拦截器;可以创建多个实例,灵活根据项目进行调整;每个实例,或者说每个接口都可以灵活配置请求头、超时时间等;取消请求(可以根据url取消单个请求也可以取消全部请求)。基础封装首先我们实现一个最基本的版本,实例代码如下://i

自定义封装组件(分页器)

自定义封装分页器组件之前需要知道的数据:1.当前的页码2.总共多少条数据3.每页展示多少条数据4.连续页码数(5|7)5.总页数计算连续页码数的起始值和结束值//通过计算属性来计算出来computed:{startNumAndEndNum(){//首先先结构出我们需要的值(当前页码值,总页数,连续页码数),这个值可以让父组件通过props进行传递let{pageNo,totalPage,continues}=this//给起始值和结束值赋初始变量letstart=0,end=0;//判断当前总页数是否小于连续页码数if(totalPagetotalPage){end=totalPage;sta

自定义封装组件(分页器)

自定义封装分页器组件之前需要知道的数据:1.当前的页码2.总共多少条数据3.每页展示多少条数据4.连续页码数(5|7)5.总页数计算连续页码数的起始值和结束值//通过计算属性来计算出来computed:{startNumAndEndNum(){//首先先结构出我们需要的值(当前页码值,总页数,连续页码数),这个值可以让父组件通过props进行传递let{pageNo,totalPage,continues}=this//给起始值和结束值赋初始变量letstart=0,end=0;//判断当前总页数是否小于连续页码数if(totalPagetotalPage){end=totalPage;sta

关于TornadoFx和Android的全局配置工具类封装实现及思路解析

原文地址:关于TornadoFx和Android的全局配置工具类封装实现及思路解析-Stars-One的杂货小窝目前个人开发软件存在设置页面,可以让用户自定义些设置,但我发现,存储数据的代码逻辑实在是有些繁琐(保存及APP打开的设置初始化)于是便是花了些精力研究了些,封装了个简单的工具类,可以快捷实现存储数据的保存及初始化目标首先,我们知道,设置的选项值需要存放在本地,之后重新进入APP的时候,需要先从本地读取,若是本地读取不到,才赋予一个默认值所以,确认下我们要达到的理想目标:对于设置的某项数据,可以使用一个字段进行对应,而不用关心存储保存本地的更新操作和APP初始化读取数值的实现步骤先提及

关于TornadoFx和Android的全局配置工具类封装实现及思路解析

原文地址:关于TornadoFx和Android的全局配置工具类封装实现及思路解析-Stars-One的杂货小窝目前个人开发软件存在设置页面,可以让用户自定义些设置,但我发现,存储数据的代码逻辑实在是有些繁琐(保存及APP打开的设置初始化)于是便是花了些精力研究了些,封装了个简单的工具类,可以快捷实现存储数据的保存及初始化目标首先,我们知道,设置的选项值需要存放在本地,之后重新进入APP的时候,需要先从本地读取,若是本地读取不到,才赋予一个默认值所以,确认下我们要达到的理想目标:对于设置的某项数据,可以使用一个字段进行对应,而不用关心存储保存本地的更新操作和APP初始化读取数值的实现步骤先提及

记录--这样封装列表 hooks,一天可以开发 20 个页面

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助这样封装列表hooks,一天可以开发20个页面前言在做移动端的需求时,我们经常会开发一些列表页,这些列表页大多数有着相似的功能:分页获取列表、上拉加载、下拉刷新···在Vue出来compositionAPI之前,我们想要复用这样的逻辑还是比较麻烦的,好在现在Vue2.7+都支持compositionAPI语法了,这篇文章我将手把手带你用compositionAPI封装一个名为useList的hooks来实现列表页的逻辑复用。基础版需求分析一个列表,最基本的需求应该包括:发起请求,获取到列表的数组,然后将该数组渲染成相应的DOM节点。要