前言 工作中，很多自己维护的系统需要开发后台管理系统，这类系统大多在内网使用，进行简单的数据CURD，虽然不一定是重要的项目，但是有一套管理后台，避免以后的维护过程中一直操作SQL，对于提高运维效率，减少维护过程中发生故障也是很有用的...在近1年的日志系统后台开发过程中，尝试过几个管理后台的开发，使用同样的技术，快速搭建，快速开发，感觉挺好用的，于是将这些内容分享出来，希望对大家有所帮助。...在选择前端框架的时候，就希望有这么一个框架，实现了所有的控件，类似之前的Windows Form编程一样，只处理事件就可以了。...image.png image.png 在react-admin的线上预览环境中，可以找到自己想要的大部分控件和功能，于是决定选择这个框架，下载回来，然后按照步骤自己搭建，顺利的跑起来就成功了一半。...REST风格的后端框架，一找一大堆，简单列举几个： SlwRest maven+SpringMVC gorest thinkphp 可以说各类语言都有，我们选择后端框架，除了考虑可以轻松实现restful
线上预览： https://react.baiwumm.com/ 用户名：admin，密码：abc123456 github 仓库地址 码云仓库地址 Swagger 接口文档 ❤️ Star：如果可以的话...系统功能设计 动态国际化语言配置 记录登录用户的 CURD 操作日志 用户和角色权限的一对一映射，根据角色关联的菜单权限生成动态路由菜单 登录用户发布消息公告，后端使用 SSE 推送，可登录多个用户查看效果...前端常见的一些实用的业务功能或者一些有趣的效果 环境和依赖 推荐本项目使用 pnpm 包管理工具node (Node.js 版本要求 16.x 以上，这里推荐 18.x 及以上) Pnpm (推荐最新版本...在菜单 系统管理-菜单管理 中按照规则添加菜单，可打开多个标签页参考，路由配置参考：路由 在菜单 系统管理-角色管理 中编辑状态中勾选相应的菜单，保存刷新页面，即可看到路由菜单生效 功能模块 - 登录...本项目仅供学习交流使用，请勿用于商业用途。 欢迎提交 Issues 和 PR，一起完善本项目。
前言今天我们分享12个适合后端程序员的前端框架，本文中的所有前端框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中，假如大家有更好前端框架推荐欢迎到以下GitHub项目地址留言或者在文末留言...它提供了一个现代、响应式且功能丰富的界面，可用于构建管理后台和仪表板。可以帮助开发人员快速搭建出现代化的管理后台和仪表板应用程序。无论是个人项目还是商业项目，AdminLTE都是一个不错的选择。...只需提供一个接口就直接初始化整个框架，无需复杂操作。...无论是企业级项目还是个人项目，vue-element-admin都是一个值得使用的框架。...使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。
亲爱的 React ，我们在一起快 10 年了，我们一起走过了很长一段路，但事情逐渐变得有点失控了，我们需要谈谈。...我知道我可以从这些 JavaScript 框架中得到些什么：更好的 UI、更高的生产力和更流畅的开发人员体验。但也有不得不不断改变我思考代码的方式来匹配框架的思维方式所带来的挫败感。...但实际上我还要做默认值、验证、依赖输入和错误消息处理等操作，还需要写大量代码，我不得不借助一些第三方表单框架，但这些框架也都有各自的缺点。...既然他们可以，你也可以，但你没有，你被父母困住了，为什么？ 不是我，是你 你和我的人生目标是一样的：帮助开发者构建更好的 UI。我正在使用 react-admin 来开发。...在 react-admin 中，我引入了一些 API，免去了与你直接打交道的麻烦。当人们抱怨 react-admin 的时候，我会尽我所能解决他们的问题 — 但大多数时候，他们对你都有意见。
在今天的文章中，将介绍每个 React 开发人员都应该熟悉的 33 个令人惊叹的 React 库。而且是由其他开发人员经过良好测试和维护的令人惊叹的 React 库。...从 Material UI（我们完全加载的组件库）开始，或者将您自己的设计系统引入我们的生产就绪组件中。...react-icons image.png 使用react-icons可以轻松地在React项目中使用流行的图标，它利用ES6导入，支持按需打包。...专注于重要的事情！ react-drag-drop-files image.png 轻量且简单的 Reactjs 拖放文件库，可使用非常灵活的更改选项，因此您可以为拖放区域放置任何您想要的设计。...React components for Leaflet maps react-admin image.png React-admin 提供最佳的开发人员体验，让您专注于业务需求并构建令人愉悦的用户界面
项目功能： 企业级的中后台设计系统解决方案：基于对阿里集团中后台业务的总结和抽象，提供了一套开箱即用的核心模式 强大的配置平台，轻松维护品牌统一：通过设计系统站点，统一管理设计物料和前端物料；使用 Design...，同时结合可视化操作、物料复用等方案降低研发门槛。...几秒钟内可撤消更新和删除 支持任何身份验证提供者(RESTAPI，OAuth，BasicAuth等) 功能齐全的数据(排序，分页，过滤器) 支持键入筛选 支持任何表单布局(简单、选项卡等) 自定义操作用于各种数据类型...高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。 灵活：无论使用什么技术栈，在无需重写现有代码的前提下，通过引入React来开发新功能。...20.AdminJS AdminJS 是一个自动管理界面，可以插入到您的应用程序中。
github.com/zkboys/react-admin https://github.com/kuhami/react-ant-pro https://github.com/MudOnTire/antd-pro-page-tabs...自己实现的好处： UI自定义 功能添加方便，知道核心原理，修改Bug也方便。...标签卡选用Tabs组件+ Route 标签加key缓存 dva来实现数据管理，也可以选用别的，能全局操作即可。...，另一种单据类可以开多个 * 设计： * 利用tabs 进行页面布局，来实现缓存的目的。...ct.active = false; return ct; }); return [...cTags, newTag]; } // 新增tag 在数组中，
先看几张图： 在现代前端开发中，构建一个高效灵活的后台管理系统已成为许多开发者的一个基本要求，发布构建是否够快，尤其是当项目不断迭代，代码不断增多后，是否还能高效构建。...本文将介绍一个基于React、Vite和Antd的标准后台管理系统开发模板，支持动态菜单配置和权限精确到按钮的实现。...通过这个模板，开发者可以迅速搭建起一个功能完备、可扩展性强的后台管理系统，没有使用create-rect-app脚手架，完全从0开始自己搭建，使用了目前比较先进的技术。...本地开发走mock： 本地使用 mockjs 进行接口拦截做本地mock数据。 正式环境需要关闭此配置。...setLoading(false); } } catch (e) { // 验证未通过 } }; github地址：https://github.com/javaLuo/react-admin
此外，它们将帮助您完善网站的管理后台，并克服自己制作所有UI部分的一些技术挑战。您可以将这些管理仪表板模板用作骨架，并为您的网站创建自己的Web应用程序和仪表板。...该代码非常干净，可以轻松定制，并且可以轻松转换为构建任何类型的Web应用程序，包括自定义管理面板、分析仪表板、电子商务后端、CMS、CRM或任何SASS面板。...它使用Scss CSS，使其易于自定义。...内置对SASS预处理器和其他css预处理器的支持可以通过文档添加。它不使用任何冗余或通量实现，因此初学者很容易从您的选择中推出。 29....React-admin 一个前端框架，用于使用 ES6、React 和 Material Design 构建在 REST/GraphQL API 之上的浏览器中运行的数据驱动应用程序。
可以嵌入和折叠代码块、提供组件在终端中的浏览效果等，比如下方的移动端组件库站点： 移动端组件预览 Dumi 生成的网站很精简，而且封面支持自定义特性的展示，因此也很适合作为项目或产品的官方文档。...但自行开发网站统计功能可是非常麻烦的，需要前端埋点上报、后端收集等，哪块儿都需要精心设计，对这方面知识不了解的同学连基本的统计功能都做不出来，更别提什么大数据分析与可视化了。...但美中不足的是啊，想直接使用全部功能的话，要交费。。。...但前段时间，腾讯将 Discuz 升级成了 Discuz! Q，是一个更适配移动端的社区软件，依旧开源，并打通了微信生态（比如微信支付）。 无需自己开发，动动手指就能拥有一个属于自己的社区。...因此如今网上现成的后台管理平台也非常多，基本啥语言、啥框架实现的都有，比如 vue-element-admin 、react-admin 、go-admin 等，基本都是开箱即用，能省去重复搭建管理后台的麻烦
Spinnaker汇集了数十年的经验，将软件编写和交付到每个人都可以使用的东西中，而无需经历同样的痛苦。...实践中的Spinnaker 使用Spinnaker，可以构建由阶段组成的灵活管道，以按所需方式交付软件。可以有一个“部署”阶段，该阶段使用“蓝/绿”策略将零停机时间编排为新基础架构的创建和清理。...当将集成添加到组织中的其他工具或共享最佳实践时，帮助团队安全可靠地部署和操作软件变得更加容易。 我们为Spinnaker添加了各种自定义集成，以使其具有粘性。...使用两个部分来实现这一目标：（1）将自定义类添加到Clouddriver（执行云操作的微服务）中，以与（2）我们的安全团队维护的Lambda函数进行对话。...如果需要创建角色，会将该安全服务与所需信息一起调用，以确保成功创建IAM角色。 通过此设置，可以轻松控制启动每个实例的IAM配置文件，同时将IAM功能的实质内容留给安全团队。
有关更多信息，请参阅命令行界面 使用Docker Compose运行多个服务 要将Rasa与其他服务(例如用于自定义操作的服务)一起运行，建议使用Docker Compose。...Docker Compose提供了一种简单的方法，可以将多个容器一起运行，而无需运行多个命令。...要运行docker-compose.yml中配置的服务，请执行: docker-compose up 添加自定义操作 要创建更复杂的助手，你需要使用自定义操作。...继续使用rasa init中的示例机器人，将data/stories.md中的utter_cheer_up替换为自定义操作action_joke，并将action_joke添加到域文件中的操作。...up以与Rasa一起启动操作服务。
所以，微服务中的认证，还是建议使用令牌的方式，可以选择 JWT 令牌，这也是目前使用较多的一种方案。...但是熟悉 JWT 的小伙伴都知道，纯粹的无状态登录无法实现注销，这就很头大，所以在实际应用中，单纯的使用 JWT 是不行的，一般还是要结合 Redis 一起，将生成的 JWT 字符串在 Redis 上也保存一份...当然，如果你使用了 Spring Security 的话，上面这个就不需要自定义注解了，直接使用 Spring Security 中自带的即可，还可以体验 Spring Security 中更多的丰富的安全功能...一个比较好的办法是直接在网关上去校验请求的令牌是否合法，这个校验本身也比较容易，校验令牌是否合法，我们只需要看 Redis 上是否存在这个令牌，并且这个 JWT 令牌能够被顺利解析就行，这个操作完全可以在网关上做...3.1 外部请求 对于外部请求来说，就按正常的权限校验对待就行了，自定义注解亦或者使用 Spring Security 等框架都是可以的，如果是自定义注解的话，就结合 AOP 一起，定义切面自己去处理权限注解
在任何应用程序中监听此方法反过来可以让你自动观察和了解有关应用程序启动完成的更多信息。 像这样快速、开箱即用的埋点易于使用。...通过将自动埋点库导入到你的应用程序中，你无需编写自定义代码即可连接到应用程序的活动。 使用自动埋点为应该以规定方式识别的操作提供标准化信号。...将它们放在一起可能是最好的目标，因为将所有信号与正确的上下文信息放在一起可以最广泛地了解应用程序活动。 在手动追踪导航时，您可以使用自动网络检测来查看是否触发了错误的网络请求。...生成自动检测的SDK需要提供此功能，以允许自定义和自动捕获的数据“混合”。 找到合适的工具 最终，应用程序将需要通过手动和自动检测的混合来实现其检测。...理想情况下，移动应用程序应依赖自动检测来捕获常见工作流程，并依赖手动检测来捕获自定义工作流程，但它们还应增强自动检测的遥测数据，以便可以将自定义上下文与自动捕获的内容混合在一起。
但是熟悉 JWT 的小伙伴都知道，纯粹的无状态登录无法实现注销，这就很头大，所以在实际应用中，单纯的使用 JWT 是不行的，一般还是要结合 Redis 一起，将生成的 JWT 字符串在 Redis 上也保存一份...另一方面自定义权限注解和角色注解，在切面中对这些注解进行解析，检查当前用户是否具备所需要的角色/权限等。...当然，如果你使用了 Spring Security 的话，上面这个就不需要自定义注解了，直接使用 Spring Security 中自带的即可，还可以体验 Spring Security 中更多的丰富的安全功能...一个比较好的办法是直接在网关上去校验请求的令牌是否合法，这个校验本身也比较容易，校验令牌是否合法，我们只需要看 Redis 上是否存在这个令牌，并且这个 JWT 令牌能够被顺利解析就行，这个操作完全可以在网关上做...3.1 外部请求对于外部请求来说，就按正常的权限校验对待就行了，自定义注解亦或者使用 Spring Security 等框架都是可以的，如果是自定义注解的话，就结合 AOP 一起，定义切面自己去处理权限注解
但是熟悉 JWT 的小伙伴都知道，纯粹的无状态登录无法实现注销，这就很头大，所以在实际应用中，单纯的使用 JWT 是不行的，一般还是要结合 Redis 一起，将生成的 JWT 字符串在 Redis 上也保存一份...另一方面自定义权限注解和角色注解，在切面中对这些注解进行解析，检查当前用户是否具备所需要的角色/权限等。...当然，如果你使用了 Spring Security 的话，上面这个就不需要自定义注解了，直接使用 Spring Security 中自带的即可，还可以体验 Spring Security 中更多的丰富的安全功能...一个比较好的办法是直接在网关上去校验请求的令牌是否合法，这个校验本身也比较容易，校验令牌是否合法，我们只需要看 Redis 上是否存在这个令牌，并且这个 JWT 令牌能够被顺利解析就行，这个操作完全可以在网关上做...3.1 外部请求 对于外部请求来说，就按正常的权限校验对待就行了，自定义注解亦或者使用 Spring Security 等框架都是可以的，如果是自定义注解的话，就结合 AOP 一起，定义切面自己去处理权限注解
虽然您可以继续将 init.d 脚本与 systemd 一起使用，但也可以使 用 systemd 'service'脚本启动Spring Boot应用程序。...请注意，与作为 init.d 服务运行时不同，运行应用程序的用户，PID文件和控制台日志文件由 systemd 本身管理，因此必须使用''中的相应字段 进行配置。服务'脚本。...如果您发现无法自定义所需内容，请使用 embeddedLaunchScript 选项完全编写自己的文件。 写入时自定义启动脚本 在将脚本写入jar文件时自定义启动脚本的元素通常是有意义的。...它运行时自定义脚本 对于在编写jar 后需要自定义的脚本项，可以使用环境变量或配置文件。 默认脚本支持以下环境属性： 变量 描述 MODE 操作的“模式”。...默认值取决于jar的构建方式，但通常是 auto （意味着它通过检查它是否是名为 init.d 的 目录中的符号链接来尝试猜测它是否是init脚本）。
像往常一样，您在ChatGPT中对自己的数据拥有控制权。您与GPT的聊天不会与构建者共享。如果GPT使用第三方API，您可以选择是否将数据发送到该API。...当构建者使用操作或知识自定义他们自己的GPT时，构建者可以选择是否使用用户与该GPT的聊天来改进和训练我们的模型。...开发者可以将GPT与现实世界连接起来 除了使用我们内置的功能之外，您还可以通过为GPT提供一个或多个API来定义自定义操作。与插件类似，操作允许GPT集成外部数据或与现实世界进行交互。...与ChatGPT Enterprise上的所有使用一样，我们不会使用您与GPT进行的对话来改进我们的模型。 我们希望更多人参与塑造AI的行为。 我们设计GPT，让更多人能够与我们一起建设。...与人们一起构建而非仅仅为人们构建的愿望，促使我们推出了OpenAI API，并研究了将民主输入纳入到AI行为中的方法，我们计划很快分享更多相关信息。
将此表导入Power Query编辑器时，下图显示了表的外观。请注意 Excel 工作簿中的错误如何随每个单元格中的值一起 [Error] 显示。本文介绍如何将错误替换为另一个值。...备注作为替代方法，还可以输入与上一个公式等效的公式 try [Standard Rate] catch ()=> [Special Rate]，但将 catch 关键字与不需要参数的函数结合使用。...与自定义逻辑配合使用try若要创建新的自定义列，请转到 “添加列 ”菜单，然后选择“ 自定义”列。 在 “自定义列 ”窗口中，输入公式 try [Standard Rate]。...表达式 try 将值和错误转换为记录值，该值指示表达式是否 try 处理错误，以及正确的值或错误记录。可以使用记录值展开此新创建的列，并通过选择列标题旁边的图标来查看要展开的可用字段。...此操作将公开三个新字段：所有 Errors.HasError - 显示 标准速率 列中的值是否出错。
这意味着，不论是从API拉取的数据，还是自定义的复杂对象，都可以通过同样的方式进行错误与结果的统一处理。这种灵活性让我们在处理复杂数据结构或与多个服务交互时，无需反复修改代码逻辑。...=” 运算符的结构要求。 当我们对 obj 使用“?=”时，obj 的 Symbol.result 方法会自动被调用，将错误和结果分别赋值给 error 和 result 变量。...在JavaScript中，Symbol.result 是一个可以在对象或函数上定义的方法，用来控制当这些对象或函数与“?=”安全赋值运算符一起使用时，返回的结果格式。...=” 运算符所要求的结构。 当我们对 obj 使用“?=”时，Symbol.result 被自动调用，将 error 和 result 分别赋值。...它让代码结构更加简洁易读，尤其在网络请求、JSON解析和数据校验等多层次异步操作中，不再需要冗余的 try-catch，让我们的代码更优雅、更高效！ 看完这篇文章，小伙伴们是否对这个新特性感到心动？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
云直播
腾讯会议
