jjzjj

前端自动生成写好的后端接口调用代码(umi)

介绍当我们开发项目中,后端的接口已经准备好,我们现在需要解决的问题是如何让前端调用后台接口,实现接口信息的增删改查管理。前端以UMI框架,通常,我们会在前端定义TS类型对象,并手动编写调用后台的方法,例如获取当前登录用户、退出登陆等。写前瑞代码的同学们,你们是自己编写调用后台接口的代码还是利用了某种自动生成方法?相信一些同学已经尝试过使用自动生成方法。比方说我们正在使用的AntDesignPro框架,它已经支持自动化生成这些接口。现在,向大家介绍一个叫做openapil的插件,它可以帮助我们实现接口的自动生成。如何使用原理接下来,我们来探讨如何实现接口的自动生成。如果后端已经定义了各种接口,我

React、Umi、RN 整体理解

可以少去理解一些不必要的概念,而多去思考为什么会有这样的东西,它解决了什么问题,或者它的运行机制是什么?React1.React起源和发展(是什么?)React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目,该公司对市场上所有JavaScriptMVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源。React与传统MVC的关系:React并不是一个完整的框架,最多认为是MVC中的V(View),即React一般被用来作为MVC中的V层。做为V层构建用户UI的库,可以简单的理解为,React将页面分成了各个独立的小块,每一个小

umi3.5微软的AD登录loginRedirect

 我这边技术栈是react+ts如果你是vue,直接将tsx文件改成jsx就可以或者不该也没问题 上篇文章介绍了msal的弹框登录,先介绍下重定向登录这个相对弹框登录要烦很多。。。中国内网看我查询的资料很少,只有微软系的公司才会有相对应的需求。此处自己研究了2天并实现了功能现分享给大家。思路我们实现重定向登录。顾名思义就是我先在msal服务登录成功,并成功通过msalapi拿到登陆后信息accounts,isAuthenticated。根据accounts获取令牌(token),再将令牌与我们自己后端api去认证改用户是否可以登录此系统(欧莱雅一个公司几万人不是所有的人都可以登录所以加了这个接

ant design pro + umi4的动态菜单与动态路由

困扰我好多天的自定义菜单及路由终于完成了,首先虽然看似为一个功能,但在umi4中是两项配置。先说说我浪费了大量时间使用的处理方式:因为曾经的项目是umi3的,所以我就想原样搬过来,结果发现,布局页BasicLayout的子children不见了!  如果这个子路由能正常显示,那引个ProLayout也就不用大费周章找其他方法。参考:https://blog.csdn.net/eisha2015/article/details/114831390后来,我又找到了umi的patchRoutes,但发现怎么重写路由,菜单都没有变化。参考:https://blog.csdn.net/weixin_43

Umi4 集成阿里低代码框架lowcode-engine

前言最近准备研究下阿里低代码框架lowcode-engine,官方Demo是提供好的脚手架,由于我们的框架使用的是umi,官方文档提供了一些教程,在此记录下在umi4集成lowcode-engine.实现搭建umi4项目1.通过官方文档的快速开始,我们可以快速创建出项目先找个地方建个空目录mkdirmyapp&&cdmyapp通过官方工具创建项目,这里我们采用pnpm包管理工具$pnpmdlxcreate-umi@latest✔Installthefollowingpackage:create-umi?(Y/n)·true✔PickNpmClient›pnpm✔PickNpmRegistry›

umi项目启动报错node:internal/crypto/hash:71this[kHandle] = new _Hash(algorithm, xofLen);

错误截图:原因:这是node.js的版本问题,因为node.jsV17开始版本中发布的是OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。故此以前的项目在使用nodejsV17以上版本后会报错。解决方法1(推荐):修改package.json,在相关构建命令之前加入SETNODE_OPTIONS=--openssl-legacy-provider这种可以一劳永逸,以后直接通过npm执行scripts里面的命令即可。不管是项目迭代,还是团队开发,这种都比较有效。解决方法2:每次启动项目输入启动命令时,先在命令行输入SETNODE_OP

完全离线的OCR图片转文字识别工具Umi-OCR

OCR图片转文字识别软件,完全离线。截屏/批量导入图片,支持多国语言、合并段落、竖排文字。可排除水印区域,提取干净的文本。基于PaddleOCR。免费:本项目所有代码开源,完全免费。方便:解压即用,离线运行,无需网络。批量:可批量导入处理图片,结果保存到本地txt/md/jsonl多种格式文件。也可以即时截屏识别。高效:采用PaddleOCR-jsonC++识别引擎。只要电脑性能足够,通常比在线OCR服务更快。精准:默认使用PPOCR-v3模型库。除了能准确辨认常规文字,对手写、方向不正、杂乱背景等情景也有不错的识别率。可设置忽略区域排除水印、设置文块后处理合并排版段落,得到规整的文本。01下

Umi 插件实战教程,你学会了吗?

引言笔者最近开发了一款umi插件:plugin-umi-cmdk[1],该插件的功能主要是:在umi项目里可以方便的集成cmd+k,实现菜单等搜索。主体功能并不复杂,但是在集成作为umi插件过程中踩了不少坑,主要是umi官方文档的, 开发插件|UmiJS[2]实属写得烂,看完之后根本无法上手。所以写一篇完整的插件开发教程,手把手上手umi插件开发。准备工作创建项目新建一个文件夹umi-plugin-demo,直接通过umi的官方模版进行创建。yarncreateumi之后选择模板的时候选择:UmiPlugin。创建example目录用于测试然后创建完之后在 umi-plugin-demo 的根

Umi4 从零开始实现动态路由、动态菜单

Umi4从零开始实现动态路由、动态菜单🍕前言🍔前期准备📃数据表🤗Mock数据🔗定义类型🎈开始🎃获取路由信息🧵patchRoutes({routes,routeComponents})📸生成动态路由所需的数据formattedRoutePathroutePathcomponentPathfilePath🍖生成动态路由数据及组件😋完成✨踩坑🍕前言近期在写Umi4的练习项目,计划实现一个从服务器获取路由信息并动态生成前端路由和导航菜单的功能。本文记录了相关知识、思路以及开发过程中踩到的坑。🍔前期准备📃数据表后端同学可以参考CREATETABLE`menus`(`id`INT(10)NOTNULLAU

Umi4 从零开始实现动态路由、动态菜单

Umi4从零开始实现动态路由、动态菜单🍕前言🍔前期准备📃数据表🤗Mock数据🔗定义类型🎈开始🎃获取路由信息🧵patchRoutes({routes,routeComponents})📸生成动态路由所需的数据formattedRoutePathroutePathcomponentPathfilePath🍖生成动态路由数据及组件😋完成✨踩坑🍕前言近期在写Umi4的练习项目,计划实现一个从服务器获取路由信息并动态生成前端路由和导航菜单的功能。本文记录了相关知识、思路以及开发过程中踩到的坑。🍔前期准备📃数据表后端同学可以参考CREATETABLE`menus`(`id`INT(10)NOTNULLAU
12