正则表达式可视化工具regex-vis

在这里插入图片描述

什么是正则表达式 ?

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。【百度百科】

正则表达式用简短的代码,能实现非常复杂的文本校验、查找、替换、提取操作。

最常见的比如注册时,验证邮箱是否符合要求等等

什么是 regex-vis ?

regex-vis 是一个辅助学习、编写和验证正则表达式的工具。它不仅能对正则表达式进行可视化展示,而且提供可视编辑正则表达式的能力。

软件功能:

  • 可视化正则表达式
  • 正则表达式的可视化编辑
  • 正则表达式的测试。

regex-vis 功能演示

官方提供了站点:https://regex-vis.com

构建镜像

如果你不想自己构建,可以跳过,直接阅读下一章节

官方没有提供了 Dockerfile 文件,需要自己编写

FROM node:16.16 as build-deps  # 设置工作目录  
WORKDIR /app
COPY . ./  # 更新根证书  
RUN apt-get update && apt-get install -y ca-certificates  # 设置镜像源为淘宝 NPM 镜像
RUN npm config set registry https://registry.npmmirror.com# 安装依赖
RUN npm i -g pnpm  
RUN pnpm install  # 构建应用  
RUN pnpm run build  FROM nginx:1.21-alpine  
MAINTAINER laosu<wbsu2003@gmail.com>  
COPY --from=build-deps /app/build /usr/share/nginx/html  EXPOSE 80  
CMD ["nginx", "-g", "daemon off;"]

构建镜像和容器运行的基本命令如下👇

# 下载代码
git clone https://github.com/Bowen7/regex-vis.git# 进入目录
cd regex-vis# 将 Dockerfile 放入当前目录# 构建镜像
docker build -t wbsu2003/regex-vis:v1 .# 运行容器
docker run -d \--name regex-vis \-p 3420:80 \wbsu2003/regex-vis:v1

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 regex-vis ,选择第三个 wbsu2003/regex-vis,版本选择 latest

在这里插入图片描述

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
342080

在这里插入图片描述

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 运行容器
docker run -d \--restart unless-stopped \--name regex-vis \-p 3420:80 \wbsu2003/regex-vis

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'services:regex:image: wbsu2003/regex-viscontainer_name: regex-visrestart: unless-stoppedports:- 3420:80

然后执行下面的命令

# 新建文件夹 regex-vis 
mkdir -p /volume1/docker/regex-vis# 进入 regex-vis 目录
cd /volume1/docker/regex-vis# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3420 就能看到主界面

在这里插入图片描述

默认是英文的,可以选择简体中文

在这里插入图片描述

你输入一个正则表达式后,会生成它的可视化图形。

老苏是网上找的校验身份证的正则表达式,只是用于演示软件的功能,不表示其正确或者无缺陷;

在这里插入图片描述

然后你可以在图形中点选或框选单个或多个节点,并在右侧的操作面板上对它们进行操作。

在这里插入图片描述

最后来验证一下,绿色表示数据验证通过

在这里插入图片描述

参考文档

Bowen7/regex-vis: 🎨 Regex visualizer & editor
地址:https://github.com/Bowen7/regex-vis

Regex Vis
地址:https://regex-vis.com/

使用 regex-vis.com 可视化正则表达式
地址:https://www.bowencodes.com/post/regex-vis

正则表达式 – 教程 | 菜鸟教程
地址:https://www.runoob.com/regexp/regexp-tutorial.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/666543.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java和JavaScript的区别与联系

JavaScript 和 Java 是两种完全不同的编程语言&#xff0c;它们的名称虽然相似&#xff0c;但并没有直接的关系。 JavaScript 的名字来源于它最初被命名为 LiveScript&#xff0c;并在 1995 年被 Netscape 公司更名为 JavaScript&#xff0c;以吸引更多使用 Java 的开发者。这…

Ubuntu下的文件压缩与解压:gzip、bzip2、tar、rar 和 zip详解

