- 博客(40)
- 收藏
- 关注
RSS订阅
原创 vue前端项目技术架构(第二版)
如下图所示，展示了项目系统的软件层次架构。该系统采用基于SOA（面向服务架构）思想的分层架构，分为四个主要层次：视图层、编译层、代码层和数据层。
2025-04-01 11:25:06
500
原创 SpringBlade 部署文档
请确保服务器防火墙开放必要端口(8080, 80, 3306, 6379)生产环境建议使用域名访问并配置SSL证书。SpringBlade 部署文档。5.3 配置Nginx反向代理。建议定期备份数据库和配置文件。重要配置文件建议加密存储。2.2 安装Maven。2.3 安装Nginx。3.2 安装Redis。4.2 修改配置文件。4.3 数据库初始化。6.3 服务管理命令。6.5 磁盘空间查看。建议配置监控告警机制。
2025-04-01 10:27:52
209
原创 Docker
Docker 是一种开源的容器化平台，旨在帮助开发人员和系统管理员更轻松地打包应用程序及其所有依赖项，以便在任何环境中快速部署和运行。它基于容器技术，可以创建、部署和运行应用程序容器，使开发、部署和运行应用程序更加高效和可移植。
2025-02-20 14:47:15
732
原创 Git 的基本概念和使用方式。
仓库（Repository）：Git 用仓库来存储项目的文件和历史记录。仓库可以是本地的（Local Repository）也可以是远程的（Remote Repository）。远程仓库（Remote Repository）：远程仓库是存储在互联网或网络上的项目仓库，用于多人协作开发和代码共享。拉取（Pull）和推送（Push）：拉取是将远程仓库的更改同步到本地仓库，推送是将本地仓库的更改同步到远程仓库。合并（Merge）：合并是将一个分支的更改合并到另一个分支的过程。可以通过合并来整合不同分支的代码。
2025-02-20 14:45:20
282
原创 访问iframe嵌套页面，操作浏览器回退，页面显示异常问题（暂未解决）
回退第一次路由没有改变，二次才能变化， 暂未解决，有劳各位大佬指教。（网上2024-6前的大部分方法已经测试过）
2025-01-13 18:16:35
195
原创 Failed to restart nginx.service: Unit nginx.service not found
你可以通过以下命令检查 Nginx 的安装路径：which nginx。sh2. 手动启动和停止 Nginx如果你是手动安装的 Nginx，可以使用 Nginx 的可执行文件来启动和停止 Nginx：启动 Nginx：sudo /usr/local/nginx/sbin/nginx。sh重新加载 Nginx 配置：sudo /usr/local/nginx/sbin/nginx -s reload。sh停止 Nginx：sudo /usr/local/nginx/sbin/nginx -s stop。
2024-11-18 11:39:05
1795
原创 重启 nginx
如果你只想重启某个特定的nginx实例，你可能需要找到该进程的PID并结束它，然后手动启动nginx。这通常不是推荐的做法，因为它可能会导致服务中断。要重启nginx，你可以使用命令行工具来执行这个任务。确保你有适当的权限来执行这些命令，通常需要root权限。如果你不是root用户，你可能需要使用。这将重新加载配置文件而不重启服务。
2024-11-14 10:51:06
4573
1
原创 Ubuntu环境 快速安装nginx1.26.2（一）
以上步骤会在Ubuntu系统上安装Nginx 1.24.0。如果你想要快速完成，可以直接运行上述命令，不过建议阅读每个命令的输出，处理可能出现的任何问题。默认情况下，Nginx会被安装到。7. 编译并安装Nginx。5. 进入解压后的目录。6. 配置Nginx。8. 启动Nginx。
2024-11-12 14:35:07
546
原创 avue 调用各种自带弹窗方法（vue3）
5、搜索收起、展开：crudRef.value.$refs.headerSearch.handleSearchShow();6、列显隐弹窗： crudRef.value.$refs.dialogColumn.handleShow();8、过滤条件抽屉：crudRef.value.$refs.dialogFilter.handleShow();2、编辑弹窗：crudRef.value.rowEdit();1、新增弹窗：crudRef.value.rowAdd();有任何问题，请私信。
2024-10-23 11:42:01
558
原创 vue3进阶-自定义组件双向绑定（props-modelValue）
我们将创建一个自定义的输入框组件，它支持v-model双向绑定。这个组件将接收一个modelValue属性，并在输入框的值发生变化时通过事件通知父组件。// 接收父组件传来的 modelValue});// 本地状态// 当父组件的 modelValue 发生变化时，更新本地状态watch(// 当 input 的值发生变化时，通知父组件/* 样式 */在这个组件中：1. 接收modelValue。
2024-10-09 17:23:09
2993
1
原创 长时间不操作返回登陆页（vue项目）
某系统：用户长时间不操作，退出系统，并返回登陆页。（不是监听鼠标移动、页面滚动等，这里采用长时间不触发接口调用，才执行退出系统，并返回登陆页）。
2024-05-31 17:21:23
450
原创 前端项目：XML字符串 与 JSON 字符串 互转
1. 安装依赖： npm 或 yarn。2. vue2 或 vue3 全局使用。3. vue2 或 vue3 局部使用。
2024-03-28 10:01:04
718
原创 在线考试（ vue2.x + elemen-ui 可升级 vue3 ）
【代码】在线考试（ vue2.x + elemen-ui 可升级 vue3 ）
2023-08-16 16:01:36
586
1
原创 VUE前端项目技术架构
如图下图所示，图中展示为项目系统软件层次架构。该系统采用 SOA思想的分层架构，共分为视图层、编译层、代码层、数据层。(1) 视图层：浏览器：主要功能是将用户选择的web资源，通过解析网页源文件，进行页面显示。业务模块：根据不同的业务需求所开发的独立模块。(2) 编译层：分析项目结构，根据入口文件，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（TypeScript、SCSS等），通过 webpack 将源代码编译（构建，打包）成合适的格式以供浏览器直接使用。
2023-06-25 15:56:10
4544
原创 多种IPV6类型解析：获取IPV6地址、IPV6地址范围、PV6地址/掩码等；获取 重复的、去重后的、错误及无效的、重复次数等
【代码】纯前端校验IP格式（IPV6）：（混合数据处理）
2023-06-20 17:57:09
1502
原创 IP端口解析校验:
1、判断是否在1-65535之间、判断是否符合端口规范，解析开始、结束。例如： 12,12-23（现这样，后期优化）// 校验端口export const portGather = (data) => { if (data != '') { // 匹配非数字、非英文横线、非英文逗号的字符 const pattern = /[^0-9,-]/g; if (!pattern.test(data)) { // 判断数据 开头，末尾 只能是数字 c
2023-06-16 16:31:58
444
1
原创 IPV4地址、地址范围、地址/掩码解析，分别获取：重复、标准，错误
【代码】纯前端校验IP格式（IPV4）衍生3： （混合数据：分别获取重复、标准，错误内容）
2023-06-16 15:30:58
382
1
原创 IPV4地址范围、地址/掩码长度解析成：单个标准 IP地址
2、适用于多个标准 IP地址/掩码长度 解析成：单个标准 IP地址 格式，例如：192.168.1.1/24 3、验证：全新vue2项目
2023-06-16 14:06:30
447
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人