PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

写给自己看的前端问题 - 关于backend.js文件分析

管理员 2024-12-14
Fastadmin
5

Backend.js文件究竟做了那些事?

定义了一些api,具体api功能会在下方详细说明。
将Backend.api对象合并到Fast.api对象
点击包含.btn-dialog的元素时弹出dialog
template-native.js模板引擎全局渲染(没用过)
moment.js时间类库全局渲染

Backend.js的API

方法解析
Backend.api.sidebar(object)生成菜单栏小角标
Backend.api.addtabs(url, title, icon)生成新tab卡
Backend.api.closetabs(url)关闭tab卡
Backend.api.replaceids(elem, url)获取带有表格所选id的url
Backend.api.refreshmenu()刷新左边的菜单
Backend.api.gettablecolumnbutton()未知
//生成菜单栏小角标,对象第一个属性只支持数字,不支持单词Backend.api.sidebar({    'auth/admin':12,    'category':['456','red', 'badge'],//圆角    'general/config':['nwe','red','label']//椭圆});
//生成新tab卡Backend.api.addtabs('auth/admin','测试','fa fa-circle-o');//如果url为第三方外链,则title和icon才会生效。否则都会借用左方菜单栏的。
//关闭当前tabsetTimeout("Backend.api.closetabs('https://www.baidu.com')",3000);//如果url参数为空,关闭当前的被选择的tab。
//获取对应dom表格的所选id,必须有data-table-id属性<a href="auth/admin/add?hello={ids}" data-table-id="#table" class="btn btn-ceshi">测试</a>$('.btn-ceshi').on('click',function(){    console.log(Backend.api.replaceids(this,this.href));});//输出结果http://www.fa.com/index.php/admin/auth/admin/add?hello=3,2,1

相关class类

.btn-dialog类

这个有点无趣了,看代码

<a href="auth/admin/add" data-confirm="测试提示" class="btn btn-success btn-dialog " title="{:__('测试2')}" data-title="我就是个测试"><i class="fa fa-plus"></i> {:__('测试2')}</a>

如果class中带有.btn-dialog,就会执行特殊方法。无非两种状态,一种为layer.confirm询问框,一种为layer.open弹窗。如果data-confirm属性存在,则为询问框。不管是询问框还是弹窗,options属性都用data-来申明,比如,我申明anim动画,data-anim=1,即可实现弹窗从上掉落效果。href为弹窗url。

.btn-addtabs类或者.addtabsit类

.btn-addtabs类参数参考api,同时href为tab的url。如果data-confirm属性存在,则为询问框,确认后调用tab。

.btn-ajax类与.ajaxit类
.btn-click类与.clickit类

moment.js文档

console.log(Moment().format('MMMM Do YYYY, h:mm:ss a'));

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部