#Admin GUI
------
后台页面可以通过Gui直接生成
### 1.tab 页面
```php
public function config(){
//选项值
$option = array('1'=>'值1','2'=>'值2','3'=>'值3','4'=>'值4');
//表单原值
$data = array('name'=>'name','name1'=>'name1','name2'=>3,'name3'=>3,'name4'=>'name4',);
//$gui = new ConfigGui();
ui('Config')->title('Gui测试页面(title)')
->tab('测试1',U('config'))
->tab('测试2',U('config'),true)
->tab('测试3',U('config'))
->tips('测试')
->keyManyImage('pictues','多图上传','keyManyInmages')
->key('name','标题title','子标题subtitle','text')
->keyReadOnly('name1','标题','keyReadOnly')
->keyUpdateTime()
->keyCreateTime()
->keySelect('name2','select需要option参数','keySelect',$option)
->keyRadio('name3','readio需要option','keyRadio',$option)
->keyCheckBox('name4','option','keyCheckBox',$option)
->keyTextArea('name5','option','keyTextArea')
->keyUid('name6','用户uid','keyUid')
->data($data)
->buttonBack()
->buttonSubmit()
->display();
}
```
### 2.列表页
```php
public function lists(){
$nickname = I('nickname');
$map['status'] = array('egt',0);
if(is_numeric($nickname)){
$map['uid|nickname']= array(intval($nickname),array('like','%'.$nickname.'%'),'_multi'=>true);
}else{
$map['nickname'] = array('like', '%'.(string)$nickname.'%');
}
$list = parent::lists('Member', $map);
ui('List')
->title('Gui List测试,下面使用列表生成Gui生成 用户列表')
->buttonNew(U('User/add'))
->buttonEnable(U('User/change'))
->buttonDisable(U('User/change'))
->buttonDelete(U('User/change'))
->buttonRestore(U('User/change'))
->search('用户名','key','text','多个关键词用空格分开')
->search('用户分组','key','text','选择分组')
//表格key开始
->keyId('uid','Uid')
->keyText('nickname','用户名')
->keyText('score','积分')
->keyText('login','登录次数')
->keyCreateTime('last_login_time','最后登录时间')
->keyDoAction('url','操作1')
->keyDoAction('url','操作2')
->data($list)
->display();
}
```
### 3.树形列表
```php
public function tree(){
$tree = D('Category')->getTree(0,'id,name,title,sort,pid,allow_publish,status');
ui('Tree')
->title('使用树形省成式生成系统的分类tree结构')
->buttonNew(U('Category/add'))
->data($tree)
->display();
}
```
### 4.排序列表页
```php
public function sorts(){
$data = array(
array('id'=>1,'title'=>'world'),
array('id'=>8,'title'=>'hello'),
array('id'=>3,'title'=>'!'),
);
ui('Sort')
->title('排序测试')
->buttonSubmit('submit')
->data($data)
->buttonBack()
->display();
}
```
- 前端篇
- 常用知识点
- 表单处理
- 前后端分离
- 提供模板渲染工具
- 页面优化
- css3动画部分
- 前端工程与模块化框架
- 服务器XML标签用法
- 微信JSSDK
- 小技巧
- 纯CSS实现自适应正方形
- 通用媒体查询
- css 黑科技
- H5性能优化方案
- 10个最常见的 HTML5
- 常见坑
- 资源收集
- 前端组件化开发实践
- 应用秒开计划
- AJAX API部分
- 静态资源处理优化
- 后端篇
- 微信对接与管理
- 微信消息处理
- API插件开发
- Plugin开发
- 后端插件开发
- 组件开发
- XML标签开发
- RESTFUL设计
- Admin GUI
- 设计篇
- 设计规范
- 微信开发库v.js
- 使用方法
- 微信JSSDK集成
- 调试面板使用
- 插件-http功能
- 插件-layer弹出层
- 插件-music 音乐播放器
- 插件-store 本地存储
- 插件 emitter 事件管理器
- 插件-shake 摇动功能
- 插件-lazyload 延迟加载
- 插件-t 模板渲染
- 插件-ani 动画功能
- 插件-is 类型侦测器
- 插件-ease 缓动函数库
- 插件-os 设备检测
- 插件 $ 类Jquery插件
- 插件-md5 散列计算
- 插件-svg动画loading
- 后台页面成功GUI
- 列表渲染List
- 表单生成Config
- 树状列表Tree
- 排序操作Sort
- Js 风格指南
- Vuep
- 内置动画库
- 组件库
- 内置插件库
- PSD自动切图