介绍当我们开发项目中，后端的接口已经准备好，我们现在需要解决的问题是如何让前端调用后台接口，实现接口信息的增删改查管理。前端以UMI框架，通常，我们会在前端定义TS类型对象，并手动编写调用后台的方法，例如获取当前登录用户、退出登陆等。写前瑞代码的同学们，你们是自己编写调用后台接口的代码还是利用了某种自动生成方法？相信一些同学已经尝试过使用自动生成方法。比方说我们正在使用的AntDesignPro框架，它已经支持自动化生成这些接口。现在，向大家介绍一个叫做openapil的插件，它可以帮助我们实现接口的自动生成。如何使用原理接下来，我们来探讨如何实现接口的自动生成。如果后端已经定义了各种接口，我
一、起因1、需求：由于业务需求在页面一次性展示较多数据，不低于上千，但是每条数据涉及样式较多，数据渲染过多就会导致页面卡顿2、满足：大量数据加载；表格功能：列显隐、列顺序调整、固定、筛选、排序；表格调整存储本地3、技术框架：若依、ElementUI、vue2二、umy-ui1、umy-ui库中的table表格组件,它不造轮子。它改造了element-ui等等库的表格组件。只为了免费解决前端小伙伴的问题。2、用前须知(这是关于表格的须知，你应该认真读完下面的内容)1.表格解决卡顿问题，那么虚拟表格原理呢大概就是：减少对DOM节点的渲染，通过滚动函数节流实现滚动后事件来动态渲染数据2.基础表格其实
可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？React1.React起源和发展（是什么？）React是用于构建用户界面的JavaScript库，起源于Facebook的内部项目，该公司对市场上所有JavaScriptMVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。于2013年5月开源。React与传统MVC的关系：React并不是一个完整的框架，最多认为是MVC中的V(View)，即React一般被用来作为MVC中的V层。做为V层构建用户UI的库，可以简单的理解为，React将页面分成了各个独立的小块，每一个小
我这边技术栈是react+ts如果你是vue，直接将tsx文件改成jsx就可以或者不该也没问题 上篇文章介绍了msal的弹框登录，先介绍下重定向登录这个相对弹框登录要烦很多。。。中国内网看我查询的资料很少，只有微软系的公司才会有相对应的需求。此处自己研究了2天并实现了功能现分享给大家。思路我们实现重定向登录。顾名思义就是我先在msal服务登录成功，并成功通过msalapi拿到登陆后信息accounts，isAuthenticated。根据accounts获取令牌（token），再将令牌与我们自己后端api去认证改用户是否可以登录此系统（欧莱雅一个公司几万人不是所有的人都可以登录所以加了这个接
前端树形表格展示通过使用umyui组件参考umyui官网的一个基于vue的PC端表格UI库，解决万级数据渲染卡顿问题，过万数据点击全选卡顿等等问题。博主也查阅过资料，也有使用过elementui中的table来实现，但是最后发现因为我的数据有几千条，使用elementui的table会造成浏览器的卡顿，不论是展示数据还是搜索都会使得页面非常卡顿，经过几次试错后，找到了umyui这个在vue基础上的table组件。umyui链接👇官网页面如下：我们可以看到基本的分布，这里我使用的是ux-grid这个组件，因为这边需要涉及到复选框，这个属性对有复选框的需求会比较好。推荐有复选框需求的可以使用这
困扰我好多天的自定义菜单及路由终于完成了，首先虽然看似为一个功能，但在umi4中是两项配置。先说说我浪费了大量时间使用的处理方式：因为曾经的项目是umi3的，所以我就想原样搬过来，结果发现，布局页BasicLayout的子children不见了！ 如果这个子路由能正常显示，那引个ProLayout也就不用大费周章找其他方法。参考：https://blog.csdn.net/eisha2015/article/details/114831390后来，我又找到了umi的patchRoutes，但发现怎么重写路由，菜单都没有变化。参考：https://blog.csdn.net/weixin_43
前言最近准备研究下阿里低代码框架lowcode-engine,官方Demo是提供好的脚手架，由于我们的框架使用的是umi，官方文档提供了一些教程，在此记录下在umi4集成lowcode-engine.实现搭建umi4项目1.通过官方文档的快速开始，我们可以快速创建出项目先找个地方建个空目录mkdirmyapp&&cdmyapp通过官方工具创建项目,这里我们采用pnpm包管理工具$pnpmdlxcreate-umi@latest✔Installthefollowingpackage:create-umi?(Y/n)·true✔PickNpmClient›pnpm✔PickNpmRegistry›
错误截图：原因：这是node.js的版本问题，因为node.jsV17开始版本中发布的是OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。故此以前的项目在使用nodejsV17以上版本后会报错。解决方法1（推荐）：修改package.json，在相关构建命令之前加入SETNODE_OPTIONS=--openssl-legacy-provider这种可以一劳永逸，以后直接通过npm执行scripts里面的命令即可。不管是项目迭代，还是团队开发，这种都比较有效。解决方法2：每次启动项目输入启动命令时，先在命令行输入SETNODE_OP
先看看效果吧，拿实例说话，直接渲染四万多条数据不分页，树形表格可以展开直接上代码：第一步：引入表格组件：自行按照官方文档引入即可第二步：具体页面实现代码：这是HTMl代码，多的不介绍，基本方法和el-atble没什么区别，只是tl-table的基础上加了几个属性，这里必须加的两个属性，不加的话无法实现虚拟表格，页面一样会卡死，第一个，use-virtual，第二个height，必须限制高度，这两个不加就是普通表格，加了之后就是虚拟表格，可以上万条数据显示，treeConfig这个参数注意，吧部分el-table里面的属性放到这个集合里面了，比如load，自己注意就行了，如果是虚拟树形表格，注意
OCR图片转文字识别软件，完全离线。截屏/批量导入图片，支持多国语言、合并段落、竖排文字。可排除水印区域，提取干净的文本。基于PaddleOCR。免费：本项目所有代码开源，完全免费。方便：解压即用，离线运行，无需网络。批量：可批量导入处理图片，结果保存到本地txt/md/jsonl多种格式文件。也可以即时截屏识别。高效：采用PaddleOCR-jsonC++识别引擎。只要电脑性能足够，通常比在线OCR服务更快。精准：默认使用PPOCR-v3模型库。除了能准确辨认常规文字，对手写、方向不正、杂乱背景等情景也有不错的识别率。可设置忽略区域排除水印、设置文块后处理合并排版段落，得到规整的文本。01下
