找到
47
篇与
PHP
相关的结果
- 第 3 页
-
彩虹聚合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 实现复杂功能的交互式音乐播放器则可以满足更高级的需求。 -
Typecho的Joe模板那些更可以替换静态资源cdn优化运行速度和承载量(小型服务器和带宽有限的一定要看哦)| Jeo模板跳转页面的失效修复方法 静态站点全部部署cdn全国节点可放心使用 更换为HarmonySanc字体 鸿蒙字体CDN加速地址 //Joe格式 公益cdn https://s1.hdslb.com/bfs/static/jinkela/long/font/HarmonyOS_Regular.a.woff2 || HarmonyOS Sans SC Medium 节点 国内全国延迟1ms https://s1.hdslb.com/bfs/static/jinkela/long/font/HarmonyOS_Regular.a.woff2 海外美国126ms (已死) https://file.bl01.cn/CDN/Font/HarmonyOS_Regular.a.woff2 全国1ms https://cdn.01kl.cn/CDN/Font/HarmonyOS_Regular.a.woff2 //其他格式 //HarmonySanc字体加载 @font-face { font-family: 'HarmonyOS_Regular'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://s1.hdslb.com/bfs/static/jinkela/long/font/HarmonyOS_Regular.a.woff2') format('woff2'); unicode-range: U+9aa2-ffe5; } 图片 如果你的服务器带宽真的很小1-10M以内的可以尝试一下还是可以的如果你带宽是独享的其实就不用了除非是访问量太大然后使用这个减少服务器压力。 图片 根据自己的实际情况更换接口就可以推荐更新稳定的接口 自定义静态资源URL 这是我自己的我的缓存地区比较少目前就香港地区 上海 山东 首尔 四个个地区 服务器差的和带宽低的可以试一下应该可以加速不少每台服务器带宽不少200M 如果有条件的也可以自己去购买cdn也不算太贵10块100G差不多但是不要全站点缓存也不要用自己的博客链接最好是用其他的域名然后引用过来这样至少不会被刷流量 这样的cdn基本上不包含保护被攻击一样打不开的如果需要防御只能购买高仿的或者是有一些公益免费的也可以接入 全国cdn腾讯云120+节点 //cdn.01kl.cn/CDN/Joe 这个是1.4版本的 //cdn.01kl.cn/CDN/Joe1.34 //cdn.01kl.cn/CDN/Joe1.3 //cdn.01kl.cn/CDN/Joe1.2 美国节点 有cn2国内优化回调(已死) //file.bl01.cn/CDN/Joe 1.4版本 //file.bl01.cn/CDN/Joe1.34 //file.bl01.cn/CDN/Joe1.3 //file.bl01.cn/CDN/Joe1.2 公共静态资源CDN接口 //Joe模板填写规格 //mirrors.sustech.edu.cn/cdnjs/ajax/libs/ || / 跳转页面的失效 可以更换公益CDN 以下的是两条不同节点cdn css文件 如果看不懂的可以直接复制下面的代码粘贴到路径usr/themes/joe/module/goto.css文件 goto图片 <?php if (!defined('__TYPECHO_ROOT_DIR__') || empty($_SERVER['HTTP_HOST'])) { http_response_code(404); exit; } ?> <!DOCTYPE html> <html lang='zh-CN'> <head> <meta name="referrer" content="no-referrer"> <title>即将跳转到外部网站 - <?= $this->options->title ?></title> <meta content='noindex, nofollow' name='robots'> <meta charset='utf-8'> <link rel="shortcut icon" href="<?= $this->options->JFavicon ?>" /> <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.0, user-scalable=no' name='viewport'> <link rel="stylesheet" media="all" href="https://file.bl01.cn/CDN/css/goto.css" /> </head> <body> <div class='gitee-external-link-wrapper'> <img class="logo-img" src="<?= $this->options->JLogo ?>" alt="Logo black" /> <div class='content-box'> <div class='content-title'>即将跳转到外部网站</div> <div class='content-text'>您将要访问的链接不属于 <?= $this->options->title ?> ,请关注您的账号安全。</div> <div class='content-link'> <div class='external-link-href'></div> </div> <div style="background:#409eff" class='ui button orange external-link-btn'>继续前往</div> </div> </div> </body> </html> <script> window.is_black = false; (function() { var e = document.querySelector(".external-link-href"); var t = window.atob(new URLSearchParams(location.search).get("url")); if (t && (e.innerText = t, !window.is_black)) { var n = document.querySelector(".external-link-btn"); n && n.addEventListener("click", function() { window.location.href = t }) } }()); </script>第一个是美国节点 第二个是上海节点 <link rel="stylesheet" media="all" href="https://file.bl01.cn/CDN/css/goto.css" /> <link rel="stylesheet" media="all" href="https://cdn.01kl.cn/CDN/css/goto.css" /> 作者:白泽 版权:白泽 邮箱:aying1019@163.com QQ:3105919063 有问题可联系邮箱或者点击关于加好友咨询然后就是服务器的本地优化了这里可以看往期链接在下 typecho博客Joe模板以及其他模板通用优化教程,适用所有主题 宝塔面板优化教程:低配置与小带宽环境下的加速方案 BBR 需要内核4.9以上 2025年最新的教程来了 之前的大部分是用不了的看最新的这个吧! 4天前发布 / 未收录,已推送 -
人工收款平台(兼容易支付接)口后台可以这是支付宝官方收款易支付和平台内置接口(开源) 人工收款支付插件平台 项目概述 这是一个基于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 -
工地记账系统PHP源码全开源 财务管理 收入/支出双轨记账,精确到分 支持项目关联收入(如工程款) 支出分类管理(材料/人工/设备等8+类别) 实时净收益计算(总收入 - 总支出) 工人管理 完整工人档案(姓名/电话/身份证/职位) 日工资标准记录 一键删除冗余记录 项目管理 项目全周期管理(起止日期/地点/描述) 项目-收入自动关联 项目进度可视化跟踪 智能报表 自定义时间段统计(日/月/季度/年) 收入项目分布图(条形图) 支出类别饼状图 动态数据图表(使用Chart.js) 安全系统 用户登录验证 会话状态管理 操作记录追踪(通过时间戳) 核心优势 一体化管理 覆盖「人、钱、项目」三大核心要素,告别Excel表格碎片化管理 多维度统计 实时生成「项目收益分析」「工人成本占比」「支出类别排行」等关键数据 安全可靠 数据库事务保障数据一致性,每日自动备份机制(需配置cron任务) 零学习成本 简洁中文界面,10分钟上手,工地老师傅也能轻松操作 移动友好 自适应布局,手机/平板/电脑均可流畅使用(响应式设计) 扩展性强 支持二次开发(工资结算、考勤打卡、材料库存等模块可快速接入) 技术亮点 采用PHP+MySQL经典组合,稳定高效 前端使用Chart.js实现动态数据可视化 响应式布局适配多终端 严格的表单验证机制(前端JS+后端PHP双重校验) 全站统一CSS样式规范 适用场景 中小型建筑公司财务监管 包工头/施工队独立记账 工程项目成本核算 工人工资结算依据 甲方项目进度款追踪 增值价值 降本增效:自动化计算替代手工记账,减少90%对账时间 风险预警:实时监控项目盈亏,超支自动标红提醒 合规留痕:完整记录每笔资金流向,应对审计无忧 决策支持:通过数据趋势预判工程成本,合理报价 抗揍云: V1.0 https://ayangwl.lanzouq.com/ivSrp2uxoqbc 账号密码 admin 123456 -
更改Typecho后台地址 在Typecho博客系统中,修改默认的后台路径可以增加安全性。以下是具体步骤: 修改config.inc.php文件 找到Typecho根目录下的config.inc.php文件,编辑该文件,将默认的/admin/路径替换为自定义路径。 // 后台路径(相对路径) define('__TYPECHO_ADMIN_DIR__', '/custom_admin/');将admin文件夹重命名为你自定义的路径,例如custom_admin。 mv admin custom_admin完成以上步骤后,你可以通过http://你的域名/custom_admin/访问后台 注意事项 确保新路径唯一且不易猜测,以提高安全性。 修改完成后,测试新路径是否正常工作。 通过以上方法,可以有效地隐藏Typecho的后台地址,增加博客系统的安全性