找到
20
篇与
HTML
相关的结果
-
api.qrserver.com平台api二维码失效 修复教程 (免费二维码api) 之前很多老源码都是使用XX 但是从昨天晚上开始就用不了，使用就重新找了一个先用一下。 大部分都是用这个但是已经失效了 <div class="bar_top">手机浏览</div><div class="erweima"> <img src="//api.qrserver.com/v1/create-qr-code/?size=150x150&margin=10&data=<?php echo $siteurl?>"> </div> </div> 失效二维码图片 更换这个就可以了这个接口是宁波联佳亚网络科技的 更换很简单只要把对应代码复制下面这个粘贴上就可以了 <div class="panel-body text-center"> <img src="https://api.2dcode.biz/v1/create-qr-code?data=<?= urlencode($siteurl) ?>&size=150" /> </div>二维码图片
-
彩虹云商城 faka发卡模板全部新ui重置 前言： 设计加重置前前后后差不多花了一个多星期本来想前后端都修改的但是后端几乎没啥用用户端我都关闭的就更没有必要了，所以就做了前端和部分的登陆界面。手机端演示图 图片 图片 彩虹云商城源码 如果没有源码的可以下载这个我也是在网上找的作者我已经找不到了也忘记那个博客下载的了原版源码里面为改动 彩虹云商城 下载地址：https://img.01kl.cn/down.php/84c67e5bfa95eed2dca9b50c8f248b98.zip 提取码： 样式图片 彩虹云商城 发卡模板图片 查单图片 订单图片 登陆图片 订单1图片 订单信息图片 提卡图片 前端测试站点 https://fk.bl01.cn/ 接入方式 第一种也是最节点的一种 打开后台点击模板点击模板设置 模板图片 第二步 下滑看到静态cdn我们填上 国内cdn 120节点每一个省最少两个节点 cdn.01kl.cn/CDN/css/caihong 美国节点国内回调cn2 速度也很快国内cdn没的比 但请求量不限 file.bl01.cn/CDN/css/caihong静态cdn图片 这样就设置完成了 打开浏览器强制刷新一下就可以了 第二种接入方法修改css 方法一 打开这个路径 assets/faka/ 然后把css文件下载直接替换覆盖 css3.css 下载地址：https://img.01kl.cn/down.php/b1afbec1eafd427342c17a5743998dc3.css 提取码： 方法二 css路径为 assets/faka/css3.css 复制下面的css代码粘贴进去就可以了 如果需要更好看协调的可以自己修改 排版我已经加了注释 代码太多很多老设备还有低配置的手机电脑打开都会卡顿所有去掉了页面代码 如果要复制代码点击下面链接即可 https://file.bl01.cn/CDN/css/caihong/assets/faka/css/css3.css cdn静态资源提交说明 如果要是自己二开要提交代码的可以QQ或者微信联系更新也可以在评论家六网盘地址我会下载测试同的我会进行回复和采纳
-
晴玖极简发卡系统 1.32最新版 一个轻量级的自助发卡系统，包含管理后台和用户前台。基于PHP原生+MySQL开发，无需框架，部署简单。系统特点 轻量级：无需框架，基于PHP原生开发，性能卓越 管理后台：商品管理、卡密管理、订单管理、系统设置等一应俱全 用户前台：响应式设计，完美适配PC端和移动端 多语言支持：内置多种语言，支持快速切换 多支付渠道：支持平安夜支付、易支付(V1/V2)接口和PayPal国际支付 自动发货：订单支付完成后自动发送卡密到用户邮箱 多发货方式：支持卡密发货、固定信息发货(无限卡密)、API对接发货和人工核销发货 多端模板：支持PC端和移动端不同模板，并可一键切换 邀请系统：完整的邀请码生成和管理功能，解锁易支付V1和V2接口，无限分类和无限商品功能 AI宣传文案：内置AI助手，自动生成营销宣传内容 滑动验证码：更安全的验证码机制，防止机器人攻击 维信聊天室：集成私域聊天群和站长聊天室功能，提升用户粘性 数据库同步：系统更新后自动提示同步数据库结构 邮件通知：基于PHPMailer的可靠邮件发送系统 微信推送：支持WxPusher的消息推送，及时通知站长和用户 自动识别站点URL：无需手动配置，自动适应不同环境 二维码支持：内置二维码生成功能 自动更新：一键在线升级系统到最新版本 访问统计：详细记录网站流量和用户行为数据 支付汇率配置：支持自定义不同货币的汇率转换，适配国际支付 发货日志模块：详细记录每笔订单的发货情况，方便排查问题 前台演示 https://test3.79tian.com/ 下载地址 源码 下载地址：https://file.bl01.cn/Source%20code/v1.3.1.zip 提取码： 官方发布地址：https://gitee.com/QtCodeCreators/faka/releases 安装说明 环境要求 PHP 7.0+ MySQL 5.6+ PDO_MySQL扩展 OpenSSL扩展 GD库（用于验证码和二维码生成） cURL扩展（用于接口请求和更新检查） JSON扩展（用于数据处理） ZIP扩展（用于自动更新功能） 支持SMTP的邮箱（用于发送邮件） 安装步骤 将源码上传到网站根目录 访问网站，系统将自动进入安装向导 填写数据库信息和管理员账号 安装完成后，使用创建的管理员账号登录后台 登录后台配置网站基本信息和支付接口 全新安装模式：系统采用数据库校准模式，无需手动导入数据库，安装向导会自动完成数据库初始化 升级说明：系统支持一键在线升级，升级后会自动提示进行数据库同步，确保系统正常运行 安装步骤 ├── admin/ # 管理后台目录 │ ├── api/ # 管理后台API接口 │ │ ├── ai_chat.php # AI聊天助手API │ │ ├── data_analysis.php # 数据分析API │ │ ├── invite/ # 邀请码API │ │ │ └──generate_promo.php # 生成宣传文案API │ │ ├── product/ # 商品管理API │ │ └── settings/ # 系统设置API │ ├── js/ # 后台JavaScript文件 │ ├── index.php # 后台首页 │ ├── login.php # 管理员登录页面 │ ├── settings.php # 系统设置 │ ├── products.php # 商品管理列表 │ ├── product_edit.php # 商品编辑页面 │ ├── categories.php # 分类管理列表 │ ├── cards.php # 卡密管理页面 │ ├── orders.php # 订单管理列表 │ ├── order_detail.php # 订单详情页面 │ ├── payment_settings.php # 支付设置页面 │ ├── exchange_rate.php # 汇率配置页面 │ ├── delivery_logs.php # 发货日志管理页面 │ ├── admins.php # 管理员列表 │ ├── invite.php # 邀请码管理页面 │ ├── visits.php # 访问统计页面 │ ├── templates.php # 模板切换管理页面 │ ├── ai_chat.php # AI聊天助手 │ ├── issues.php # 问题反馈管理 │ ├── version.php # 版本管理与更新 │ └── db_maintenance.php # 数据库维护 ├── api/ # 前台API接口目录 │ ├── delivery/ # 发货API接口目录 │ └── invite/ # 邀请相关API ├── backup/ # 数据库备份目录 ├── cache/ # 缓存目录 │ └── ip/ # IP信息缓存 ├── data/ # 系统数据目录 │ ├── invite/ # 邀请数据 │ └── visits/ # 访问统计数据 ├── includes/ # 系统核心文件 │ ├── gateways/ # 支付网关实现 │ │ ├── QjpayGateway.php # 平安夜支付网关 │ │ ├── EpayV1Gateway.php # 易支付V1网关 │ │ ├── EpayV2Gateway.php # 易支付V2网关 │ │ └── PaypalGateway.php # PayPal支付网关 │ ├── delivery/ # 发货方式实现 │ │ ├── CardDelivery.php # 卡密发货 │ │ ├── FixedDelivery.php # 固定信息发货 │ │ ├── ApiDelivery.php # API对接发货 │ │ └── ManualDelivery.php # 人工核销发货 │ ├── invite/ # 邀请系统 │ │ ├── functions.php # 邀请功能函数 │ ├── parsedown/ # Markdown解析库 │ ├── PHPMailer/ # 邮件发送库 │ ├── WxPusher/ # 微信推送库 │ ├── config.php # 配置文件 │ ├── db.php # 数据库操作类 │ ├── functions.php # 公共函数 │ ├── payment.php # 支付处理核心类 │ ├── PaymentFactory.php # 支付网关工厂类 │ ├── PaymentGatewayLoader.php # 支付网关加载器 │ ├── PaymentConfig.php # 支付配置管理 │ ├── payment_utils.php # 支付工具函数 │ ├── exchange_rate.php # 汇率计算工具 │ ├── EpayCore.class.php # 易支付核心类 │ ├── captcha.php # 验证码生成器 │ ├── sliding-captcha.php # 滑动验证码实现 │ ├── language.php # 语言处理 │ ├── phpqrcode.php # 二维码生成 │ ├── version_info.php # 版本信息 │ ├── db_schema.php # 数据库结构定义 │ ├── db_synchronizer.php # 数据库同步工具 │ ├── template_manager.php # 模板管理工具 │ ├── backup_database.php # 数据库备份功能 │ └── gitee_helper.php # Gitee API交互助手 ├── install/ # 安装程序目录 │ ├── static/ # 安装界面静态资源 │ ├── index.php # 安装引导页面 │ ├── install.php # 安装处理脚本 │ └── check_environment.php # 环境检查脚本 ├── languages/ # 多语言文件目录 │ ├── zh-CN/ # 简体中文 │ ├── en-US/ # 英语(美国) │ ├── ja-JP/ # 日语 │ ├── ru-RU/ # 俄语 │ ├── de-DE/ # 德语 │ ├── fr-FR/ # 法语 │ ├── es-ES/ # 西班牙语 │ └── ug-CN/ # 维吾尔语 ├── logs/ # 系统日志目录 │ ├── ai/ # AI功能相关日志 │ ├── delivery/ # 发货相关日志 │ └── invite_test/ # 邀请功能测试日志 ├── static/ # 静态资源文件 │ ├── css/ # CSS样式文件 │ │ ├── cyberpunk/ # 赛博朋克主题样式 │ │ └── sliding-captcha/ # 滑动验证码样式 │ ├── js/ # JavaScript文件 │ │ ├── sliding-captcha/ # 滑动验证码脚本 │ │ ├── tinymce/ # TinyMCE富文本编辑器 │ │ └── wangeditor/ # wangEditor富文本编辑器 │ ├── img/ # 图片资源 │ │ └── payment/ # 支付方式图标 │ ├── fonts/ # 字体文件 │ └── webfonts/ # Web字体文件 ├── templates/ # 前台模板目录 │ ├── default/ # 默认PC端模板 │ └── mobile/ # 移动端模板 ├── temp/ # 临时文件目录 │ └── updates/ # 更新临时文件 ├── uploads/ # 上传文件目录 │ ├── editor/ # 编辑器上传文件 │ ├── qrcode/ # 二维码图片 │ └── qrcodes/ # 用户上传的二维码 ├── index.php # 前台首页 ├── buy.php # 购买页面 ├── order.php # 订单查询 ├── check_order.php # 订单查询处理 ├── invite.php # 邀请注册页面 ├── captcha_image.php # 验证码生成 ├── process_email_queue.php # 邮件队列处理 ├── process_wxpusher_queue.php # 微信推送队列处理 ├── notify.php # 支付异步通知接口 ├── return.php # 支付同步跳转页面 └── README.md # 项目说明文档多语言支持 系统内置多种语言支持，可以在前台轻松切换： 支持简体中文 (zh-CN)、英文 (en-US)、德语 (de-DE)、西班牙语 (es-ES) 法语 (fr-FR)、日语 (ja-JP)、俄语 (ru-RU)、维吾尔语 (ug-CN)等 管理后台可开启/关闭多语言功能 用户可通过前台语言选择器切换语言 开发者可通过添加语言文件扩展更多语言支持 多商品发货方式 系统支持多种发货方式，满足不同商品需求： 卡密发货：传统的一次性卡密自动发货模式 固定信息发货：适用于虚拟服务，无需消耗卡密库存 API对接发货：支持对接第三方API自动完成发货 人工核销发货：适用于需要人工审核或处理的订单 模板切换系统 支持多端多模板切换： PC端模板：默认响应式模板，适合桌面浏览器访问 移动端模板：专为手机用户优化的轻量级模板 一键切换：管理后台可一键切换不同模板 设备检测：自动识别用户设备，应用最佳模板 邀请系统 系统提供完整的邀请码功能： 邀请码生成：后台可以获取邀请链接 AI宣传文案：自动生成邀请宣传内容，提高转化率 邀请页面：专门的邀请落地页，提供邀请码登记和下载 邀请统计：详细记录和统计邀请使用情况 特权解锁：通过邀请可以解锁以下功能： 易支付V1和V2接口完整使用权限 无限商品数量（突破默认的20个限制） 无限分类创建权限 聊天室集成 系统集成了维信聊天功能： 私域聊天群：在前台为用户提供互动交流平台，提升用户粘性 站长聊天室：在后台为站长提供与其他管理员的实时沟通渠道 地区分组：支持根据用户IP地区自动分配到不同聊天群组 免登录模式：支持访客无需登录即可参与聊天 支付对接 系统支持以下支付方式： 平安夜支付：直接对接平安夜支付网关 易支付V1接口：支持易支付V1标准接口（需通过邀请或被邀请解锁） 易支付V2接口：支持易支付V2标准接口（需通过邀请或被邀请解锁） PayPal支付：支持国际支付，接入PayPal标准支付网关 在管理后台可轻松配置各支付接口参数，系统会自动处理支付通知和订单状态更新。 汇率配置 系统支持灵活的汇率配置： 多币种支持：支持配置不同币种间的汇率 实时更新：支持手动更新或API自动更新汇率 自动转换：自动将外币转换为本地货币计价 卡密批量管理 增强的卡密管理功能： 批量导入：支持Excel/CSV/TXT格式批量导入卡密 批量导出：支持将卡密数据导出备份 批量删除：支持按条件批量删除卡密库存 状态筛选：支持按使用状态筛选卡密 发货日志 详细的发货日志系统： 发货记录：记录每笔订单的发货详情 发货状态：显示发货成功/失败状态 错误追踪：记录发货失败原因，便于排查 重新发货：支持失败订单手动重新发货 邮件通知系统 基于PHPMailer构建的可靠邮件发送系统： 支持SMTP服务器配置 HTML邮件模板 支持附件和图片嵌入 邮件发送队列和失败重试机制 微信推送通知 基于WxPusher的推送功能： 订单状态变更推送 系统异常报警推送 管理员登录通知 支付成功通知 二维码生成 内置phpqrcode库，支持多种二维码生成场景： 订单查询二维码 支付二维码 邀请码二维码 自定义链接二维码 使用说明 管理员登录 访问/admin/目录进入管理后台 使用安装时设置的管理员账号密码登录 登录后请及时完善网站配置 商品管理 添加商品：填写商品名称、价格、描述等信息 选择发货方式：卡密发货、固定信息发货、API对接发货或人工核销 上传/导入卡密：支持批量导入卡密 设置商品状态：上架/下架 配置支付接口 进入系统设置 填写支付平台提供的商户ID和密钥 配置汇率（如使用国际支付） 模板管理 进入模板管理页面 选择PC端或移动端模板 设置是否自动识别设备类型 安全建议 使用强密码保护管理员账号 设置合理的目录权限 定期备份数据库 启用HTTPS保护用户数据安全 定期更新系统到最新版本 常见问题 Q: 支付成功但未发货？ A: 检查支付通道列表配置是否有误，确认通知URL是否正确，查看发货日志进行排查。 Q: 如何添加新的语言支持？ A: 联系开发者，或在更新建议里面反馈。目前系统已支持8种语言。 Q: 邮件发送失败怎么办？ A: 检查SMTP设置是否正确，查看系统日志了解具体错误信息。常见问题包括SMTP认证失败、端口被封等。 Q: 如何修改邮件模板？ A: 在管理后台的系统设置中可以自定义邮件模板HTML内容。 Q: 如何使用AI生成宣传文案？ A: 进入管理后台的邀请码管理页面，在宣传文案生成工具中选择相应的模板和风格即可生成。 Q: 如何配置PayPal支付？ A: 在支付设置页面配置PayPal商户ID和密钥，并在汇率配置中设置正确的汇率。 图片展示 前台主页[部分] 图片 图片 图片 管理后台[部分] 图片 图片 图片 注意：本系统为免费商用软件，可在授权范围内使用，无需付费购买，但不允许进行二次开发，有需求可以去提issues许可说明 本系统为免费使用软件，任何人都可以在授权范围内免费使用，无需付费购买。 严格禁止： 对程序进行二次开发并发布 破解或修改程序版权信息 将程序源码进行重新打包销售 未经授权修改并发布程序代码 违反上述规定的行为将被视为侵权。 技术支持 如有使用问题，请通过以下方式获取支持： 提交Issues：https://gitee.com/QtCodeCreators/faka/issues 查看Wiki文档：https://gitee.com/QtCodeCreators/faka/wikis 邮件支持：keh5@vip.qq.com
-
免费在线测试3D渲染毒蘑菇在线网页测试 （源码下载开源） 🧩 技术拆解：一张图榨干显卡的三重陷阱 ▌陷阱 1：分形几何纹理 🌰 案例：蘑菇伞盖褶皱采用递归算法生成，放大 5000 倍无锯齿（普通图片 100 倍失真） 📌 技术原理：曼德博集合算法，用有限代码生成无限细节 ▌陷阱 2：物理渲染（PBR） 🔍 细节：每个像素点计算 16 重光影叠加（环境光 / 反射 / 折射） 🖥️ 对比：传统网页图片 =「打印照片」，毒蘑菇 =「实时画油画」 ▌陷阱 3：动态噪声纹理 ⚙️ 机制：每秒生成 20 组随机噪声模拟真菌生长 💻 实测：办公本打开图片瞬间 GPU 占用从 1%→20% 🚦 设备适配指南（交互式标签） ✅ 推荐测试设备（点击展开） 独立显卡：RTX3060/ARC A380/GTX1660Ti及以上 苹果设备：M1/M2系列芯片（Metal渲染优化） 游戏本：需开启独显直连模式（避免CPU核显扛压） ❌ 谨慎测试设备（点击展开） 集成显卡：Intel UHD Graphics/AMD Vega系列 老设备：5年以上机型（如2018年前笔记本） 移动设备：手机/平板（易过热卡顿，建议关闭测试） ⚙️ GPU 渲染原理图解 光栅化阶段核心流程： 曲面细分：将基础多边形拆分为数万个微三角形 几何着色器：实时生成蘑菇褶皱动态形变 像素着色：12 重光照参数计算（环境光 / 镜面反射） 对比示意图： 图片 所以结果重新设计优化和视觉效果优化更换了国内服务器访问速度更快带宽更高每秒输出7-21mb 源码还没有更新需要的等明天把今天有点晚了累的不行好了明天见 🚀 立即测试：https://m.01kl.cn/001/1/ 更直观清晰的站点版毒蘑菇文章网页独享版 他长这样乍一看，是不是挺美，其实：哎，我可怜的GPU呀 毒蘑菇图片 分析 下面，咱们来分析一下 图片 首先，这个网站的内存占用其实并不高：才22.7MB，百度都46MB了 这就说明，并不是大量的代码造成的，说到代码，我们再来看一看 也就290多行，其中好多都是拖动的代码：不是内存，不是代码，那只能是程序本身了，我把网站上的一张图片下了下来 我发现光是打开图片都要很高的占用率： 平时都是1%，下载直接20% 细看图片，发现其像素点之复杂，不是放大5000倍可以解决的 可以看到，这个倍数下还是没有清晰的像素点呈现： 所以，这是对GPU渲染性能的极大考验，也就是说，这么一小块图片都要20%，那么整个网站的帧率是20，每秒就要加载20张，不100%才怪呢（仅限轻薄本） gpu渲染原理 - 百度文库 图片 总结 找到了原因，舒服多了，不会在为显卡不行而发愁了 温馨提示：手机不建议测试o 💻 源码获取： 那么各位，你们的电脑配置有怎样呢，能抗住毒蘑菇么， 毒蘑菇测试源码 下载地址：https://img.01kl.cn/down.php/df333a5af370cfd56e0e946db004caed.zip 提取码： 💬 互动挑战区 在评论区晒出你的测试结果： 例："RTX4050 测试中帧率稳定 35FPS，显卡温度 78℃！" 🎁 彩蛋：留言区抽取 3 位用户赠送《图形学算法手册》电子版 🛡️ 硬件保护小贴士 测试前关闭：游戏 / 视频剪辑软件等高负载程序 笔记本建议：外接散热底座 + 垫高机身（提升进风量） 异常处理：若出现帧率骤降→立即按「ESC」退出 （📌 提示：测试时长建议不超过 5 分钟，避免硬件过载）
-
免费挪车二维码生成 公益平台 系统源码开源（上传解压既可使用） 上一楼主发布的源码经过本人属于发现一些问题！ 安装使用发现点击交互按钮会自动调整引流至第三分，信息安全的不到保证本人修复以下问题。 1.修改背景使其更加柔和协调。 2.修复输入敏感，点击交互按钮跳转第三方。 3.生成二维码均在本地执行不通过第三方接口保障用户数据安全。 4.修复姓名，车牌，电话等逻辑问题方式随意填写。 5.曾加弹窗公告（自行修改内容） 6.增加人机验证，提高安全性。 7.增加底部版权和备案信息（自行修改） 8.优化了代码使其更加流畅环境运行环境压力！ 公益站点免费生成cs.bl01.cn/001/7 新公益免费挪车二维码链接https://m.01kl.cn/001/7/ 原版 二维码挪车系统源码 下载地址：https://img.01kl.cn/down.php/6d798107677a4d65dddeb8acd5ed4d05.zip 提取码： UI优化版 优化版源码 下载地址：https://img.01kl.cn/down.php/e1d3ce2a83c2367628caf499262e57bc.7z 提取码： 图片
-
Joe再续前缘全新自定义导航栏＋导航图标设置教程 [V1.33新功能] 功能介绍 首先我们简单的介绍一下自定义导航栏的功能以及特色 按钮数量随意添加、删除、排序 每个按钮支持自定义图标、自定义文字、自定义尺寸 主题预置了漂亮的多彩SVG图标 链接支持添加标签显示 漂亮的UI设计，颜色、背景、间距、尺寸都精心设计 细节完美！例如：适配所有PC设备，任何尺寸的电脑都可以完美显示 功能设置 进入 主题设置->全局设置->自定义全新导航栏 可以开启此功能、添加链接、根据需要设置功能 添加格式为：导航文字（可添加svg图标代码） || 跳转链接 || 打开方式 打开方式 其中的打开方式可设置为 _self _blank _parent _top _self（默认，在与点击相同的框架中打开链接的文档） _blank（在新窗口或选项卡中打开链接文档） _parent（在父框架中打开链接文档） _top（在窗口的整个主体中打开链接的文档） 导航图标 导航图标可使用主题内置的图标 icon-view： icon-comment： icon-time： icon-search： icon-money： icon-right： icon-left： icon-reply： icon-circle： icon-close： icon-add： icon-add-ring： icon-post： icon-posts： icon-favorite： icon-menu： icon-d-qq： icon-d-weibo： icon-d-wechat： icon-d-email： icon-user： icon-theme： icon-signout： icon-set： icon-signup： icon-user_rp： icon-pan_baidu： icon-lanzou： icon-onedrive： icon-tianyi： icon-menu_2： icon-alipay： icon-baidu： icon-dingtalk： icon-xunlei： icon-123pan： icon-alipan： icon-quark： icon-360yunpan： icon-huawei： icon-xiaomi： icon-gitee： icon-comment-fill： icon-private： icon-hot-fill： icon-hot： icon-topping： icon-topic： icon-plate-fill： icon-extra-points： icon-deduct-points： icon-tags： icon-user-auth： icon-vip_1： icon-vip_2： icon-qzone-color： icon-qq-color： icon-weibo-color： icon-poster-color： icon-copy-color： icon-user-color： icon-user-color-2： icon-add-color： icon-home-color： icon-money-color： icon-order-color： icon-gift-color： icon-security-color： icon-trend-color： icon-msg-color： icon-tag-color： icon-comment-color： icon-wallet-color： icon-money-color-2： icon-merchant-color： icon-medal-color： icon-points-color： icon-book-color： icon-ontop-color： 如需使用自定义HTML图标，可以参考教程： 填写示例 [icon-home-color] 首页 || / [icon-book-color] 文章分类 [icon-plate-fill] 源码资源 || /category/yuanma/ [icon-post] 官方公告 || /category/default/ [icon-tags] 游戏 || /category/youxi/ [icon-security-color] 技术 || /category/jishu/ [icon-poster-color] 壁纸 || /category/bizhi/ [icon-user-color] 日常 || /category/rchang/ [icon-tag-color] 其他页面 [icon-trend-color] 网站统计 || /tongji.html [icon-copy-color] 友情链接 || /yl.html [icon-order-color] 用户留言 || /# [icon-poster-color] 高清壁纸 || /4Kbz.html [icon-wallet-color] 娱乐直播 || /zhibo.html [fa-video-camera] 在线影视 || /cms.html [fa-comments] 闲聊灌水 || /archives/250 [icon-user-auth] 关于白泽 || /start-page.html [icon-tags] 推荐 [icon-order-color]公益目录 || https://file.bl01.cn/ || _blank [icon-money-color]易支付 || https://pay.sskj01.com/ || _blank [icon-points-color]码支付 || https://mpay.01kl.cn/ || _blank [icon-home-color]熵枢科技 || https://www.sskj01.com/ || _blank [icon-hot]挪车二维码 || https://cs.bl01.cn/001/7/ || _blank [icon-copy-color]毒蘑菇 || //cs.bl01.cn/001/1/ || _blank [icon-book-color]随机点名 || https://cs.bl01.cn/001/2/%E5%8F%8C%E8%89%B2%E7%90%83%E7%8F%AD%E7%BA%A7%E7%82%B9%E5%90%8D%E7%B3%BB%E7%BB%9F.html || _blank
-
彩虹聚合DNS管理系统v2.7更新 聚合DNS管理系统 （https://github.com/netcccyun/dnsmgr）可以实现在一个网站内管理多个平台的域名解析，目前已支持的域名平台有：阿里云、腾讯云、华为云、百度云、西部数码、火山引擎、DNSLA、CloudFlare、Namesilo。 功能特性： 多用户管理，可为每个用户可分配不同的域名解析权限 提供API接口，可获取域名单独的登录链接，方便各种IDC系统对接 容灾切换功能，支持ping、tcp、http(s)检测协议并自动暂停/修改域名解析，并支持邮件、微信公众号、TG群机器人通知 CF优选IP功能，支持获取最新的Cloudflare优选IP，并自动更新到解析记录 SSL证书申请与自动部署功能，支持从Let's Encrypt等渠道申请SSL证书，并自动部署到各种面板、云服务商、服务器等 部署方法： 1、运行环境要求PHP7.4+，MySQL5.6+ 2、设置网站运行目录为public 3、设置伪静态为ThinkPHP 4、访问网站，会自动跳转到安装页面，根据提示安装完成 5、访问首页登录控制面板 源码下载 彩虹聚合DNS管理系统v2.7更新 下载地址：https://file.bl01.cn/Source%20code/dnsmgr_2.7.1.zip 提取码： 演示截图 添加域名账户 图片 域名管理列表 图片 域名DNS解析管理，支持批量操作 图片 用户管理添加用户，支持为用户开启API接口 图片 CF优选IP功能，添加优选IP任务 CF优选IP功能，添加优选IP任务图片 SSL证书申请功能 图片 图片 SSL证书自动部署功能 图片 图片 项目地址： https://github.com/netcccyun/dnsmgr 版权属于: 缤纷彩虹天地原文地址: https://blog.cccyun.cn/post-526.html 记录作者：白泽 需要下架邮箱：aying1019@163.com
-
给网站增加一款简洁而功能强大的音乐播放器教程和代码注释 给网站增加一款简洁而功能强大的音乐播放器教程和代码注释 在网站中添加音乐播放器可以为用户带来更加丰富的体验。以下是几种不同技术实现的音乐播放器添加方法及代码注释。 一、使用 HTML5 的 <audio> 标签和 JavaScript 实现基础音乐播放器 1. 原理 HTML5 的 <audio> 标签允许开发者直接在网页中嵌入音频内容，而 JavaScript 可以控制音频的播放、暂停、音量调节等功能。 2. 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Simple Music Player</title> <style> /* 简单样式 */ #controls { margin-top: 10px; } </style> </head> <body> <!-- audio 标签用于嵌入音频文件，src 属性指定音频文件路径 --> <audio id="audioPlayer" src="path_to_your_music_file.mp3"></audio> <div id="controls"> <!-- 播放/暂停按钮，点击时调用 playPause 函数 --> <button onclick="playPause()">Play/Pause</button> <!-- 音量调节滑块，onchange 事件触发 changeVolume 函数 --> <input type="range" id="volumeControl" min="0" max="1" step="0.1" value="1" onchange="changeVolume(this.value)"> </div> <script> // 获取音频元素 var audioPlayer = document.getElementById('audioPlayer'); // 播放/暂停函数 function playPause() { if (audioPlayer.paused || audioPlayer.ended) { // 播放音频 audioPlayer.play(); } else { // 暂停音频 audioPlayer.pause(); } } // 音量调节函数 function changeVolume(volume) { // 设置音频音量 audioPlayer.volume = volume; } </script> </body> </html>3. 代码解释 <audio> 标签：用于在网页中嵌入音频文件，src 属性指定音频文件的路径。 playPause 函数：通过判断音频的 paused 或 ended 属性，决定是调用 play() 方法播放音频还是调用 pause() 方法暂停音频。 changeVolume 函数：通过设置音频的 volume 属性来调节音量，音量值范围为 0 到 1。 4. 注意事项 确保音频文件路径正确，且文件格式被浏览器支持（如 MP3、WAV 等）。 现代浏览器出于用户体验考虑，限制了音频的自动播放，通常需要用户交互（如点击按钮）后才能播放音频。 二、使用 APlayer 插件实现音乐播放器 1. 原理 APlayer 是一个简洁漂亮、功能强大的 Html5 音乐播放器插件，支持自定义歌曲列表和播放设置。 2. 安装步骤 首先，在项目中引入 APlayer 的 CSS 和 JavaScript 文件，可以使用 CDN 调用： <link href="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.css" rel="stylesheet"> <script src="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>3. 使用方法 3.1 APlayer 原生用法 const ap = new APlayer({ // 定义当前播放器容器 id 为 aplayer container: document.getElementById('aplayer'), audio: [ { // 音频名称 name: '你从未离去', // 艺术家名 artist: '白挺', // 音频文件的地址 url: 'https://doge.ottoli.cn/你从未离去.mp3', // 音频封面的地址 cover: 'https://doge.ottoli.cn/你从未离去.jpg' } ] });在 HTML 中添加容器： <div id="aplayer"></div>3.2 MetingJS 的用法 MetingJS 是为 APlayer 添加网易云、QQ 音乐、酷狗音乐等支持的插件，可以解决 APlayer 原生用法设置参数繁琐且只能调用音频文件直链的问题。 <meting-js server="netease" type="song" id="31365604" ></meting-js>参数解释： server：指定调用的 API，可选 netease, tencent, kugou, xiami, baidu，分别对应网易云音乐、QQ 音乐、酷狗音乐、虾米音乐、百度音乐。 type：指定调用类型，可选 song, playlist, album, search, artist，分别对应单曲、歌单、专辑、搜索结果、艺术家。 id：指定调用的 id，一般可以在地址栏中找到。 4. 代码解释 APlayer 构造函数：用于创建一个 APlayer 实例，container 参数指定播放器的容器，audio 参数是一个数组，包含音频的相关信息。 <meting-js> 标签：通过设置 server、type 和 id 参数，从指定的音乐平台获取音频信息并显示在播放器中。 三、使用 JavaScript 实现复杂功能的交互式音乐播放器 1. 原理 通过 JavaScript 实现音乐播放器的复杂功能，如显示音乐库列表、控制播放、显示播放时间和调整音量等。 2. HTML 结构 <div id="player"> <div id="controls"> <button id="play">播放</button> <button id="pause">暂停</button> <button id="stop">停止</button> <input id="volume" type="range" min="0" max="1" step="0.1" /> </div> <div id="time">00:00 / 00:00</div> <audio id="audio" preload="auto"> <source src="song.mp3" type="audio/mpeg"> </audio> </div>3. CSS 样式 #player { width: 300px; margin: 0 auto; } #controls { margin-top: 20px; } #time { margin-top: 10px; } 4. JavaScript 实现 // 初始化 let audio = document.getElementById('audio'); // 音频元素 let playButton = document.getElementById('play'); // 播放按钮 let pauseButton = document.getElementById('pause'); // 暂停按钮 let stopButton = document.getElementById('stop'); // 停止按钮 let volumeControl = document.getElementById('volume'); // 音量控制滑块 let currentTimeDisplay = document.getElementById('time'); // 当前时间显示区域 // 控制音乐播放 playButton.addEventListener('click', function() { // 点击播放按钮时播放音乐 audio.play(); }); pauseButton.addEventListener('click', function() { // 点击暂停按钮时暂停音乐 audio.pause(); }); stopButton.addEventListener('click', function() { // 点击停止按钮时暂停音乐并重置时间指针 audio.pause(); audio.currentTime = 0; }); // 显示当前时间和总时间 audio.addEventListener('timeupdate', function() { // 获取当前播放时间（秒） let currentTime = audio.currentTime; // 将时间转换为分钟和秒数格式（分钟） let minutes = Math.floor(currentTime / 60); // （秒数） let seconds = Math.floor(currentTime % 60); // 获取总播放时间（秒） let totalTime = audio.duration; // 将总时间转换为分钟和秒数格式（分钟） let totalMinutes = Math.floor(totalTime / 60); // （秒数） let totalSeconds = Math.floor(totalTime % 60); // 在当前时间显示区域显示当前时间（分钟:秒数）格式 currentTimeDisplay.textContent = `${minutes}:${seconds}`; }); // 动态调整音量 volumeControl.addEventListener('input', function() { // 当音量滑块的值改变时更新音频元素的音量 audio.volume = this.value; });5. 代码解释 HTML 部分：定义了播放器的基本结构，包括播放控制按钮、音量滑块和音频元素。 CSS 部分：为播放器添加了简单的样式，使其布局更美观。 JavaScript 部分： 初始化：获取 HTML 元素并初始化变量。 控制音乐播放：通过事件监听器监听按钮的点击事件，调用音频的 play()、pause() 方法控制播放状态。 显示播放时间：通过监听音频的 timeupdate 事件，实时更新当前播放时间和总时间的显示。 调整音量：通过监听音量滑块的 input 事件，动态调整音频的音量。 四、总结 以上介绍了三种不同方式实现网站音乐播放器的方法，你可以根据自己的需求和技术栈选择合适的方式。使用 HTML5 的 <audio> 标签和 JavaScript 可以实现基本的音乐播放功能；使用 APlayer 插件可以快速搭建一个美观且功能丰富的音乐播放器；使用 JavaScript 实现复杂功能的交互式音乐播放器则可以满足更高级的需求。
-
人工收款平台（兼容易支付接）口后台可以这是支付宝官方收款易支付和平台内置接口（开源） 人工收款支付插件平台 项目概述 这是一个基于React的前端支付管理系统，支持微信、QQ、支付宝等多种支付方式，提供完整的支付流程管理和后台管理功能。 支付逻辑通过平台发起支付客户看到页面有QQ微信支付宝的账号添加站长复制订单号完成转账后站长通过订单号去完成审核完成回调支付成功。 还有部分功能没有完善有能力请自行修改 没有功能的只能慢慢等待下个版本目前只简单测试 部署方式 宝塔面板部署指南 环境准备 安装宝塔面板（建议7.9+版本） 在宝塔面板中安装以下软件： Nginx 1.20+ MySQL 5.7+（如需要后端数据库） PM2管理器 5.0+ 上传项目文件 # 将项目上传到服务器，例如： /www/wwwroot/payment_system Node环境配置 在宝塔面板中安装Node.js（建议16.x LTS版本） 在项目目录下执行： npm install npm run build PM2配置 在PM2管理器中添加新项目： 启动文件: src/main.tsx 项目名称: payment_system 运行目录: 项目根目录 Nginx配置 添加新站点，配置如下： server { listen 80; server_name yourdomain.com; root /www/wwwroot/payment_system/dist; index index.html; location / { try_files $uri $uri/ /index.html; } } 申请SSL证书并启用HTTPS 启动服务 在PM2中启动项目 在Nginx中重启服务 常规部署方式 安装依赖 npm install 构建项目 npm run build 运行项目 npm run start 项目结构 src/ - 源代码目录 components/ - 公共组件 pages/ - 页面组件 lib/ - 工具函数和服务 public/ - 静态资源 dist/ - 构建输出目录 环境要求 Node.js 16.x+ npm 8.x+ 或 pnpm 7.x+ 注意事项 生产环境请确保配置正确的环境变量 建议启用HTTPS以确保支付安全 定期备份数据库和配置文件 常见问题 Q: 宝塔面板部署后访问空白？ A: 检查Nginx配置是否正确指向dist目录，并确认PM2已正确启动项目 Q: 支付回调失败？ A: 检查服务器防火墙设置，确保回调地址可被外网访问 Q: 如何更新代码？ A: 在宝塔面板中使用"一键部署"功能或通过git pull更新代码后重新构建 用户端图片展示 图片 图片 图片 图片 图片 图片 图片 后台图片展示 图片 图片 图片 图片 隐藏内容，请前往内页查看详情
-
彩虹目录列表程序v1.6源码更新下载 彩虹目录列表是一款用PHP开发的目录列表程序，无需数据库，安装简单，使用方便。 功能特点： 在线预览图片、视频、音频、文本文件、Markdown文件、Office文档等 自动识别目录下的README.md文件并展示（类GitHub） 后台管理可设置网站标题、公告、底部代码等信息 文件搜索功能，支持缓存文件索引 自带第三方文件管理器 支持中文文件名编码设置，解决乱码问题 支持安装在子目录 图片介绍 图片 图片 更新日志： V1.6： 1、新增VSCode在线编辑器，2种编辑器可自由切换 2、点击文件名可改为弹出文件操作窗口 3、可设置指定文件扩展名强制下载 4、支持更多压缩包格式解压 V1.5： 1、优化手机端搜索、文件信息展示、预览 2、优化音乐播放，支持按顺序播放当前列表音乐 3、新增文件列表翻页功能 4、支持搜索密码加密的文件夹 V1.4：修复静态资源失效 V1.3：增加文本在线编辑功能 V1.2：更新了全新的文件管理功能、支持设置目录密码访问 V1.1：优化文件列表表格样式 演示网站：http://file.cccyun.cc/ 源码下载：https://github.com/netcccyun/dirlist/releases 安装方法：上传后直接访问即可使用，后台默认管理员账号密码：admin/123456 左右两侧悬浮广告设置，后台底部代码里面加入以下代码： <div id="gg-left"><a href='https://www.cccyun.net' target='_blank' rel="noopener noreferrer"><img src='https://i.bmp.ovh/imgs/2019/11/b31f2ab7a8486565.jpg'></a></div> <div id="gg-right"><a href='https://www.cccyun.net' target='_blank' rel="noopener noreferrer"><img src='https://i.bmp.ovh/imgs/2019/11/39adab31131a53a8.png'></a></div>源码下载 彩虹目录列表程序v1.6更新下载 下载地址：https://gh-proxy.com/github.com/netcccyun/dirlist/releases/download/1.6/dirlist_1.6.zip 提取码： 作者：消失的彩虹 记录者：白泽 如果需要下架联系邮箱aying1019@163.com
-
小区物业管理系统 小区物业管理系统核心在于加强管理，提升效率，降低成本。实现物业核心业务信息化，为员工提供流畅运营模式，为业主提供高品质服务，有助于公司做强做大。 高效管理：实现物业核心业务信息化，提升管理效率。 降低成本：通过系统化运营，减少人力成本。 优质服务：为业主提供更便捷、高品质的服务体验。 附带源码：提供完整源码，方便二次开发和定制。 课程价格 原价：399 元 免费提供：本资源为免费分享，无需付费即可获取。 资源链接 源码 下载地址：https://pan.quark.cn/s/41ac440d4fed 提取码： 适合人群 物业管理人员 软件开发人员 对物业管理系统感兴趣的学习者 学习建议 先了解系统的基本功能和架构。 结合实际物业场景，尝试修改源码进行二次开发。 参考文档和教程，逐步掌握系统的核心逻辑。
-
全新AI占卜算卦系统源码 一个 AI 聊天助手, 可以辅助解卦, 塔罗占卜, 八字命理 部署教程： 请先安装 Java21,MySQL8 以及 Redis 修改 src/main/resources/application.yml 文件将数据库和 Redis 配置修改为自己的配置 修改 src/main/java/fun/diviner/ai/entity/Special.java 将里面的 authSecret 修改为自己的 修改 src/main/java/fun/diviner/ai/diviner/ai/AIModel.java 填入自己的模型密钥 将根目录下的 data.sql 导入到数据库中 修改数据库中的支付配置（往下看） 运行 mvn clean package 打包项目 运行 java -jar target/AI-Diviner-1.0.0.jar 启动项目 支付配置： 首先进入core表中,修改以下字段: yiPayId(易支付ID) yiPayMerchantPrivateKey(易支付商户私钥) yiPayPlatformPublicKey(易支付平台公钥) yiPayNoticeUrlPrefix(易支付后端回调前缀)，比如说你的后端API域名是https://api.ai.dkewl.com,那么这个字段值就是https://api.ai.dkewl.com，不要带最后的/ yiPayReturnUrl(易支付前端回调地址)，这个输入你的前端网址即可 通过百度网盘分享的文件：全新AI占卜算卦… 链接:https://pan.baidu.com/s/1LQssWXyc7RKYGt8BBDPSFg?pwd=8m8r 提取码:8m8r
![Joe再续前缘全新自定义导航栏＋导航图标设置教程 [V1.33新功能]](https://img.01kl.cn/view.php/b1150caf1d3d90eea1cc381745e83a9b.gif?key=219471)