Ubuntu下的文件压缩与解压&#xff1a;gzip、bzip2、tar、rar 和 zip详解 在 Ubuntu 操作系统中&#xff0c;文件压缩与解压是日常操作中常见的任务之一。本文将介绍五种常用的压缩和解压工具&#xff1a;gzip、bzip2、tar、rar 和 zip&#xff0c;在 Ubuntu 中的使用方法和常…

【图论】基环树

基环树其实并不是树&#xff0c;是指有n个点n条边的图&#xff0c;我们知道n个点n-1条边的连通图是树&#xff0c;再加一条边就会形成一个环&#xff0c;所以基环树中一定有一个环&#xff0c;长下面这样&#xff1a; 由基环树可以引申出基环内向树和基环外向树 基环内向树如…

【新书推荐】5.2 位运算符

本节必须掌握的知识点&#xff1a; 位运算 示例十七 代码分析 汇编解析 5.2.1 位运算 位运算符如表5-2所示&#xff1a; 运算符 作用 示例 & 按位与 两个操作数同时为1&#xff0c;结果为1&#xff1b; | 按位或 两个操作数只要有一个为1&#xff0c;结果就为1&a…

【lesson38】让minishell支持重定向

文章目录 minishell支持重定向minishell完整代码 minishell支持重定向 支持重定向的核心逻辑&#xff1a; 1.分析字符串是否含有重定向的符号&#xff0c;并且提取文件名。 #define INPUT_REDIR 0 //输入重定向 #define OUTPUT_REDIR 1 //输出重定向 #define APPEND_REDIR…

ROS方向第二次总汇报

文章目录 1.本阶段学习内容&#xff1a;2.过程中遇到的问题及解决方法&#xff1a; 本篇链接:https://blog.csdn.net/m0_54470078/article/details/136019940?spm1001.2014.3001.5501 本人主页::https://blog.csdn.net/m0_54470078?spm1011.2124.3001.5343 1.本阶段学习内容&…

使用Rsync软件工具将Linux服务器上的文件同步到Windows 服务器

使用Rsync软件工具将linux服务器上的文件同步到Windows 服务器 测试环境&#xff08;推送&#xff1a;Linux 推送到Windows&#xff09;&#xff1a; Windows 服务器&#xff1a;172.20.26.97 Linux服务器&#xff1a;172.20.26.34 一、在172.20.26.97上安装cwRsyncServer-v…

电脑上常见的绘图软件有哪些?

现在在电脑上绘图很流行&#xff0c;不仅可以随时更改&#xff0c;还可以提高绘图效率&#xff0c;绘图软件中有很多工具。市场上的计算机绘图软件种类繁多。包括艺术设计、工业绘图和3D绘图。那么每个绘图软件都有自己的特点。那么&#xff0c;哪个更适合计算机绘画软件呢&…

React Hook之钩子调用规则(不在循环、条件判断或者嵌套函数中调用)

文章目录 React Hook之钩子调用规则&#xff08;不在循环、条件判断或者嵌套函数中调用&#xff09;错误使用案例案例具体解决方法 React Hook之钩子调用规则&#xff08;不在循环、条件判断或者嵌套函数中调用&#xff09; hooks使用规则 只能在函数最外层调用 Hook。不要在…

八、测试分析报告(软件工程)

1&#xff0e;引言 1.1编写目的 1.2项目背景 1.3定义 1.4参考资料 2&#xff0e;测试计划执行情况 2.1测试项目 2.2测试机构和人员 2.3测试结果 3&#xff0e;软件需求测试结论 4&#xff0e;评价 4.1软件能力 4.2缺陷和限制 4.3建议 4.4测试结论 …

字面跳动前端面试题:React Hook为什么不能放在if/循环/嵌套函数里面?

答&#xff1a;首先&#xff0c;React Hooks 是为了简化组件逻辑和提高代码可读性而设计的。将 Hook 放在 if/循环/嵌套函数中会破坏它们的封装性和可预测性&#xff0c;使得代码更难维护和理解。同时&#xff0c;这样做也增加了代码的复杂度&#xff0c;可能会导致性能下降和潜…

