#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自動切圖