插件基类方法介绍
插件机制
后端代码编写
进阶
前端代码编写
插件页面调用系统页面组件
为加速开发流程,在设计插件管理端页面时,可以调用系统页面组件模版实现快速部署。以下介绍两种基本方法。
一、在页面html文件底部,插入js脚本声明需要调用的页面组件。例如:
window.scope.pagedata.htmls.list={
'data':'list',
'no_del':false,
'del_message':'确认删除吗?',
'del_op':'del',
'html_to':'list_html'};
window.scope.pagedata.htmls.list.show=[
{'name':'avatar','title':'头像','type':'image'},
{'name':'realname','title':'账号','type':'string'},
{'name':'fromuser','title':'推荐人id','type':'string'},
{'name':'mobile','title':'手机','type':'string'},
{'name':'nickname','title':'昵称','type':'string'},
{'name':'credit1','title':'积分','type':'string'},
{'name':'credit2','title':'余额','type':'string'},
{'name':'createtime','title':'注册日期','type':'string'},
{'name':'creditlog','title':'积分/余额日志','type':'href'},
];
window.scope.pagedata.htmls.edit=[
{'type':'string','title':'昵称','name':'nickname','help':''},
{'type':'image','title':'头像','name':'avatar','help':''},
{'type':'select','title':'会员组','name':'groupid',
'help':'选择所属会员组','options':'groups'},
{'type':'day','title':'生日','name':'birth','help':''},
{'type':'pcd','title':'户籍','name':'pcd','help':''},
{'type':'string','title':'QQ','name':'qq','help':''},
{'type':'string','title':'详细地址','name':'address','help':''},
];
window.scope.pagedata.htmls.search=[
{'type':'string','title':'会员ID','name':'id','help':''},
{'type':'string','title':'手机号','name':'mobile','help':''},
{'type':'string','title':'会员账号','name':'realname','help':''},
{'type':'string','title':'昵称','name':'nickname','help':''},
{'type':'select','title':'所属会员组','name':'groupid',
'help':'','options':'groups'},
]; 所有页面组件设置信息均保存在window.scope.pagedata.htmls对象中。分为三种类型,分别是列表组件,查找表单组件和编辑表单组件。声明方法如上。
二、在页面php文件中,在返回前端的数组中增加一个元素‘htmls’,例如:
$htmls=array(
'type'=>'list',
'list'=>array(
'data'=>'list',
'no_del'=>false,
'del_message'=>'确认删除吗?',
'del_op'=>'del',
'html_to'=>'list_html',
'show'=>array(
'0'=>array('name'=>'avatar','title'=>'头像','type'=>'image'),
'1'=>array('name'=>'realname','title'=>'账号','type'=>'string'),
'2'=>array('name'=>'fromuser','title'=>'推荐人id','type'=>'string'),
'3'=>array('name'=>'mobile','title'=>'手机','type'=>'string'),
'4'=>array('name'=>'nickname','title'=>'昵称','type'=>'string'),
'5'=>array('name'=>'credit1','title'=>'积分','type'=>'string'),
'6'=>array('name'=>'credit2','title'=>'余额','type'=>'string'),
'7'=>array('name'=>'createtime','title'=>'注册日期','type'=>'string'),
'8'=>array('name'=>'creditlog','title'=>'积分日志','type'=>'href'),
)),
'search'=>array(
'0'=>array('type'=>'string','title'=>'会员ID','name'=>'id','help'=>''),
'1'=>array('type'=>'string','title'=>'手机号','name'=>'mobile'),
'2'=>array('type'=>'string','title'=>'会员账号','name'=>'realname'),
'3'=>array('type'=>'string','title'=>'昵称','name'=>'nickname'),
'4'=>array(
'type'=>'select',
'title'=>'所属会员组',
'name'=>'groupid',
'options'=>'groups'
),
),
);
$return['htmls']=$htmls; 注意,如果是在php文件中声明,则系统会自动调用系统内置前端页面基础模版加以渲染,不再加载插件页面html文件。也就是整个html内容都需要在此声明。而如果需要在使用系统页面组件的同时自定义额外html元素,可采用第一种方法。
返回
条结果""