路由器、路由器的构成、交换结构

目录 1 路由器 1.1 路由器的结构 “转发”和“路由选择”的区别 1.1.1 输入端口对线路上收到的分组的处理 1.1.2 输出端口将交换结构传送来的分组发送到线路 2.2 交换结构 2.2.1 通过存储器 2.2.2 通过总线 2.2.3 通过纵横交换结构 (crossbar switch fabric) 1 路由器…

算法练习-环形链表(思路+流程图+代码)

难度参考 难度&#xff1a;中等 分类&#xff1a;链表 难度与分类由我所参与的培训课程提供&#xff0c;但需要注意的是&#xff0c;难度与分类仅供参考。且所在课程未提供测试平台&#xff0c;故实现代码主要为自行测试的那种&#xff0c;以下内容均为个人笔记&#xff0c;旨在…

用Jmeter进行接口测试

web接口测试工具&#xff1a; 手工测试的话可以用postman &#xff0c;自动化测试多是用到 Jmeter&#xff08;开源&#xff09;、soupUI&#xff08;开源&商业版&#xff09;。 下面将对前一篇Postman做接口测试中的接口用Jmeter来实现。 一、Jmeter 的使用步骤 打开Jme…

SpringCloud Gateway(4.1.0) 返回503:原因分析与解决方案

文章目录 一、环境版本二、原因分析三、解决方案 一、环境版本 Versionspring-cloud-dependencies2023.0.0spring-cloud-starter-gateway4.1.0Nacosv2.3.0 二、原因分析 在 Spring Cloud Gateway 的早期版本中&#xff0c;Ribbon 被用作默认的负载均衡器。随着Spring Cloud的…

美敦力呼吸机PB560硬件分析

1 硬件主要芯片 CPU板的MCU和电源板的MCU通过SPI-0通信。 1.1 CPU板 1&#xff09;ST10F276&#xff0c;16bit MCU 2&#xff09;K6R4016C1D-UI10&#xff0c;Samsung 256K x 16 SRAM&#xff0c;Event Memory 3&#xff09;K9F1G08UOA-PCB0&#xff0c;Samsung 128M x 8 NAND …

修复wordpress安全漏洞

1. 问题描述&#xff1a; 用wordpress建了一个网站&#xff0c;但是学校反映说存在安全漏洞&#xff0c;通过接口https://xxx.xxx.edu.cn/?rest_route/wp/v2/users/可以访问到一些内容&#xff0c;希望可以关闭这个接口。 2. 解决办法 一共两步 &#xff08;1&#xff09;在fu…

系统架构20 - 统一建模语言UML(上)

统一建模语言 组成要素事物关系 在目前的软件开发方法中&#xff0c;面向对象的方法占据着主导地位。面向对象方法的主导地位也决定着软件开发过程模型化技术的发展&#xff0c;面向对象的建模技术方法也就成为主导的方法。 公认的面向对象建模语言出现于20世纪70年代中期。从1…

vulhub中Adminer ElasticSearch 和 ClickHouse 错误页面SSRF漏洞复现(CVE-2021-21311)

Adminer是一个PHP编写的开源数据库管理工具&#xff0c;支持MySQL、MariaDB、PostgreSQL、SQLite、MS SQL、Oracle、Elasticsearch、MongoDB等数据库。 在其4.0.0到4.7.9版本之间&#xff0c;连接 ElasticSearch 和 ClickHouse 数据库时存在一处服务端请求伪造漏洞&#xff08…

Nginx如何对运行老业务的服务器平滑升级版本

Nginx如何对运行老业务的服务器平滑升级版本 Nginx是一个开源的、高性能的HTTP和反向代理服务器&#xff0c;也是一个IMAP/POP3/SMTP代理服务器。在本文中&#xff0c;我们将讨论如何在不影响现有业务的情况下&#xff0c;对运行老业务的服务器进行Nginx版本的平滑升级。 1. …