📜 添加后台脚本扩展并不影响升级
ThinkAdmin 提供完善的后台脚本扩展机制,支持自定义脚本和样式,且不影响系统升级。
🚀 主要功能
- 自定义脚本: 支持自定义后台全局脚本
- 自定义样式: 支持自定义后台全局样式
- 升级保护: 不影响系统升级和更新
- 自动加载: 脚本和样式自动加载
- 扩展机制: 提供灵活的扩展机制
- 开发友好: 支持开发者自定义功能
⚠️ 重要提示
版本要求: 新版本后台已经增加自定义扩展机制,需要更新
admin
模块及Library
组件。
📋 扩展文件
自定义脚本
- 文件位置:
extra/script.js
- 功能: 可自定义后台全局脚本
- 加载方式: 后台自动加载
- 升级保护: 升级时不会更新此文件
自定义样式
- 文件位置:
extra/style.css
- 功能: 可自定义后台全局样式
- 加载方式: 后台自动加载
- 升级保护: 升级时不会更新此文件
⚙️ 使用说明
脚本开发
- 全局可用: 脚本在后台全局可用
- 自动加载: 无需手动加载脚本
- 功能扩展: 可以扩展各种后台功能
- 事件处理: 支持各种事件处理
样式定制
- 全局样式: 可以定制全局样式
- 组件样式: 支持组件样式定制
- 响应式: 支持响应式样式设计
- 主题支持: 支持主题样式定制
🔧 开发示例
事件注册
- 单次事件: 支持单次事件注册
- 事件管理: 提供完善的事件管理
- 选择器支持: 支持各种选择器
- 回调函数: 支持回调函数处理
功能扩展
- 页面打印: 支持页面打印功能
- 数据操作: 支持各种数据操作
- UI 交互: 支持 UI 交互功能
- 业务逻辑: 支持业务逻辑扩展
$(function () {
window.$body = $('body');
/*! 注册单次事件 */
function onEvent(event, select, callable) {
return $body.off(event, select).on(event, select, callable);
}
/*! 注册 data-print 页面打印 事件行为 */
onEvent('click', '[data-print]', function () {
const printHtml = document.querySelector('.print_content').innerHTML; // 需要打印的内容
window.document.body.innerHTML = printHtml;
window.print();
window.location.reload(); // 打印完成后重新加载页面
});
});
如有更可行的方式,可随时联系 L ,如有不严谨或者不规范的地方欢迎指正。