📜 添加后台脚本扩展并不影响升级

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 ,如有不严谨或者不规范的地方欢迎指正。

最近更新:
Contributors: 邹景立