技术难题初登场 家人们，最近在开发一个超复杂的后台管理系统项目，里面有各种数据展示、表单提交、权限控制等功能，在这个过程中，我频繁地使用到了element-plus组件库中的el-dialog组件 。它就像一个小弹窗，可以用来显示各种提示信息、编辑表单之类的。比如说在用户点击 “编辑” 按钮时，就弹出一个el-dialog，里面放着编辑表单，让用户修改数据。 但随着功能的不断完善，我发现原生的el-dialog组件在某些场景下真的不够灵活。比如说，我想在不同的组件中根据不同的业务逻辑动态地控制对话框的显示和隐藏，还要传递不同的数据给对话框，原生组件用起来就很麻烦，每次都要写很多重复的代码，这可太影响开发效率了。所以，我就决定对el-dialog进行二次封装，实现动态调用，让它更好地满足我的项目需求。接下来，就把我的经验分享给大家，一起看看怎么解决这个问题。 实现效果 代码实现 import { ElButton, ElDialog } from "element-plus"; import { createApp, h } from "vue";…

前言 最近一直在做WordPress相关的站点，突然某个站点提示 “此表单不安全,因此,系统已关闭自动填充功能”，找了一些资料，最后确定的域名协议不一直造成的，页面使用的是https协议，form表单用的是 http 协议 修改前代码 <form action="http://www.xxx.cn/?post_type=sites&s=%s%" method="get" target="_blank" class="super-search-fm"> <input type="text" id="search-text" class="form-control smart-tips search-key" zhannei="" placeholder="站内搜索" style="outline:0" autocomplete="off" dat…

原 yml 文件 services: mysql: image: mysql:8.0.35 ports: – 3306:3306 command: –character-set-server=utf8mb4 –collation-server=utf8mb4_unicode_ci environment: MYSQL_ROOT_PASSWORD: 123456 # root 用户密码 TZ: Asia/Shanghai volumes: – ./mysql_data:/var/lib/mysql # 数据存放的目录 – ./mysql.cnf:/etc/mysql/mysql.cnf # 指定配置文件 networks: – mysql-network networks: mysql-network: 这里配置了 networks 但是没有做详细的配置，造成映射端口无法在外网访问 正确修改如下 services: mysql: image: mysql:8.0.35 ports: – 3306:3306 command: –character-set-server=utf8mb4…

前言 最近冲浪发现一个不错的PHP框架，兼顾性能和开发效率，在此记录一下 功能列表 用户管理，用户添加、修改、删除，支持不同用户登录后台看到不同的首页 部门管理，部门组织机构（公司、部门、小组），树结构方式展现适应各种结构 岗位管理，可以给用户配置所担任职务 角色管理，树结构设计，支持角色菜单和按钮权限分配，支持角色数据权限分配、强大的角色管理体系 菜单管理，配置系统菜单和按钮等 字典管理，对系统中经常使用并且固定的数据可以重复使用和维护 系统配置，系统的一些常用设置管理 操作日志，用户对系统的一些正常操作的查询 登录日志，用户登录系统的记录查询 服务监控，查看当前服务器状态和PHP环境等信息 附件管理，管理当前系统上传的文件及图片等信息 数据表维护，对系统的数据表可以进行清理碎片和优化 定时任务，在线（添加、修改、删除)任务调度包含执行结果日志 代码生成，前后端代码的生成（php、vue、js、sql），支持一键下载和一键生成到项目中 邮件服务，内置邮件发送服务 文件上传，支持本地、七牛云、阿里云、腾讯云上、S3上传 应用市场，生态丰富，官网上架官方和开发人员的插件应用 兼容性强，基…

前言 假期在家学习技术，最近用一些小厂的VPS由于小厂不大稳定会做MySQL多活的配置，但是目前没有找到很好的工具做MySQL之间的同步的工作所以就做了这么一个小工具，上图是我引入的库，下面是一些关键代码 关键代码 package main import ( "database/sql" "fmt" "github.com/go-mysql-org/go-mysql/canal" "github.com/go-mysql-org/go-mysql/mysql" "github.com/go-mysql-org/go-mysql/replication" _ "github.com/go-sql-driver/mysql" // 导入 MySQL 驱动 "github.com/spf13/viper" "log" "os" "strings" "time" ) var g…

需要一个服务器，然后新建一个站点，然后用NGINX进行配置，其中反代配置如下 location / { proxy_pass https://translate.googleapis.com/; proxy_redirect https://translate.googleapis.com/ /; proxy_cookie_domain translate.googleapis.com [你的域名]; proxy_set_header User-Agent $http_user_agent; proxy_set_header Accept-Encoding ""; sub_filter_once off; add_header Cache-Control no-cache; sub_filter "http://translate.googleapis.com" "http://[你的域名]"; sub_filter "https://translate.googleapis.com" "http…

前言 近期需要部署一个PHP项目，但是项目中带有 swoole，不想在服务器安装swoole扩展，想做一个docker镜像，对服务器干净一些，不对当前环境造成影响，所以就有了这个小功能 文件 一共有4个文件和一个目录 目录 1 . ./data/www 说明 PHP文件存放目录 文件 ./data/nginx.conf NGINX 配置文件 ./swoole_loader.so swoole_loader 扩展文件 ./Dockerfile 镜像构建文件 ./docker-compose.yml docker编排文件 ./data/nginx.conf 文件内容 server { listen 80; server_name _; root /var/www/html; index index.php index.html index.htm; # URL重写配置 location / { if (!-e $request_filename){ rewrite ^(.*)$ /index.php?s=$1 last; break; } try_files $uri $uri/ /ind…

介绍 Awesome-Ollama-Server 是一个用于监控和检测 Ollama 服务可用性和性能的系统。它提供了一个现代化的 Web 界面，支持多语言（中文/英文），并具有实时检测和数据展示功能。这个开源项目可以找到类似 DeepSeek 这样的可用的资源。 功能特点 🔍 服务检测 支持批量检测 Ollama 服务 实时显示检测状态和结果 支持检测结果导出 支持自动 FOFA 扫描 📊 性能监控 测试服务响应时间和 TPS 展示可用模型列表 性能数据可视化 🌐 多语言支持 中文界面 英文界面 一键切换语言 🎯 高级筛选 模型过滤 TPS/更新时间排序 分页显示 Awesome-Ollama-Server地址

直接上代码了，vue3 setup 模式下 需要额外写一个script <script> export default { options: { styleIsolation: 'shared' } } </script> styleIsolation 可选项 isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值） apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面 shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用。）

Web Worker中需要加载js文件中包含import 的文件的话，需要一些设置 // main.js（主线程） const worker = new Worker('/worker.js', { type: 'module' // 指定 worker.js 的类型 这里设置开启 ESModule 模式 });

<Trans i18nKey={'app.btn.setIcon'} defaults={'设置图标'} /> i18nKey 是 对应翻译文件的key，defaults 是默认值，就是找不到翻译文件的时候显示的默认内容 // t 的用法 {t('common.button.cancel', { defaultValue: '取消 {{name}}', name: iconPath })} 第一个参数 common.button.cancel 为翻译文件的key，defaultValue 是找不到翻译时候显示的默认内容， name 的对应 defaultValue 里面的 {{name}} 动态值，他会知道替换里面的内容

最近开发页面装修功能，封装了很多层级的子组件，顶层用provide设置当前编辑的右侧数据，如下图 在最里面的子组件使用了watch来监听数据的变化 // 监听数据变化 watch( () => props.modelValue, (newVal) => { if (!newVal) return; rightStyle.value = newVal; }, { deep: true } ); watch( () => rightStyle.value, () => { // 数据更新后，通知父组件更新数据 emit('update:modelValue', rightStyle.value); }, { deep: true } ); 然后奇怪的事情发生了，如下图 watch 竟然监听不到变化，经过反复摸索，代码变更为 // 监听数据变化 watch( () => props.modelValue, (newVal) => { if (!newVal) return; rightStyle.value = newVal; }, {…

场景 代码层面的单进单出 比如我要指定一个短信供应商，并且整个程序都使用该供应商 比如我要指定一个缓存适配器，并且整个程序都使用该适配器 比如原来已经有写一个短信供应商，我需要进行重写，又不想修改原来的代码 下面我们以短信为例 根目录下 main.go 文件（位置1） package main import ( "fmt" "test/aliSms" "test/sms" "test/tencentSms" ) func main() { sms.SetAdapter(&aliSms.Adapter{}) fmt.Printf("output: %s \n", sms.GetAdapter().SendSms()) sms.SetAdapter(&tencentSms.Adapter{}) fmt.Printf("output: %s \n", sms.GetAdapter().SendSms()) } sms目录下 main.go 文件 （位置2） …

package main import ( "fmt" ) // Target 是客户端期望的接口 type Target interface { Request() string } // Adaptee1 是第一个需要适配的类 type Adaptee1 struct{} func (a *Adaptee1) SpecificRequest1() string { return "Called SpecificRequest1()" } // Adapter1 是第一个适配器类 type Adapter1 struct { adaptee *Adaptee1 } func (adapter *Adapter1) Request() string { return adapter.adaptee.SpecificRequest1() } // Adaptee2 是第二个需要适配的类 type Adaptee2 struct{} func (a *Adaptee2) SpecificRequest2() string { return &quot…

function custom_rename_uploaded_files($file) { $info = pathinfo($file['name']); $ext = $info['extension']; $newname = uniqid() . '.' . $ext; $file['name'] = $newname; return $file; } add_filter('wp_handle_upload_prefilter', 'custom_rename_uploaded_files');