合并分支 'liuzhen' 到 'master'

好物商城接口开发



查看合并请求 !1

+<?php
+
+namespace addons\example;
+
+use app\common\library\Menu;
+use think\Addons;
+
+/**
+ * Example
+ */
+class Example extends Addons
+{
+
+    /**
+     * 插件安装方法
+     * @return bool
+     */
+    public function install()
+    {
+        $menu = [
+            [
+                'name'    => 'example',
+                'title'   => '开发示例管理',
+                'icon'    => 'fa fa-magic',
+                'sublist' => [
+                    [
+                        'name'    => 'example/bootstraptable',
+                        'title'   => '表格完整示例',
+                        'icon'    => 'fa fa-table',
+                        'sublist' => [
+                            ['name' => 'example/bootstraptable/index', 'title' => '查看'],
+                            ['name' => 'example/bootstraptable/detail', 'title' => '详情'],
+                            ['name' => 'example/bootstraptable/change', 'title' => '变更'],
+                            ['name' => 'example/bootstraptable/del', 'title' => '删除'],
+                            ['name' => 'example/bootstraptable/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/customsearch',
+                        'title'   => '自定义搜索',
+                        'icon'    => 'fa fa-table',
+                        'sublist' => [
+                            ['name' => 'example/customsearch/index', 'title' => '查看'],
+                            ['name' => 'example/customsearch/del', 'title' => '删除'],
+                            ['name' => 'example/customsearch/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/customform',
+                        'title'   => '自定义表单示例',
+                        'icon'    => 'fa fa-edit',
+                        'sublist' => [
+                            ['name' => 'example/customform/index', 'title' => '查看'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/tablelink',
+                        'title'   => '表格联动示例',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '点击左侧日志列表，右侧的表格数据会显示指定管理员的日志列表',
+                        'sublist' => [
+                            ['name' => 'example/tablelink/index', 'title' => '查看'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/colorbadge',
+                        'title'   => '彩色角标',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '左侧彩色的角标会根据当前数据量的大小进行更新',
+                        'sublist' => [
+                            ['name' => 'example/colorbadge/index', 'title' => '查看'],
+                            ['name' => 'example/colorbadge/del', 'title' => '删除'],
+                            ['name' => 'example/colorbadge/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/controllerjump',
+                        'title'   => '控制器间跳转',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '点击IP地址可以跳转到新的选项卡中查看指定IP的数据',
+                        'sublist' => [
+                            ['name' => 'example/controllerjump/index', 'title' => '查看'],
+                            ['name' => 'example/controllerjump/del', 'title' => '删除'],
+                            ['name' => 'example/controllerjump/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/cxselect',
+                        'title'   => '多级联动',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '基于jquery.cxselect实现的多级联动',
+                        'sublist' => [
+                            ['name' => 'example/cxselect/index', 'title' => '查看'],
+                            ['name' => 'example/cxselect/del', 'title' => '删除'],
+                            ['name' => 'example/cxselect/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/multitable',
+                        'title'   => '多表格示例',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '展示在一个页面显示多个Bootstrap-table表格',
+                        'sublist' => [
+                            ['name' => 'example/multitable/index', 'title' => '查看'],
+                            ['name' => 'example/multitable/del', 'title' => '删除'],
+                            ['name' => 'example/multitable/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/relationmodel',
+                        'title'   => '关联模型示例',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '列表中的头像、用户名和昵称字段均从关联表中取出',
+                        'sublist' => [
+                            ['name' => 'example/relationmodel/index', 'title' => '查看'],
+                            ['name' => 'example/relationmodel/del', 'title' => '删除'],
+                            ['name' => 'example/relationmodel/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/tabletemplate',
+                        'title'   => '表格模板示例',
+                        'icon'    => 'fa fa-table',
+                        'remark'  => '',
+                        'sublist' => [
+                            ['name' => 'example/tabletemplate/index', 'title' => '查看'],
+                            ['name' => 'example/tabletemplate/detail', 'title' => '详情'],
+                            ['name' => 'example/tabletemplate/del', 'title' => '删除'],
+                            ['name' => 'example/tabletemplate/multi', 'title' => '批量更新'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/baidumap',
+                        'title'   => '百度地图示例',
+                        'icon'    => 'fa fa-map-pin',
+                        'sublist' => [
+                            ['name' => 'example/baidumap/index', 'title' => '查看'],
+                            ['name' => 'example/baidumap/map', 'title' => '详情'],
+                            ['name' => 'example/baidumap/del', 'title' => '删除'],
+                        ]
+                    ],
+                    [
+                        'name'    => 'example/echarts',
+                        'title'   => '统计图表示例',
+                        'icon'    => 'fa fa-bar-chart',
+                        'sublist' => [
+                            ['name' => 'example/echarts/index', 'title' => '查看'],
+                        ]
+                    ],
+                ]
+            ]
+        ];
+        Menu::create($menu);
+        return true;
+    }
+
+    /**
+     * 插件卸载方法
+     * @return bool
+     */
+    public function uninstall()
+    {
+        Menu::delete('example');
+        return true;
+    }
+
+    /**
+     * 插件启用方法
+     */
+    public function enable()
+    {
+        Menu::enable('example');
+    }
+
+    /**
+     * 插件禁用方法
+     */
+    public function disable()
+    {
+        Menu::disable('example');
+    }
+
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 百度地图
+ *
+ * @icon fa fa-map
+ * @remark 可以搜索百度位置，调用百度地图的相关API
+ */
+class Baidumap extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查找地图
+     */
+    public function map()
+    {
+        return $this->view->fetch();
+    }
+
+    /**
+     * 搜索列表
+     */
+    public function selectpage()
+    {
+        $this->model = model('Area');
+        return parent::selectpage();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 表格完整示例
+ *
+ * @icon fa fa-table
+ * @remark 在使用Bootstrap-table中的常用方式,更多使用方式可查看:http://bootstrap-table.wenzhixin.net.cn/zh-cn/
+ */
+class Bootstraptable extends Backend
+{
+    protected $model = null;
+    /**
+     * 无需鉴权的方法(需登录)
+     * @var array
+     */
+    protected $noNeedRight = ['start', 'pause', 'change', 'detail', 'cxselect', 'searchlist'];
+    /**
+     * 快捷搜索的字段
+     * @var string
+     */
+    protected $searchFields = 'id,title,url';
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        if ($this->request->isAjax()) {
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams(null);
+            $total = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->count();
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+            $result = array("total" => $total, "rows" => $list, "extend" => ['money' => mt_rand(100000, 999999), 'price' => 200]);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get(['id' => $ids]);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        if ($this->request->isAjax()) {
+            $this->success("Ajax请求成功", null, ['id' => $ids]);
+        }
+        $this->view->assign("row", $row->toArray());
+        return $this->view->fetch();
+    }
+
+    /**
+     * 启用
+     */
+    public function start($ids = '')
+    {
+        $this->success("模拟启动成功");
+    }
+
+    /**
+     * 暂停
+     */
+    public function pause($ids = '')
+    {
+        $this->success("模拟暂停成功");
+    }
+
+    /**
+     * 切换
+     */
+    public function change($ids = '')
+    {
+        //你需要在此做具体的操作逻辑
+
+        $this->success("模拟切换成功");
+    }
+
+    /**
+     * 联动搜索
+     */
+    public function cxselect()
+    {
+        $type = $this->request->get('type');
+        $group_id = $this->request->get('group_id');
+        $list = null;
+        if ($group_id !== '') {
+            if ($type == 'group') {
+                $groupIds = $this->auth->getChildrenGroupIds(true);
+                $list = \app\admin\model\AuthGroup::where('id', 'in', $groupIds)->field('id as value, name')->select();
+            } else {
+                $adminIds = \app\admin\model\AuthGroupAccess::where('group_id', 'in', $group_id)->column('uid');
+                $list = \app\admin\model\Admin::where('id', 'in', $adminIds)->field('id as value, username AS name')->select();
+            }
+        }
+        $this->success('', null, $list);
+    }
+
+    /**
+     * 搜索下拉列表
+     */
+    public function searchlist()
+    {
+        $result = $this->model->limit(10)->select();
+        $searchlist = [];
+        foreach ($result as $key => $value) {
+            $searchlist[] = ['id' => $value['url'], 'name' => $value['url']];
+        }
+        $data = ['searchlist' => $searchlist];
+        $this->success('', null, $data);
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 彩色角标
+ *
+ * @icon fa fa-table
+ * @remark 在JS端控制角标的显示与隐藏,请注意左侧菜单栏角标的数值变化
+ */
+class Colorbadge extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 控制器间跳转
+ *
+ * @icon fa fa-table
+ * @remark FastAdmin支持在控制器间跳转,点击后将切换到另外一个TAB中,无需刷新当前页面
+ */
+class Controllerjump extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 自定义表单示例
+ *
+ * @icon   fa fa-table
+ * @remark FastAdmin支持在控制器间跳转,点击后将切换到另外一个TAB中,无需刷新当前页面
+ */
+class Customform extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    public function index()
+    {
+        if ($this->request->isPost()) {
+            $this->success("提交成功", null, ['data' => json_encode($this->request->post("row/a"), JSON_UNESCAPED_UNICODE)]);
+        }
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 自定义搜索
+ *
+ * @icon fa fa-search
+ * @remark 自定义列表的搜索
+ */
+class Customsearch extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+        $ipList = $this->model->whereTime('createtime', '-37 days')->group("ip")->column("ip,ip as aa");
+        $this->view->assign("ipList", $ipList);
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 多级联动
+ *
+ * @icon fa fa-table
+ * @remark FastAdmin使用了jQuery-cxselect实现多级联动,更多文档请参考https://github.com/karsonzhang/cxSelect
+ */
+class Cxselect extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 统计图表示例
+ *
+ * @icon   fa fa-charts
+ * @remark 展示在FastAdmin中使用Echarts展示丰富多彩的统计图表
+ */
+class Echarts extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+
+        return $this->view->fetch();
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get(['id' => $ids]);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $this->view->assign("row", $row->toArray());
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 多表格示例
+ *
+ * @icon fa fa-table
+ * @remark 当一个页面上存在多个Bootstrap-table时该如何控制按钮和表格
+ */
+class Multitable extends Backend
+{
+    protected $model = null;
+    protected $noNeedRight = ['table1', 'table2'];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        $this->loadlang('general/attachment');
+        $this->loadlang('general/crontab');
+        return $this->view->fetch();
+    }
+
+    public function table1()
+    {
+        $this->model = model('Attachment');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->count();
+
+            $list = $this->model
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+
+    public function table2()
+    {
+        $this->model = model('AdminLog');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->count();
+
+            $list = $this->model
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 关联模型
+ *
+ * @icon fa fa-table
+ * @remark 当使用到关联模型时需要重载index方法
+ */
+class Relationmodel extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        $this->relationSearch = true;
+        $this->searchFields = "admin.username,id";
+        if ($this->request->isAjax()) {
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->with("admin")
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->count();
+            $list = $this->model
+                    ->with("admin")
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 表格联动
+ *
+ * @icon fa fa-table
+ */
+class Tablelink extends Backend
+{
+    protected $model = null;
+    protected $noNeedRight = ['table1', 'table2'];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+
+    public function table1()
+    {
+        $this->model = model('Admin');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->count();
+
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+
+    public function table2()
+    {
+        $this->model = model('AdminLog');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->count();
+
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 表格模板示例
+ *
+ * @icon   fa fa-table
+ * @remark 可以通过使用表格模板将表格中的行渲染成一样的展现方式，基于此功能可以任意定制自己想要的展示列表
+ */
+class Tabletemplate extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        if ($this->request->isAjax()) {
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams(null);
+            $total = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->count();
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get(['id' => $ids]);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $this->view->assign("row", $row->toArray());
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+class Area extends Model
+{
+
+    // 开启自动写入时间戳字段
+    protected $autoWriteTimestamp = false;
+    // 定义时间戳字段名
+    protected $createTime = false;
+    protected $updateTime = false;
+}

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                        <a href="example/baidumap/map" class="btn btn-info btn-dialog" title="地图"><i class="fa fa-map-signs"></i> 地图</a>
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+{__NOLAYOUT__}
+<!DOCTYPE html>
+<html lang="{$config.language}">
+    <head>
+        {include file="common/meta" /}
+        <style type="text/css">
+            body, html,#allmap{width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
+            #search{position:absolute;top:20px;left:20px;}
+        </style>
+    </head>
+
+    <body class="inside-header inside-aside {:defined('IS_DIALOG') && IS_DIALOG ? 'is-dialog' : ''}">
+        <div class="container-fluid" id="search">
+            <div class="row">
+                <div class="col-xs-12 col-sm-4">
+                    <form role="form" action="">
+                        <div class="input-group" style="width:300px;">
+                            <input type="text" id="searchaddress" class="form-control selectpage" data-primary-key="name" data-source="example/baidumap/selectpage" />
+                            <span class="input-group-btn">
+                                <button class="btn btn-success btn-search" type="button">搜索</button>
+                            </span>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+        <div id='allmap'></div>
+        {include file="common/script" /}
+    </body>
+</html>

+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th>{:__('Title')}</th>
+            <th>{:__('Content')}</th>
+        </tr>
+    </thead>
+    <tbody>
+        {volist name="row" id="vo"  }
+        <tr>
+            <td>{$key}</td>
+            <td>{$vo}</td>
+        </tr>
+        {/volist}
+        {if $Think.get.dialog}
+        <tr>
+            <td>回传数据</td>
+            <td>
+                <div class="input-group">
+                    <input name="callback" class="form-control" value="test" />
+                    <span class="input-group-btn"><a href="javascript:;" class="btn btn-success btn-callback" >回传数据</a></span>
+                </div>
+            </td>
+        </tr>
+        {/if}
+    </tbody>
+</table>
+<div class="hide layer-footer">
+    <label class="control-label col-xs-12 col-sm-2"></label>
+    <div class="col-xs-12 col-sm-8">
+        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                        <a class="btn btn-info btn-disabled disabled btn-selected" href="javascript:;"><i class="fa fa-leaf"></i> 获取选中项</a>
+                        <div class="dropdown btn-group">
+                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> <?= __('More') ?></a>
+                            <ul class="dropdown-menu text-left" role="menu">
+                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
+                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
+                            </ul>
+                        </div>
+                        <a class="btn btn-success btn-singlesearch" href="javascript:;"><i class="fa fa-user"></i> 自定义搜索</a>
+                        <a class="btn btn-success btn-change btn-start" data-params="action=start" data-url="example/bootstraptable/start" href="javascript:;"><i class="fa fa-play"></i> 启动</a>
+                        <a class="btn btn-danger btn-change btn-pause" data-params="action=pause" data-url="example/bootstraptable/pause" href="javascript:;"><i class="fa fa-pause"></i> 暂停</a>
+                        <a href="javascript:;" class="btn btn-default" style="font-size:14px;color:dodgerblue;">
+                            <i class="fa fa-dollar"></i>
+                            <span class="extend">
+                                金额：<span id="money">0</span>
+                                单价：<span id="price">0</span>
+                            </span>
+                        </a>
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+<script id="categorytpl" type="text/html">
+    <div class="row">
+        <div class="col-xs-12">
+            <div class="form-inline" data-toggle="cxselect" data-selects="group,admin">
+                <select class="group form-control" name="group" data-url="example/bootstraptable/cxselect?type=group"></select>
+                <select class="admin form-control" name="admin_id" data-url="example/bootstraptable/cxselect?type=admin" data-query-name="group_id"></select>
+                <input type="hidden" class="operate" data-name="admin_id" value="=" />
+            </div>
+        </div>
+    </div>
+</script>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+<div class="row">
+    <div class="col-md-6">
+        <div class="box box-success">
+            <div class="panel-heading">
+                {:__('自定义图片描述')}
+            </div>
+            <div class="panel-body">
+                <div class="alert alert-success-light">
+                    <b>温馨提示</b><br>
+                    默认我们的多图是没有图片描述的，如果我们需要自定义描述，可以使用以下的自定义功能<br>
+                    特别注意的是图片的url和描述是分开储存的，也就是说图片一个字段，描述一个字段，你在前台使用时需要自己匹配映射关系<br>
+                    <b>下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏</b>
+                </div>
+                <form id="first-form" role="form" data-toggle="validator" method="POST" action="">
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12 col-sm-2">{:__('一维数组示例')}:</label>
+                        <div class="col-xs-12 col-sm-8">
+                            <div class="input-group">
+                                <input id="c-files" data-rule="required" class="form-control" size="50" name="row[files]" type="text" value="https://cdn.fastadmin.net/uploads/addons/blog.png,https://cdn.fastadmin.net/uploads/addons/cms.png,https://cdn.fastadmin.net/uploads/addons/vote.png">
+                                <div class="input-group-addon no-border no-padding">
+                                    <span><button type="button" id="plupload-files" class="btn btn-danger plupload" data-input-id="c-files" data-mimetype="*" data-multiple="true" data-preview-id="p-files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                                    <span><button type="button" id="fachoose-files" class="btn btn-primary fachoose" data-input-id="c-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                                </div>
+                                <span class="msg-box n-right" for="c-files"></span>
+                            </div>
+
+                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
+                            <ul class="row list-inline plupload-preview" id="p-files" data-template="introtpl" data-name="row[intro]"></ul>
+
+                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[intro]" class="form-control" style="margin-top:5px;">["简洁响应式博客","CMS内容管理系统","在线投票系统"]</textarea>
+
+                            <!--这里自定义图片预览的模板 开始-->
+                            <script type="text/html" id="introtpl">
+                                <li class="col-xs-3">
+                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
+                                        <img src="<%=fullurl%>" class="img-responsive">
+                                    </a>
+                                    <input type="text" name="row[intro][<%=index%>]" class="form-control" placeholder="请输入文件描述" value="<%=value?value:''%>"/>
+                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
+                                </li>
+                            </script>
+                            <!--这里自定义图片预览的模板 结束-->
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12 col-sm-2">{:__('二维数组示例')}:</label>
+                        <div class="col-xs-12 col-sm-8">
+                            <div class="input-group">
+                                <input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text" value="https://cdn.fastadmin.net/uploads/addons/example.png,https://cdn.fastadmin.net/uploads/addons/upyun.png,https://cdn.fastadmin.net/uploads/addons/alioss.png">
+                                <div class="input-group-addon no-border no-padding">
+                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                                </div>
+                                <span class="msg-box n-right" for="c-images"></span>
+                            </div>
+
+                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
+                            <ul class="row list-inline plupload-preview" id="p-images" data-template="desctpl" data-name="row[desc]"></ul>
+
+                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[desc]" class="form-control" style="margin-top:5px;">[{"info":"开发者示例插件","size":"1M"},{"info":"又拍云储存整合","size":"2M"},{"info":"阿里OSS云储存","size":"1M"}]</textarea>
+
+                            <!--这里自定义图片预览的模板 开始-->
+                            <script type="text/html" id="desctpl">
+                                <li class="col-xs-3">
+                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
+                                        <img src="<%=fullurl%>" class="img-responsive">
+                                    </a>
+                                    <input type="text" name="row[desc][<%=index%>][info]" class="form-control" placeholder="请输入插件描述" value="<%=value?value['info']:''%>"/>
+                                    <input type="text" name="row[desc][<%=index%>][size]" class="form-control" placeholder="请输入插件大小" value="<%=value?value['size']:''%>"/>
+                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
+                                </li>
+                            </script>
+                            <!--这里自定义图片预览的模板 结束-->
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12 col-sm-2"></label>
+                        <div class="col-xs-12 col-sm-8">
+                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
+                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </div>
+    <div class="col-md-6">
+        <div class="box box-info">
+            <div class="panel-heading">
+                {:__('自定义Fieldlist示例')}
+            </div>
+            <div class="panel-body">
+                <div class="alert alert-danger-light">
+                    <b>温馨提示</b><br>
+                    默认我们的fieldlist只有一维数组，为键值形式，如果需要二维数组，可使用下面的自定义模板来实现<br>
+                    默认追加的元素是没有进行事件绑定的，我们需要监听btn-append这个按钮的fa.event.appendfieldlist事件<br>
+                    <b>下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏</b>
+                </div>
+                <form id="second-form" role="form" data-toggle="validator" method="POST" action="">
+
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12 col-sm-2">{:__('Fieldlist示例')}:</label>
+                        <div class="col-xs-12 col-sm-8">
+                            <dl class="fieldlist" data-template="basictpl" data-name="row[basic]">
+                                <dd>
+                                    <ins>{:__('标题')}</ins>
+                                    <ins>{:__('介绍')}</ins>
+                                    <ins>{:__('大小')}</ins>
+                                </dd>
+                                <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
+                                <!--请注意 dd和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
+                                <textarea name="row[basic]" class="form-control" cols="30" rows="5">[{"title":"开发者示例插件","intro":"开发者必备","size":"1M"},{"title":"又拍云储存整合","intro":"一款云储存","size":"2M"},{"title":"阿里OSS云储存","intro":"一款云储存","size":"1M"}]</textarea>
+                            </dl>
+                            <script id="basictpl" type="text/html">
+                                <dd class="form-inline">
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][title]" class="form-control" value="<%=row.title%>" placeholder="标题" size="10"/></ins>
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][intro]" class="form-control" value="<%=row.intro%>" placeholder="描述"/></ins>
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][size]" class="form-control" value="<%=row.size%>" placeholder="大小"/></ins>
+                                    <!--下面的两个按钮务必保留-->
+                                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
+                                    <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
+                                </dd>
+                            </script>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12 col-sm-2">{:__('元素事件')}:</label>
+                        <div class="col-xs-12 col-sm-8">
+                            <dl class="fieldlist" data-template="eventtpl" data-name="row[event]">
+                                <dd>
+                                    <ins>{:__('管理员')}</ins>
+                                    <ins>{:__('名称')}</ins>
+                                    <ins>{:__('登录时间')}</ins>
+                                </dd>
+                                <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
+                                <!--请注意 dd和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
+                                <textarea name="row[event]" class="form-control" cols="30" rows="5">[{"id":"1","name":"admin","time":"2019-06-28 12:05:03"}]</textarea>
+                            </dl>
+                            <script id="eventtpl" type="text/html">
+                                <dd class="form-inline">
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][id]" class="form-control selectpage" data-source="auth/admin/selectpage" data-field="username" value="<%=row.id%>" placeholder="管理员" size="10"/></ins>
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][name]" class="form-control" value="<%=row.name%>" placeholder="名称"/></ins>
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][time]" class="form-control datetimepicker" value="<%=row.time%>" placeholder="时间"/></ins>
+                                    <!--下面的两个按钮务必保留-->
+                                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
+                                    <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
+                                </dd>
+                            </script>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12 col-sm-2"></label>
+                        <div class="col-xs-12 col-sm-8">
+                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
+                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<script id="customformtpl" type="text/html">
+    <!--form表单必须添加form-commsearch这个类-->
+    <form action="" class="form-commonsearch">
+        <div style="border-radius:2px;margin-bottom:10px;background:#f5f5f5;padding:15px 20px;">
+            <h4>自定义搜索表单</h4>
+            <hr>
+            <div class="row">
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">ID</label>
+                        <!--显式的operate操作符-->
+                        <div class="input-group">
+                            <div class="input-group-btn">
+                                <select class="form-control operate" data-name="id" style="width:60px;">
+                                    <option value="=" selected>等于</option>
+                                    <option value=">">大于</option>
+                                    <option value="<">小于</option>
+                                </select>
+                            </div>
+                            <input class="form-control" type="text" name="id" placeholder="" value=""/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">标题</label>
+                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
+                        <input class="operate" type="hidden" data-name="title" value="="/>
+                        <div>
+                        <input class="form-control" type="text" name="title" placeholder="请输入查找的标题" value=""/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">管理员ID</label>
+                        <div class="row" data-toggle="cxselect" data-selects="group,admin">
+                            <div class="col-xs-6">
+                                <select class="group form-control" name="group"
+                                        data-url="example/bootstraptable/cxselect?type=group"></select>
+                            </div>
+                            <div class="col-xs-6">
+                                <select class="admin form-control" name="admin_id"
+                                        data-url="example/bootstraptable/cxselect?type=admin"
+                                        data-query-name="group_id"></select>
+                            </div>
+                            <input type="hidden" class="operate" data-name="admin_id" value="="/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">用户名</label>
+                        <input type="hidden" class="operate" data-name="username" value="="/>
+                        <div>
+                            <input id="c-category_id" data-source="auth/admin/index" data-primary-key="username"
+                                   data-field="username" class="form-control selectpage" name="username" type="text"
+                                   value="" style="display:block;">
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-xs-12 col-sm-6 col-md-3" style="min-height:68px;">
+                    <!--这里添加68px是为了避免刷新时出现元素错位闪屏-->
+                    <div class="form-group">
+                        <label class="control-label">IP</label>
+                        <input type="hidden" class="operate" data-name="ip" value="in"/>
+                        <div>
+                        <!--给select一个固定的高度-->
+                        <select id="c-flag" class="form-control selectpicker" multiple name="ip" style="height:31px;">
+                            {foreach name="ipList" item="vo"}
+                            <option value="{$key}" {in name="key" value="" }selected{
+                            /in}>{$vo}</option>
+                            {/foreach}
+                        </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">IP</label>
+                        <input type="hidden" class="operate" data-name="createtime" value="RANGE"/>
+                        <div>
+                        <input type="text" class="form-control datetimerange" name="createtime" value=""/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label"></label>
+                        <div class="row">
+                            <div class="col-xs-6">
+                                <input type="submit" class="btn btn-success btn-block" value="提交"/>
+                            </div>
+                            <div class="col-xs-6">
+                                <input type="reset" class="btn btn-primary btn-block" value="重置"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</script>

+<style>#cxselect-example textarea{margin:10px 0;}</style>
+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding" id="cxselect-example">
+                    <form id="cxselectform" action="">
+                        <div class="row">
+                            <div class="col-md-6">
+
+                                <div class="panel panel-default">
+                                    <div class="panel-heading"><b>省市区联动</b>(通过AJAX读取数据)</div>
+                                    <div class="panel-body">
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
+                                                    <select class="province form-control" name="province" data-url="ajax/area"></select>
+                                                    <select class="city form-control" name="city" data-url="ajax/area"></select>
+                                                    <select class="area form-control" name="area" data-url="ajax/area"></select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
+                                                    <select class="province form-control" name="province" data-url="ajax/area">
+                                                        <option value="1964" selected>广东省</option>
+                                                    </select>
+                                                    <select class="city form-control" name="city" data-url="ajax/area">
+                                                        <option value="1988" selected>深圳市</option>
+                                                    </select>
+                                                    <select class="area form-control" name="area" data-url="ajax/area">
+                                                        <option value="1991" selected>南山区</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="panel panel-default">
+                                    <div class="panel-heading"><b>类别联动</b>(Ajax读取数据)</div>
+                                    <div class="panel-body">
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
+                                                    <select class="first form-control" name="first" data-url="ajax/category?type=page&pid=5"></select>
+                                                    <select class="second form-control" name="second" data-url="ajax/category" data-query-name="pid"></select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
+                                                    <select class="first form-control" name="first" data-url="ajax/category?type=page&pid=5">
+                                                        <option value="6" selected>网站建站</option>
+                                                    </select>
+                                                    <select class="second form-control" name="second" data-url="ajax/category" data-query-name="pid">
+                                                        <option value="9" selected>移动端</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="panel panel-default">
+                                    <div class="panel-heading"><b>省市区联动</b>(通过JSON渲染数据)</div>
+                                    <div class="panel-body">
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
+                                                <div class="form-inline" data-toggle="cxselect" data-url="__CDN__/assets/libs/fastadmin-cxselect/js/cityData.min.json"
+                                                     data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
+                                                    <select class="province form-control" name="province"></select>
+                                                    <select class="city form-control" name="city"></select>
+                                                    <select class="area form-control" name="area"></select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
+                                                <div class="form-inline" data-toggle="cxselect" data-url="__CDN__/assets/libs/fastadmin-cxselect/js/cityData.min.json"
+                                                     data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
+                                                    <select class="province form-control" data-first-title="选择省">
+                                                        <option value="">请选择</option>
+                                                        <option value="浙江省" selected>浙江省</option>
+                                                    </select>
+                                                    <select class="city form-control" data-first-title="选择市">
+                                                        <option value="">请选择</option>
+                                                        <option value="杭州市" selected>杭州市</option>
+                                                    </select>
+                                                    <select class="area form-control" data-first-title="选择地区">
+                                                        <option value="">请选择</option>
+                                                        <option value="西湖区" selected>西湖区</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+<style>
+    .tab-content > .chart {
+        padding: 10px;
+    }
+</style>
+<div class="row">
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-aqua">
+            <div class="inner">
+                <h3>150</h3>
+
+                <p>今日订单</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-shopping-cart"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-green">
+            <div class="inner">
+                <h3>53<sup style="font-size: 20px">%</sup></h3>
+
+                <p>同比增长率</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-area-chart"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-yellow">
+            <div class="inner">
+                <h3>44</h3>
+
+                <p>今日注册用户数</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-users"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-red">
+            <div class="inner">
+                <h3>65</h3>
+
+                <p>唯一访客用户</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-user"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+</div>
+<!-- /.row -->
+<!-- Main row -->
+<div class="row" style="margin-bottom:5px;">
+    <!-- Left col -->
+    <section class="col-lg-7 connectedSortable">
+        <!-- Custom tabs (Charts with tabs)-->
+        <div class="nav-tabs-custom charts-custom">
+            <!-- Tabs within a box -->
+            <ul class="nav nav-tabs pull-right">
+                <li class="active"><a href="#line-chart" data-toggle="tab">折线图</a></li>
+                <li><a href="#area-chart" data-toggle="tab">区域图</a></li>
+                <li class="pull-left header"><i class="fa fa-inbox"></i> 销售趋势</li>
+            </ul>
+            <div class="tab-content no-padding">
+                <!-- Morris chart - Sales -->
+                <div class="chart tab-pane active" id="line-chart" style="position: relative; height: 300px;"></div>
+                <div class="chart tab-pane" id="area-chart" style="position: relative; height: 300px;"></div>
+            </div>
+        </div>
+        <div class="nav-tabs-custom charts-custom">
+            <!-- Tabs within a box -->
+            <ul class="nav nav-tabs pull-right">
+                <li class="active"><a href="#pie-chart" data-toggle="tab">饼图</a></li>
+                <li><a href="#bar-chart" data-toggle="tab">柱状图</a></li>
+                <li class="pull-left header"><i class="fa fa-inbox"></i> 访问记录</li>
+            </ul>
+            <div class="tab-content no-padding">
+                <!-- Morris chart - Sales -->
+                <div class="chart tab-pane active" id="pie-chart" style="position: relative; height: 300px;"></div>
+                <div class="chart tab-pane" id="bar-chart" style="position: relative; height: 300px;"></div>
+            </div>
+        </div>
+        <!-- /.nav-tabs-custom -->
+
+    </section>
+    <!-- /.Left col -->
+    <section class="col-lg-5 connectedSortable">
+
+        <!-- Map box -->
+        <div class="box box-solid bg-light-blue-gradient">
+            <div class="box-header">
+                <!-- tools box -->
+                <div class="pull-right box-tools">
+                </div>
+                <!-- /. tools -->
+
+                <i class="fa fa-map-marker"></i>
+
+                <h3 class="box-title">
+                    访客分布
+                </h3>
+            </div>
+            <div class="box-body">
+                <div id="simplebar-chart" style="height: 250px; width: 100%;"></div>
+            </div>
+            <!-- /.box-body-->
+            <div class="box-footer no-border">
+                <div class="row">
+                    <div class="col-xs-12 text-center">
+                        <div class="knob-label">统计最近一周访客的记录</div>
+                    </div>
+                    <!-- ./col -->
+                </div>
+                <!-- /.row -->
+            </div>
+        </div>
+        <!-- /.box -->
+
+        <!-- solid sales graph -->
+        <div class="box box-solid bg-teal-gradient">
+            <div class="box-header">
+                <i class="fa fa-th"></i>
+
+                <h3 class="box-title">订单趋势</h3>
+
+                <div class="box-tools pull-right">
+                </div>
+            </div>
+            <div class="box-body border-radius-none">
+                <div class="chart" id="smoothline-chart" style="height: 250px;"></div>
+            </div>
+            <!-- /.box-body-->
+            <div class="box-footer no-border">
+                <div class="row">
+                    <div class="col-xs-12 text-center">
+                        <div class="knob-label">统计最近一周订单的趋势</div>
+                    </div>
+                    <!-- ./col -->
+                </div>
+                <!-- /.row -->
+            </div>
+        </div>
+        <!-- /.box -->
+
+    </section>
+    <!-- right col -->
+</div>
+<!-- /.row (main row) -->

+<div class="panel panel-default panel-intro">
+    <div class="panel-heading">
+        <div class="panel-lead"><em>多表格（Multitable）</em>用于展示在一个页面展示多个表格数据,并且每次切换时刷新</div>
+        <ul class="nav nav-tabs">
+            <li class="active"><a href="#first" data-toggle="tab">表格1</a></li>
+            <li><a href="#second" data-toggle="tab">表格2</a></li>
+        </ul>
+    </div>
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="first">
+                <div id="toolbar1" class="toolbar">
+                    {:build_toolbar('refresh')}
+                </div>
+                <table id="table1" class="table table-striped table-bordered table-hover" width="100%">
+                </table>
+            </div>
+            <div class="tab-pane fade" id="second">
+                <div id="toolbar2" class="toolbar">
+                    {:build_toolbar('refresh')}
+                </div>
+                <table id="table2" class="table table-striped table-bordered table-hover" width="100%">
+                </table>
+            </div>
+        </div>
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+<div class="row">
+    <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4">
+        <div class="panel panel-default panel-intro">
+            <div class="panel-body">
+                <div id="1" class="tab-content">
+                    <div class="tab-pane fade active in" id="one">
+                        <div class="widget-body no-padding">
+                            <div id="toolbar1" class="toolbar">
+                                {:build_toolbar('refresh')}
+                            </div>
+                            <table id="table1" class="table table-striped table-bordered table-hover" width="100%">
+
+                            </table>
+
+
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-7 col-lg-8">
+        <div class="panel panel-default panel-intro">
+            <div class="panel-body">
+                <div id="myTabContent2" class="tab-content">
+                    <div class="tab-pane fade active in" id="two">
+                        <div class="widget-body no-padding">
+                            <div id="toolbar2" class="toolbar">
+                                {:build_toolbar('refresh')}
+                            </div>
+                            <table id="table2" class="table table-striped table-bordered table-hover" width="100%">
+
+                            </table>
+
+
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                        <a class="btn btn-info btn-disabled disabled btn-selected" href="javascript:;"><i class="fa fa-leaf"></i> 获取选中项</a>
+                        <a class="btn btn-success btn-toggle-view" href="javascript:;"><i class="fa fa-leaf"></i> 切换视图</a>
+                    </div>
+                    <table id="table" class="table table-striped table-hover" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+<style type="text/css">
+    .example {
+        height:100%;position: relative;
+    }
+    .example > span {
+        position:absolute;left:15px;top:15px;
+    }
+</style>
+
+<script id="itemtpl" type="text/html">
+    <!--
+    如果启用了templateView,默认调用的是itemtpl这个模板，可以通过设置templateFormatter来修改
+    在当前模板中可以使用三个变量(item:行数据,i:当前第几行,data:所有的行数据)
+    此模板引擎使用的是art-template的native,可参考官方文档
+    -->
+
+    <div class="col-sm-4 col-md-3">
+        <!--下面四行是为了展示随机图片和标签，可移除-->
+        <% var imagearr = ['https://cdn.fastadmin.net/uploads/addons/blog.png', 'https://cdn.fastadmin.net/uploads/addons/cms.png', 'https://cdn.fastadmin.net/uploads/addons/vote.png', 'https://cdn.fastadmin.net/uploads/addons/blog.png', 'https://cdn.fastadmin.net/uploads/addons/alisms.png']; %>
+        <% var image = imagearr[item.id % 5]; %>
+        <% var labelarr = ['primary', 'success', 'info', 'danger', 'warning']; %>
+        <% var label = labelarr[item.id % 5]; %>
+        <div class="thumbnail example">
+            <span class="btn btn-<%=label%>">ID:<%=item.id%></span>
+            <img src="<%=image%>" style="width:100%;" alt="<%=item.title%>">
+            <div class="caption">
+                <h4><%=item.title?item.title:'无'%></h4>
+                <p class="text-muted">操作者IP:<%=item.ip%></p>
+                <p class="text-muted">操作时间:<%=Moment(item.createtime*1000).format("YYYY-MM-DD HH:mm:ss")%></p>
+                <p>
+                    <!--详情的事件需要在JS中手动绑定-->
+                    <a href="#" class="btn btn-primary btn-success btn-detail" data-id="<%=item.id%>"><i class="fa fa-camera"></i> 详情</a> 
+
+                    <!--如果需要响应编辑或删除事件，可以给元素添加 btn-edit或btn-del的类和data-id这个属性值-->
+                    <a href="#" class="btn btn-primary btn-edit" data-id="<%=item.id%>"><i class="fa fa-pencil"></i> 编辑</a> 
+                    <a href="#" class="btn btn-danger btn-del" data-id="<%=item.id%>"><i class="fa fa-times"></i> 删除</a>
+                    <span class="pull-right" style="margin-top:10px;">
+                        <!--如果需要多选操作，请确保有下面的checkbox元素存在,可移除-->
+                        <input name="checkbox" data-id="<%=item.id%>" type="checkbox" />
+                    </span>
+                </p>
+            </div>
+        </div>
+    </div>
+</script>

+/*!
+ * Start Bootstrap - Modern Business (http://startbootstrap.com/)
+ * Copyright 2013-2016 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ */
+
+/* Global Styles */
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.img-addon {
+    margin-bottom: 10px;
+    width:100%;
+}
+
+.img-hover:hover {
+    opacity: 0.8;
+}
+
+.display-1 {
+    font-size:44px;
+}
+.display-4 {
+    font-size:24px;
+    line-height:32px;
+}
+
+/* Home Page Carousel */
+
+header.carousel {
+    height: 50%;
+}
+
+header.carousel .item,
+header.carousel .item.active,
+header.carousel .carousel-inner {
+    height: 100%;
+}
+
+header.carousel .fill {
+    width: 100%;
+    height: 100%;
+}
+
+/* 404 Page Styles */
+
+.error-404 {
+    font-size: 100px;
+}
+
+/* Pricing Page Styles */
+
+.price {
+    display: block;
+    font-size: 50px;
+    line-height: 50px;
+}
+
+.price sup {
+    top: -20px;
+    left: 2px;
+    font-size: 20px;
+}
+
+.period {
+    display: block;
+    font-style: italic;
+}
+
+/* Footer Styles */
+
+footer {
+    margin: 50px 0;
+}
+
+/* Responsive Styles */
+
+@media(max-width:991px) {
+    .customer-img,
+    .img-related {
+        margin-bottom: 30px;
+    }
+}
+
+@media(max-width:767px) {
+    .img-addon {
+        margin-bottom: 15px;
+    }
+
+    header.carousel .carousel {
+        height: 70%;
+    }
+}
+.carousel-body {
+    position:absolute;
+    width: 100%;
+    top:25%;
+    text-align:center;
+    color:#fff;
+}
+
+.addonlist a > p{
+    margin-bottom:15px;
+}

+/** @license
+ * RequireJS plugin for async dependency load like JSONP and Google Maps
+ * Author: Miller Medeiros
+ * Version: 0.1.2 (2014/02/24)
+ * Released under the MIT license
+ */
+define(function(){
+
+    var DEFAULT_PARAM_NAME = 'callback',
+        _uid = 0;
+
+    function injectScript(src){
+        var s, t;
+        s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = src;
+        t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s,t);
+    }
+
+    function formatUrl(name, id){
+        var paramRegex = /!(.+)/,
+            url = name.replace(paramRegex, ''),
+            param = (paramRegex.test(name))? name.replace(/.+!/, '') : DEFAULT_PARAM_NAME;
+        url += (url.indexOf('?') < 0)? '?' : '&';
+        return url + param +'='+ id;
+    }
+
+    function uid() {
+        _uid += 1;
+        return '__async_req_'+ _uid +'__';
+    }
+
+    return{
+        load : function(name, req, onLoad, config){
+            if(config.isBuild){
+                onLoad(null); //avoid errors on the optimizer
+            }else{
+                var id = uid();
+                //create a global variable that stores onLoad so callback
+                //function can define new module after async load
+                window[id] = onLoad;
+                injectScript(formatUrl(req.toUrl(name), id));
+            }
+        }
+    };
+});

+require.config({
+    paths: {
+        'async': '../addons/example/js/async',
+        'BMap': ['//api.map.baidu.com/api?v=2.0&ak=mXijumfojHnAaN2VxpBGoqHM'],
+    },
+    shim: {
+        'BMap': {
+            deps: ['jquery'],
+            exports: 'BMap'
+        }
+    }
+});

+<?php
+
+return [
+    [
+        'name'    => 'title',
+        'title'   => '标题',
+        'type'    => 'string',
+        'content' => [
+        ],
+        'value'   => '示例标题',
+        'rule'    => 'required',
+        'msg'     => '',
+        'tip'     => '',
+        'ok'      => '',
+        'extend'  => ''
+    ],
+    [
+        //配置唯一标识
+        'name'    => 'theme',
+        //显示的标题
+        'title'   => '皮肤',
+        //类型
+        'type'    => 'string',
+        //数据字典
+        'content' => [
+        ],
+        //值
+        'value'   => 'default',
+        //验证规则 
+        'rule'    => 'required',
+        //错误消息
+        'msg'     => '',
+        //提示消息
+        'tip'     => '',
+        //成功消息
+        'ok'      => '',
+        //扩展信息
+        'extend'  => ''
+    ],
+    [
+        'name'    => 'domain',
+        'title'   => '绑定二级域名前缀',
+        'type'    => 'string',
+        'content' => [
+        ],
+        'value'   => '',
+        'rule'    => '',
+        'msg'     => '',
+        'tip'     => '',
+        'ok'      => '',
+        'extend'  => ''
+    ],
+    [
+        'name'    => 'rewrite',
+        'title'   => '伪静态',
+        'type'    => 'array',
+        'content' => [],
+        'value'   => [
+            'index/index' => '/example$',
+            'demo/index'  => '/example/d/[:name]',
+            'demo/demo1'  => '/example/d1/[:name]',
+            'demo/demo2'  => '/example/d2/[:name]',
+        ],
+        'rule'    => 'required',
+        'msg'     => '',
+        'tip'     => '',
+        'ok'      => '',
+        'extend'  => ''
+    ],
+];

+<?php
+
+namespace addons\example\controller;
+
+use think\addons\Controller;
+
+/**
+ * 测试控制器
+ */
+class Demo extends Controller
+{
+
+    protected $layout = 'default';
+    protected $noNeedLogin = ['index', 'demo1'];
+    protected $noNeedRight = ['*'];
+
+    public function index()
+    {
+        return $this->view->fetch();
+    }
+
+    public function demo1()
+    {
+        return $this->view->fetch();
+    }
+
+    public function demo2()
+    {
+        return $this->view->fetch();
+    }
+
+}

+<?php
+
+namespace addons\example\controller;
+
+use think\addons\Controller;
+
+class Index extends Controller
+{
+
+    protected $layout = 'default';
+
+    public function index()
+    {
+        return $this->view->fetch();
+    }
+
+}

+name = example
+title = 开发示例
+intro = FastAdmin多个开发示例
+author = Karson
+website = https://www.fastadmin.net
+version = 1.0.10
+state = 1
+url = /addons/example

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+    var Controller = {
+        index: function () {
+            //
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/baidumap/index',
+                    add_url: 'example/baidumap/add',
+                    edit_url: 'example/baidumap/edit',
+                    del_url: 'example/baidumap/del',
+                    multi_url: 'example/baidumap/multi',
+                    table: '',
+                }
+            });
+
+            var table = $("#table");
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                pk: 'id',
+                sortName: 'id',
+                columns: [
+                    [
+                        {checkbox: true},
+                        {field: 'id', title: 'ID', operate: false},
+                        {field: 'admin_id', title: __('Admin_id'), visible: false, operate: false},
+                        {field: 'username', title: __('Username'), formatter: Table.api.formatter.search},
+                        {field: 'title', title: __('Title')},
+                        {field: 'url', title: __('Url'), align: 'left'},
+                        {field: 'ip', title: __('IP')},
+                        {field: 'createtime', title: __('Create time'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                    ]
+                ]
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+        },
+        add: function () {
+            Controller.api.bindevent();
+        },
+        edit: function () {
+            Controller.api.bindevent();
+        },
+        map: function () {
+            Form.api.bindevent($("form[role=form]"));
+            require(['async!BMap'], function () {
+                // 更多文档可参考 http://lbsyun.baidu.com/jsdemo.htm
+                // 百度地图API功能
+                var map = new BMap.Map("allmap");
+                var point = new BMap.Point(116.404, 39.915);
+
+                map.centerAndZoom(point, 13); //设置中心坐标点和级别
+                var marker = new BMap.Marker(point);  // 创建标注
+                map.addOverlay(marker);               // 将标注添加到地图中
+                marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
+
+                map.enableDragging();   //开启拖拽
+                //map.enableInertialDragging();   //开启惯性拖拽
+                map.enableScrollWheelZoom(true); //是否允许缩放
+                //map.centerAndZoom("上海",15); //根据城市名设定地图中心点
+
+                var geolocation = new BMap.Geolocation();
+                geolocation.getCurrentPosition(function (r) {
+                    if (this.getStatus() == BMAP_STATUS_SUCCESS) {
+                        var mk = new BMap.Marker(r.point);
+                        map.addOverlay(mk);
+                        map.panTo(r.point);
+                        //Layer.alert('您的位置：' + r.point.lng + ',' + r.point.lat);
+                    } else {
+                        Layer.alert('failed' + this.getStatus());
+                    }
+                }, {enableHighAccuracy: true});
+                
+                // 点搜索按钮时解析地址坐标
+                $(document).on('click', '.btn-search', function () {
+                    // 创建地址解析器实例
+                    var myGeo = new BMap.Geocoder();
+                    // 将地址解析结果显示在地图上,并调整地图视野
+                    myGeo.getPoint($("#searchaddress").val(), function (point) {
+                        if (point) {
+                            map.centerAndZoom(point, 16);
+                            map.addOverlay(new BMap.Marker(point));
+                        } else {
+                            Layer.alert("您选择地址没有解析到结果!");
+                        }
+                    });
+                });
+
+            });
+        },
+        api: {
+            bindevent: function () {
+                Form.api.bindevent($("form[role=form]"));
+            }
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template'], function ($, undefined, Backend, Table, Form, Template) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/bootstraptable/index',
+                    add_url: '',
+                    edit_url: '',
+                    del_url: 'example/bootstraptable/del',
+                    multi_url: '',
+                }
+            });
+
+            var table = $("#table");
+
+            //在普通搜索提交搜索前
+            table.on('common-search.bs.table', function (event, table, query) {
+                //这里可以获取到普通搜索表单中字段的查询条件
+                console.log(query);
+            });
+
+            //在普通搜索渲染后
+            table.on('post-common-search.bs.table', function (event, table) {
+                var form = $("form", table.$commonsearch);
+                $("input[name='title']", form).addClass("selectpage").data("source", "auth/adminlog/selectpage").data("primaryKey", "title").data("field", "title").data("orderBy", "id desc");
+                $("input[name='username']", form).addClass("selectpage").data("source", "auth/admin/index").data("primaryKey", "username").data("field", "username").data("orderBy", "id desc");
+                Form.events.cxselect(form);
+                Form.events.selectpage(form);
+            });
+
+            //在表格内容渲染完成后回调的事件
+            table.on('post-body.bs.table', function (e, settings, json, xhr) {
+                console.log(e, settings, json, xhr);
+            });
+
+            //当表格数据加载完成时
+            table.on('load-success.bs.table', function (e, data) {
+                //这里可以获取从服务端获取的JSON数据
+                console.log(data);
+                //这里我们手动设置底部的值
+                $("#money").text(data.extend.money);
+                $("#price").text(data.extend.price);
+            });
+
+            // 初始化表格
+            // 这里使用的是Bootstrap-table插件渲染表格
+            // 相关文档：https://doc.fastadmin.net/doc/table.html
+            table.bootstrapTable({
+                //表格参数可以参考：https://doc.fastadmin.net/doc/190.html
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                columns: [
+                    [
+                        //更多列参数可以参考：https://doc.fastadmin.net/doc/191.html
+                        //该列为复选框字段,如果后台的返回state值将会默认选中
+                        {field: 'state', checkbox: true,},
+                        //sortable为是否排序,operate为搜索时的操作符,visible表示是否可见
+                        {field: 'id', title: 'ID', sortable: true, operate: false},
+                        //默认隐藏该列
+                        {field: 'admin_id', title: __('管理员'), operate: false},
+                        //直接响应搜索
+                        {field: 'username', title: __('管理员'), formatter: Table.api.formatter.search},
+                        //模糊搜索
+                        {field: 'title', title: __('Title'), operate: 'LIKE %...%', placeholder: '模糊搜索，*表示任意字符'},
+                        //通过Ajax渲染searchList，也可以使用JSON数据
+                        {
+                            field: 'url',
+                            title: __('Url'),
+                            align: 'left',
+                            searchList: $.getJSON('example/bootstraptable/searchlist?search=a&field=row[user_id]'),
+                            formatter: Controller.api.formatter.url
+                        },
+                        //点击IP时同时执行搜索此IP
+                        {
+                            field: 'ip',
+                            title: __('IP'),
+                            events: Controller.api.events.ip,
+                            formatter: Controller.api.formatter.ip
+                        },
+                        //自定义栏位,custom是不存在的字段
+                        {field: 'custom', title: __('切换'), operate: false, formatter: Controller.api.formatter.custom},
+                        //browser是一个不存在的字段
+                        //通过formatter来渲染数据,同时为它添加上事件
+                        {
+                            field: 'browser',
+                            title: __('Browser'),
+                            operate: false,
+                            events: Controller.api.events.browser,
+                            formatter: Controller.api.formatter.browser
+                        },
+                        {
+                            field: 'admin_id', title: __('联动搜索'), searchList: function (column) {
+                                return Template('categorytpl', {});
+                            }, formatter: function (value, row, index) {
+                                return '无';
+                            }, visible: false
+                        },
+                        //启用时间段搜索
+                        {
+                            field: 'createtime',
+                            title: __('Update time'),
+                            sortable: true,
+                            formatter: Table.api.formatter.datetime,
+                            operate: 'RANGE',
+                            addclass: 'datetimerange'
+                        },
+                        //操作栏,默认有编辑、删除或排序按钮,可自定义配置buttons来扩展按钮
+                        {
+                            field: 'operate',
+                            width: "150px",
+                            title: __('Operate'),
+                            table: table,
+                            events: Table.api.events.operate,
+                            buttons: [
+                                {
+                                    name: 'click',
+                                    title: __('点击执行事件'),
+                                    classname: 'btn btn-xs btn-info btn-click',
+                                    icon: 'fa fa-leaf',
+                                    // dropdown: '更多',//如果包含dropdown，将会以下拉列表的形式展示
+                                    click: function (data) {
+                                        Layer.alert("点击按钮执行的事件");
+                                    }
+                                },
+                                {
+                                    name: 'detail',
+                                    title: __('弹出窗口打开'),
+                                    classname: 'btn btn-xs btn-primary btn-dialog',
+                                    icon: 'fa fa-list',
+                                    url: 'example/bootstraptable/detail',
+                                    callback: function (data) {
+                                        Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
+                                    }
+                                },
+                                {
+                                    name: 'ajax',
+                                    title: __('发送Ajax'),
+                                    classname: 'btn btn-xs btn-success btn-magic btn-ajax',
+                                    icon: 'fa fa-magic',
+                                    confirm: '确认发送Ajax请求？',
+                                    url: 'example/bootstraptable/detail',
+                                    success: function (data, ret) {
+                                        Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
+                                        //如果需要阻止成功提示，则必须使用return false;
+                                        //return false;
+                                    },
+                                    error: function (data, ret) {
+                                        console.log(data, ret);
+                                        Layer.alert(ret.msg);
+                                        return false;
+                                    }
+                                },
+                                {
+                                    name: 'addtabs',
+                                    title: __('新选项卡中打开'),
+                                    classname: 'btn btn-xs btn-warning btn-addtabs',
+                                    icon: 'fa fa-folder-o',
+                                    url: 'example/bootstraptable/detail'
+                                }
+                            ],
+                            formatter: Table.api.formatter.operate
+                        },
+                    ],
+                ],
+                //更多配置参数可参考：https://doc.fastadmin.net/doc/190.html
+                //亦可以参考require-table.js中defaults的配置
+                //快捷搜索,这里可在控制器定义快捷搜索的字段
+                search: true,
+                //启用普通表单搜索
+                commonSearch: true,
+                //显示导出按钮
+                showExport: true,
+                //导出类型
+                exportDataType: "all", //共有basic, all, selected三种值 basic当前页 all全部 selected仅选中
+                //导出下拉列表选项
+                exportTypes: ['json', 'xml', 'csv', 'txt', 'doc', 'excel'],
+                //可以控制是否默认显示搜索单表,false则隐藏,默认为false
+                searchFormVisible: true,
+                queryParams: function (params) {
+                    //这里可以追加搜索条件
+                    var filter = JSON.parse(params.filter);
+                    var op = JSON.parse(params.op);
+                    //这里可以动态赋值，比如从URL中获取admin_id的值，filter.admin_id=Fast.api.query('admin_id');
+                    filter.admin_id = 1;
+                    op.admin_id = "=";
+                    params.filter = JSON.stringify(filter);
+                    params.op = JSON.stringify(op);
+                    return params;
+                },
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+
+            // 监听下拉列表改变的事件
+            $(document).on('change', 'select[name=admin]', function () {
+                $("input[name='admin_id']").val($(this).val());
+            });
+
+            // 指定搜索条件
+            $(document).on("click", ".btn-singlesearch", function () {
+                var options = table.bootstrapTable('getOptions');
+                var queryParams = options.queryParams;
+                options.pageNumber = 1;
+                options.queryParams = function (params) {
+                    //这一行必须要存在,否则在点击下一页时会丢失搜索栏数据
+                    params = queryParams(params);
+
+                    //如果希望追加搜索条件,可使用
+                    var filter = params.filter ? JSON.parse(params.filter) : {};
+                    var op = params.op ? JSON.parse(params.op) : {};
+                    filter.url = 'login';
+                    op.url = 'like';
+                    params.filter = JSON.stringify(filter);
+                    params.op = JSON.stringify(op);
+
+                    //如果希望忽略搜索栏搜索条件,可使用
+                    //params.filter = JSON.stringify({url: 'login'});
+                    //params.op = JSON.stringify({url: 'like'});
+                    return params;
+                };
+                table.bootstrapTable('refresh', {});
+                Toastr.info("当前执行的是自定义搜索,搜索URL中包含login的数据");
+                return false;
+            });
+
+            // 获取选中项
+            $(document).on("click", ".btn-selected", function () {
+                Layer.alert(JSON.stringify(table.bootstrapTable('getSelections')));
+            });
+
+            // 启动和暂停按钮
+            $(document).on("click", ".btn-start,.btn-pause", function () {
+                //在table外不可以使用添加.btn-change的方法
+                //只能自己调用Table.api.multi实现
+                //如果操作全部则ids可以置为空
+                var ids = Table.api.selectedids(table);
+                Table.api.multi("changestatus", ids.join(","), table, this);
+            });
+
+        },
+        add: function () {
+            Controller.api.bindevent();
+        },
+        edit: function () {
+            Controller.api.bindevent();
+        },
+        detail: function () {
+            $(document).on('click', '.btn-callback', function () {
+                Fast.api.close($("input[name=callback]").val());
+            });
+        },
+        api: {
+            bindevent: function () {
+                Form.api.bindevent($("form[role=form]"));
+            },
+            formatter: {//渲染的方法
+                url: function (value, row, index) {
+                    return '<div class="input-group input-group-sm" style="width:250px;"><input type="text" class="form-control input-sm" value="' + value + '"><span class="input-group-btn input-group-sm"><a href="' + value + '" target="_blank" class="btn btn-default btn-sm"><i class="fa fa-link"></i></a></span></div>';
+                },
+                ip: function (value, row, index) {
+                    return '<a class="btn btn-xs btn-ip bg-success"><i class="fa fa-map-marker"></i> ' + value + '</a>';
+                },
+                browser: function (value, row, index) {
+                    //这里我们直接使用row的数据
+                    return '<a class="btn btn-xs btn-browser">' + row.useragent.split(" ")[0] + '</a>';
+                },
+                custom: function (value, row, index) {
+                    //添加上btn-change可以自定义请求的URL进行数据处理
+                    return '<a class="btn-change text-success" data-url="example/bootstraptable/change" data-id="' + row.id + '"><i class="fa ' + (row.title == '' ? 'fa-toggle-on fa-flip-horizontal text-gray' : 'fa-toggle-on') + ' fa-2x"></i></a>';
+                },
+            },
+            events: {//绑定事件的方法
+                ip: {
+                    //格式为：方法名+空格+DOM元素
+                    'click .btn-ip': function (e, value, row, index) {
+                        e.stopPropagation();
+                        var container = $("#table").data("bootstrap.table").$container;
+                        var options = $("#table").bootstrapTable('getOptions');
+                        //这里我们手动将数据填充到表单然后提交
+                        $("form.form-commonsearch [name='ip']", container).val(value);
+                        $("form.form-commonsearch", container).trigger('submit');
+                        Toastr.info("执行了自定义搜索操作");
+                    }
+                },
+                browser: {
+                    'click .btn-browser': function (e, value, row, index) {
+                        e.stopPropagation();
+                        Layer.alert("该行数据为: <code>" + JSON.stringify(row) + "</code>");
+                    }
+                },
+            }
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/colorbadge/index',
+                    add_url: '',
+                    edit_url: '',
+                    del_url: 'example/colorbadge/del',
+                    multi_url: '',
+                }
+            });
+
+            var table = $("#table");
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                columns: [
+                    [
+                        {field: 'state', checkbox: true, },
+                        {field: 'id', title: 'ID'},
+                        {field: 'title', title: __('Title')},
+                        {field: 'ip', title: __('IP')},
+                        {field: 'createtime', title: __('Create time'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                    ]
+                ],
+                onLoadSuccess: function (data) {
+                    // 在表格第次加载成功后,刷新左侧菜单栏彩色小角标,支持一次渲染多个
+                    // 如果需要在进入后台即显示左侧的彩色小角标,请使用服务端渲染方式,详情修改application/admin/controller/Index.php
+                    Backend.api.sidebar({
+                        'example/colorbadge': data.total
+                    });
+                    Toastr.info("左侧角标已经刷新成功");
+                }
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+        },
+        add: function () {
+            Form.api.bindevent($("form[role=form]"));
+        },
+        edit: function () {
+            Form.api.bindevent($("form[role=form]"));
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/controllerjump/index',
+                    add_url: '',
+                    edit_url: '',
+                    del_url: 'example/controllerjump/del',
+                    multi_url: '',
+                }
+            });
+
+            var table = $("#table");
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                columns: [
+                    [
+                        {field: 'state', checkbox: true, },
+                        {field: 'id', title: 'ID'},
+                        {field: 'admin_id', title: __('Admin_id')},
+                        {field: 'title', title: __('Title')},
+                        {field: 'ip', title: __('IP'), formatter: Controller.api.formatter.ip},
+                        {field: 'createtime', title: __('Create time'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                    ]
+                ]
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+        },
+        add: function () {
+            Form.api.bindevent($("form[role=form]"));
+        },
+        edit: function () {
+            Form.api.bindevent($("form[role=form]"));
+        },
+        api: {
+            formatter: {
+                ip: function (value, row, index) {
+                    //这里手动构造URL
+                    url = "example/bootstraptable?" + this.field + "=" + value;
+
+                    //方式一,直接返回class带有addtabsit的链接,这可以方便自定义显示内容
+                    return '<a href="' + url + '" class="label label-success addtabsit" title="' + __("Search %s", value) + '">' + __('Search %s', value) + '</a>';
+
+                    //方式二,直接调用Table.api.formatter.addtabs
+                    return Table.api.formatter.addtabs(value, row, index, url);
+                }
+            }
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            //因为日期选择框不会触发change事件，导致无法刷新textarea，所以加上判断
+            $(document).on("dp.change", "#second-form .datetimepicker", function () {
+                $(this).parent().prev().find("input").trigger("change");
+            });
+            $(document).on("fa.event.appendfieldlist", "#second-form .btn-append", function (e, obj) {
+                Form.events.selectpage(obj);
+                Form.events.datetimepicker(obj);
+            });
+            Form.api.bindevent($("form[role=form]"), function (data, ret) {
+                Layer.alert(data.data);
+            });
+        },
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+    var Controller = {
+        index: function () {
+            //
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/customsearch/index',
+                    add_url: 'example/customsearch/add',
+                    edit_url: 'example/customsearch/edit',
+                    del_url: 'example/customsearch/del',
+                    multi_url: 'example/customsearch/multi',
+                    table: '',
+                }
+            });
+
+            var table = $("#table");
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                pk: 'id',
+                sortName: 'id',
+                searchFormVisible: true,
+                searchFormTemplate: 'customformtpl',
+                columns: [
+                    [
+                        {checkbox: true},
+                        {field: 'id', title: 'ID', operate: false},
+                        {field: 'admin_id', title: __('Admin_id'), visible: false, operate: false},
+                        {field: 'username', title: __('Username'), formatter: Table.api.formatter.search},
+                        {field: 'title', title: __('Title')},
+                        {field: 'url', title: __('Url'), align: 'left'},
+                        {field: 'ip', title: __('IP')},
+                        {field: 'createtime', title: __('Create time'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        {
+                            field: 'operate',
+                            title: __('Operate'),
+                            table: table,
+                            events: Table.api.events.operate,
+                            formatter: Table.api.formatter.operate
+                        }
+                    ]
+                ]
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+        },
+        add: function () {
+            Controller.api.bindevent();
+        },
+        edit: function () {
+            Controller.api.bindevent();
+        },
+        api: {
+            bindevent: function () {
+                Form.api.bindevent($("form[role=form]"));
+            }
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            $("#cxselect-example .col-xs-12").each(function () {
+                $("textarea", this).val($(this).prev().prev().html().replace(/[ ]{2}/g, ''));
+            });
+            
+            //这里需要手动为Form绑定上元素事件
+            Form.api.bindevent($("form#cxselectform"));
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'echarts', 'echarts-theme'], function ($, undefined, Backend, Table, Form, Template, Echarts) {
+
+    var Controller = {
+        index: function () {
+            console.log(Echarts.version);
+            //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确
+            $(document).on("click", ".charts-custom a[data-toggle=\"tab\"]", function () {
+                var that = this;
+                setTimeout(function () {
+                    var id = $(that).attr("href");
+                    var chart = Echarts.getInstanceByDom($(id)[0]);
+                    chart.resize();
+                }, 0);
+            });
+
+            // 基于准备好的dom，初始化echarts实例
+            var lineChart = Echarts.init(document.getElementById('line-chart'), 'walden');
+
+            // 指定图表的配置项和数据
+            var option = {
+                xAxis: {
+                    type: 'category',
+                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+                },
+                yAxis: {
+                    type: 'value'
+                },
+                series: [{
+                    data: [49, 92, 61, 134, 90, 130, 120],
+                    type: 'line'
+                }]
+            };
+
+            // 使用刚指定的配置项和数据显示图表。
+            lineChart.setOption(option);
+            // 基于准备好的dom，初始化echarts实例
+            var areaChart = Echarts.init(document.getElementById('area-chart'), 'walden');
+
+            // 指定图表的配置项和数据
+            var option = {
+                xAxis: {
+                    type: 'category',
+                    boundaryGap: false,
+                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+                },
+                yAxis: {
+                    type: 'value'
+                },
+                series: [{
+                    data: [820, 932, 901, 934, 1290, 1330, 1320],
+                    type: 'line',
+                    areaStyle: {}
+                }]
+            };
+
+            // 使用刚指定的配置项和数据显示图表。
+            areaChart.setOption(option);
+
+            var pieChart = Echarts.init(document.getElementById('pie-chart'), 'walden');
+            var option = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b}: {c} ({d}%)'
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 10,
+                    data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
+                },
+                series: [
+                    {
+                        name: '访问来源',
+                        type: 'pie',
+                        radius: ['50%', '70%'],
+                        avoidLabelOverlap: false,
+                        label: {
+                            normal: {
+                                show: false,
+                                position: 'center'
+                            },
+                            emphasis: {
+                                show: true,
+                                textStyle: {
+                                    fontSize: '30',
+                                    fontWeight: 'bold'
+                                }
+                            }
+                        },
+                        labelLine: {
+                            normal: {
+                                show: false
+                            }
+                        },
+                        data: [
+                            {value: 335, name: '直接访问'},
+                            {value: 310, name: '邮件营销'},
+                            {value: 234, name: '联盟广告'},
+                            {value: 135, name: '视频广告'},
+                            {value: 1548, name: '搜索引擎'}
+                        ]
+                    }
+                ]
+            };
+            // 使用刚指定的配置项和数据显示图表。
+            pieChart.setOption(option);
+
+            var barChart = Echarts.init(document.getElementById('bar-chart'), 'walden');
+            option = {
+                legend: {},
+                tooltip: {},
+                dataset: {
+                    source: [
+                        ['产品销售', '2015', '2016', '2017'],
+                        ['风扇', 43.3, 85.8, 93.7],
+                        ['电视机', 83.1, 73.4, 55.1],
+                        ['空调', 86.4, 65.2, 82.5],
+                        ['冰箱', 72.4, 53.9, 39.1]
+                    ]
+                },
+                xAxis: {type: 'category'},
+                yAxis: {},
+                // Declare several bar series, each will be mapped
+                // to a column of dataset.source by default.
+                series: [
+                    {type: 'bar'},
+                    {type: 'bar'},
+                    {type: 'bar'}
+                ]
+            };
+            // 使用刚指定的配置项和数据显示图表。
+            barChart.setOption(option);
+
+
+            var barChart = Echarts.init(document.getElementById('simplebar-chart'));
+            option = {
+                xAxis: {
+                    type: 'category',
+                    axisLine: {
+                        lineStyle: {
+                            color: "#fff"
+                        }
+                    },
+                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine: {
+                        lineStyle: {
+                            color: "#fff"
+                        }
+                    }
+                },
+                series: [{
+                    data: [120, 200, 150, 80, 70, 110, 130],
+                    type: 'bar',
+                    itemStyle: {
+                        color: "#fff",
+                        opacity: 0.6
+                    }
+                }]
+            };
+            // 使用刚指定的配置项和数据显示图表。
+            barChart.setOption(option);
+
+            var barChart = Echarts.init(document.getElementById('smoothline-chart'));
+            option = {
+                textStyle: {
+                    color: "#fff"
+                },
+                color: ['#fff'],
+                xAxis: {
+                    type: 'category',
+                    boundaryGap: false,
+                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+                    axisLine: {
+                        lineStyle: {
+                            color: "#fff"
+                        }
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    splitLine: {
+                        show: false
+                    },
+                    axisLine: {
+                        lineStyle: {
+                            color: "#fff"
+                        }
+                    }
+                },
+                series: [{
+                    data: [820, 932, 901, 934, 1290, 1330, 1320],
+                    type: 'line',
+                    smooth: true,
+                    areaStyle: {
+                        opacity: 0.4
+                    }
+
+                }]
+            };
+            // 使用刚指定的配置项和数据显示图表。
+            barChart.setOption(option);
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init();
+            
+            //绑定事件
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var panel = $($(this).attr("href"));
+                if (panel.size() > 0) {
+                    Controller.table[panel.attr("id")].call(this);
+                    $(this).on('click', function (e) {
+                        $($(this).attr("href")).find(".btn-refresh").trigger("click");
+                    });
+                }
+                //移除绑定的事件
+                $(this).unbind('shown.bs.tab');
+            });
+            
+            //必须默认触发shown.bs.tab事件
+            $('ul.nav-tabs li.active a[data-toggle="tab"]').trigger("shown.bs.tab");
+        },
+        table: {
+            first: function () {
+                // 表格1
+                var table1 = $("#table1");
+                table1.bootstrapTable({
+                    url: 'example/multitable/table1',
+                    toolbar: '#toolbar1',
+                    sortName: 'id',
+                    search: false,
+                    columns: [
+                        [
+                            {field: 'state', checkbox: true, },
+                            {field: 'id', title: 'ID'},
+                            {field: 'url', title: __('Url'), formatter: Table.api.formatter.url},
+                            {field: 'imagewidth', title: __('Imagewidth')},
+                            {field: 'imageheight', title: __('Imageheight')},
+                            {field: 'mimetype', title: __('Mimetype')},
+                            {field: 'operate', title: __('Operate'), table: table1, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                        ]
+                    ]
+                });
+
+                // 为表格1绑定事件
+                Table.api.bindevent(table1);
+            },
+            second: function () {
+                // 表格2
+                var table2 = $("#table2");
+                table2.bootstrapTable({
+                    url: 'example/multitable/table2',
+                    extend: {
+                        index_url: '',
+                        add_url: '',
+                        edit_url: '',
+                        del_url: '',
+                        multi_url: '',
+                        table: '',
+                    },
+                    toolbar: '#toolbar2',
+                    sortName: 'id',
+                    search: false,
+                    columns: [
+                        [
+                            {field: 'id', title: 'ID'},
+                            {field: 'title', title: __('Title')},
+                            {field: 'url', title: __('Url'), align: 'left', formatter: Table.api.formatter.url},
+                            {field: 'ip', title: __('ip')},
+                            {field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        ]
+                    ]
+                });
+
+                // 为表格2绑定事件
+                Table.api.bindevent(table2);
+            }
+        },
+        add: function () {
+            Controller.api.bindevent();
+        },
+        edit: function () {
+            Controller.api.bindevent();
+        },
+        api: {
+            bindevent: function () {
+                Form.api.bindevent($("form[role=form]"));
+            },
+        }
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/relationmodel/index',
+                    add_url: '',
+                    edit_url: '',
+                    del_url: 'example/relationmodel/del',
+                    multi_url: '',
+                }
+            });
+
+            var table = $("#table");
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                columns: [
+                    [
+                        {field: 'state', checkbox: true, },
+                        {field: 'id', title: 'ID', operate: '='},
+                        {field: 'title', title: __('Title'), operate: 'LIKE %...%', placeholder: '关键字，模糊搜索'},
+                        {field: 'admin.avatar', title: __('Avatar'), operate: false, formatter: Table.api.formatter.image},
+                        {field: 'admin.username', title: __('Username'), operate: '='},
+                        {field: 'admin.nickname', title: __('Nickname'), operate: 'LIKE %...%', placeholder: '关键字，模糊搜索'},
+                        {field: 'ip', title: __('IP'), operate: '='},
+                        {field: 'createtime', title: __('Create time'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                    ]
+                ],
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+        },
+        add: function () {
+            Form.api.bindevent($("form[role=form]"));
+        },
+        edit: function () {
+            Form.api.bindevent($("form[role=form]"));
+        },
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init();
+            this.table.first();
+            this.table.second();
+        },
+        table: {
+            first: function () {
+                // 表格1
+                var table1 = $("#table1");
+                table1.bootstrapTable({
+                    url: 'example/tablelink/table1',
+                    toolbar: '#toolbar1',
+                    sortName: 'id',
+                    search: false,
+                    columns: [
+                        [
+                            {field: 'state', checkbox: true,},
+                            {field: 'id', title: 'ID'},
+                            {field: 'username', title: __('Nickname')},
+                            {
+                                field: 'operate', title: __('Operate'), table: table1, events: Table.api.events.operate, buttons: [
+                                    {
+                                        name: 'log',
+                                        title: '日志列表',
+                                        text: '日志列表',
+                                        icon: 'fa fa-list',
+                                        classname: 'btn btn-primary btn-xs btn-click',
+                                        click: function (e, data) {
+                                            $("#myTabContent2 .form-commonsearch input[name='username']").val(data.username);
+                                            $("#myTabContent2 .btn-refresh").trigger("click");
+                                        }
+                                    }
+                                ], formatter: Table.api.formatter.operate
+                            }
+                        ]
+                    ]
+                });
+
+                // 为表格1绑定事件
+                Table.api.bindevent(table1);
+            },
+            second: function () {
+                // 表格2
+                var table2 = $("#table2");
+                table2.bootstrapTable({
+                    url: 'example/tablelink/table2',
+                    extend: {
+                        index_url: '',
+                        add_url: '',
+                        edit_url: '',
+                        del_url: '',
+                        multi_url: '',
+                        table: '',
+                    },
+                    toolbar: '#toolbar2',
+                    sortName: 'id',
+                    search: false,
+                    columns: [
+                        [
+                            {field: 'state', checkbox: true,},
+                            {field: 'id', title: 'ID'},
+                            {field: 'username', title: __('Nickname')},
+                            {field: 'title', title: __('Title')},
+                            {field: 'url', title: __('Url'), align: 'left', formatter: Table.api.formatter.url},
+                            {field: 'ip', title: __('ip')},
+                            {field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        ]
+                    ]
+                });
+
+                // 为表格2绑定事件
+                Table.api.bindevent(table2);
+            }
+        },
+    };
+    return Controller;
+});

+define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template'], function ($, undefined, Backend, Table, Form, Template) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'example/tabletemplate/index',
+                    add_url: '',
+                    edit_url: '',
+                    del_url: 'example/tabletemplate/del',
+                    multi_url: '',
+                }
+            });
+
+            var table = $("#table");
+
+            Template.helper("Moment", Moment);
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                templateView: true,
+                columns: [
+                    [
+                        {field: 'state', checkbox: true, },
+                        {field: 'id', title: 'ID', operate: false},
+                        //直接响应搜索
+                        {field: 'username', title: __('Username'), formatter: Table.api.formatter.search},
+                        //模糊搜索
+                        {field: 'title', title: __('Title'), operate: 'LIKE %...%', placeholder: '模糊搜索，*表示任意字符', style: 'width:200px'},
+                        //通过Ajax渲染searchList
+                        {field: 'url', title: __('Url'), align: 'left', formatter: Controller.api.formatter.url},
+                        //点击IP时同时执行搜索此IP,同时普通搜索使用下拉列表的形式
+                        {field: 'ip', title: __('IP'), searchList: ['127.0.0.1', '127.0.0.2'], events: Controller.api.events.ip, formatter: Controller.api.formatter.ip},
+                        //browser是一个不存在的字段
+                        //通过formatter来渲染数据,同时为它添加上事件
+                        {field: 'browser', title: __('Browser'), operate: false, events: Controller.api.events.browser, formatter: Controller.api.formatter.browser},
+                        //启用时间段搜索
+                        {field: 'createtime', title: __('Create time'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
+                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                    ],
+                ],
+                //禁用默认搜索
+                search: false,
+                //启用普通表单搜索
+                commonSearch: false,
+                //可以控制是否默认显示搜索单表,false则隐藏,默认为false
+                searchFormVisible: false,
+                //分页大小
+                pageSize: 12
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+
+            //指定搜索条件
+            $(document).on("click", ".btn-toggle-view", function () {
+                var options = table.bootstrapTable('getOptions');
+                table.bootstrapTable('refreshOptions', {templateView: !options.templateView});
+            });
+
+            //点击详情
+            $(document).on("click", ".btn-detail[data-id]", function () {
+                Backend.api.open('example/bootstraptable/detail/ids/' + $(this).data('id'), __('Detail'));
+            });
+
+            //获取选中项
+            $(document).on("click", ".btn-selected", function () {
+                //在templateView的模式下不能调用table.bootstrapTable('getSelections')来获取选中的ID,只能通过下面的Table.api.selectedids来获取
+                Layer.alert(JSON.stringify(Table.api.selectedids(table)));
+            });
+        },
+        add: function () {
+            Controller.api.bindevent();
+        },
+        edit: function () {
+            Controller.api.bindevent();
+        },
+        api: {
+            bindevent: function () {
+                Form.api.bindevent($("form[role=form]"));
+            },
+            formatter: {
+                url: function (value, row, index) {
+                    return '<div class="input-group input-group-sm" style="width:250px;"><input type="text" class="form-control input-sm" value="' + value + '"><span class="input-group-btn input-group-sm"><a href="' + value + '" target="_blank" class="btn btn-default btn-sm"><i class="fa fa-link"></i></a></span></div>';
+                },
+                ip: function (value, row, index) {
+                    return '<a class="btn btn-xs btn-ip bg-success"><i class="fa fa-map-marker"></i> ' + value + '</a>';
+                },
+                browser: function (value, row, index) {
+                    //这里我们直接使用row的数据
+                    return '<a class="btn btn-xs btn-browser">' + row.useragent.split(" ")[0] + '</a>';
+                }
+            },
+            events: {
+                ip: {
+                    'click .btn-ip': function (e, value, row, index) {
+                        var options = $("#table").bootstrapTable('getOptions');
+                        //这里我们手动将数据填充到表单然后提交
+                        $("#commonSearchContent_" + options.idTable + " form [name='ip']").val(value);
+                        $("#commonSearchContent_" + options.idTable + " form").trigger('submit');
+                        Toastr.info("执行了自定义搜索操作");
+                    }
+                },
+                browser: {
+                    'click .btn-browser': function (e, value, row, index) {
+                        Layer.alert("该行数据为: <code>" + JSON.stringify(row) + "</code>");
+                    }
+                }
+            }
+        }
+    };
+    return Controller;
+});

+<!-- Page Content -->
+    <div class="container">
+
+        <!-- Page Heading/Breadcrumbs -->
+        <div class="row">
+            <div class="col-lg-12">
+                <h1 class="page-header">无需登录页面
+                    <small>开发者示例</small>
+                </h1>
+                <ol class="breadcrumb">
+                    <li><a href="{:addon_url('example/index/index')}">插件首页</a>
+                    </li>
+                    <li class="active">无需登录页面</li>
+                </ol>
+            </div>
+        </div>
+        <!-- /.row -->
+
+        <!-- Content Row -->
+        <div class="row">
+            <div class="col-lg-12">
+                <p class="well">当前登录页面无需登录即可查看,当前请求的name值为：{$Request.param.name}</p>
+                {if $user}
+                <p class="well text-danger">但是如果你登录后可以浏览到这段隐藏的信息</p>
+                {/if}
+            </div>
+        </div>
+        <!-- /.row -->
+
+        <hr>
+
+    </div>
+    <!-- /.container -->

+<!-- Page Content -->
+<div class="container">
+
+    <!-- Page Heading/Breadcrumbs -->
+    <div class="row">
+        <div class="col-lg-12">
+            <h1 class="page-header">需登录页面
+                <small>开发者示例</small>
+            </h1>
+            <ol class="breadcrumb">
+                <li><a href="{:addon_url('example/index/index')}">插件首页</a>
+                </li>
+                <li class="active">需登录页面</li>
+            </ol>
+        </div>
+    </div>
+    <!-- /.row -->
+
+    <!-- Content Row -->
+    <div class="row">
+        <div class="col-lg-12">
+            <p class="well">当前登录页面需要登录后才可以查看，你可以退出后再访问此页面，会提醒登录,当前请求的name值为：{$Request.param.name}</p>
+            <p class="well">你好！{$user.nickname}，<a href="{:url('index/user/logout')}">注销登录</a></p>
+        </div>
+    </div>
+    <!-- /.row -->
+
+    <hr>
+
+</div>
+<!-- /.container -->

+<!-- Page Content -->
+    <div class="container">
+
+        <!-- Page Heading/Breadcrumbs -->
+        <div class="row">
+            <div class="col-lg-12">
+                <h1 class="page-header">使用模板标签和变量
+                    <small>开发者示例</small>
+                </h1>
+                <ol class="breadcrumb">
+                    <li><a href="{:addon_url('example/index/index')}">插件首页</a>
+                    </li>
+                    <li class="active">使用模板标签和变量</li>
+                </ol>
+            </div>
+        </div>
+        <!-- /.row -->
+
+        <!-- Content Row -->
+        <div class="row">
+            <div class="col-lg-12">
+                <p class="well">当前请求的name值为：{$Request.param.name}</p>
+                {literal}
+                <pre>
+在插件视图中可以使用所有ThinkPHP5内支持的模板标签和变量，如
+
+{$Think.server.script_name} // 输出$_SERVER['SCRIPT_NAME']变量
+{$Think.session.user_id} // 输出$_SESSION['user_id']变量
+{$Think.get.pageNumber} // 输出$_GET['pageNumber']变量
+{$Think.cookie.name}  // 输出$_COOKIE['name']变量
+
+// 调用Request对象的get方法 传入参数为id
+{$Request.get.id}
+// 调用Request对象的param方法 传入参数为name
+{$Request.param.name}
+// 调用Request对象的param方法 传入参数为user.nickname
+{$Request.param.user.nickname}
+// 调用Request对象的root方法
+{$Request.root}
+// 调用Request对象的root方法，并且传入参数true
+{$Request.root.true}
+// 调用Request对象的path方法
+{$Request.path}
+// 调用Request对象的module方法
+{$Request.module}
+// 调用Request对象的controller方法
+{$Request.controller}
+// 调用Request对象的action方法
+{$Request.action}
+// 调用Request对象的ext方法
+{$Request.ext}
+// 调用Request对象的host方法
+{$Request.host}
+// 调用Request对象的ip方法
+{$Request.ip}
+// 调用Request对象的header方法
+{$Request.header.accept-encoding}
+                </pre>
+                {/literal}
+            </div>
+        </div>
+        <!-- /.row -->
+
+        <hr>
+
+    </div>
+    <!-- /.container -->

+<!-- Header Carousel -->
+<header id="myCarousel" class="carousel slide">
+    <!-- Indicators -->
+    <ol class="carousel-indicators">
+        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+        <li data-target="#myCarousel" data-slide-to="1"></li>
+        <li data-target="#myCarousel" data-slide-to="2"></li>
+        <li data-target="#myCarousel" data-slide-to="3"></li>
+    </ol>
+
+    <!-- Wrapper for slides -->
+    <div class="carousel-inner">
+        <div class="item active">
+            <a href="https://www.fastadmin.net/store/cms.html" target="_blank">
+                <div class="fill" style="background-image:url('https://bg.fastadmin.net?text=random&color=3498db');"></div>
+                <div class="carousel-body">
+                    <div class="container">
+                        <h1 class="display-1 text-white">CMS内容管理模块</h1>
+                        <h2 class="display-4 text-white">简单强大的内容管理系统，可自定义内容模型、标签、伪静态、全文搜索、百度推送等功能<br>包含完整的小程序CMS客户端,拥有完善的资讯模块、产品模块、评论模块、会员模块</h2>
+                    </div>
+                </div>
+            </a>
+        </div>
+        <div class="item">
+            <a href="https://www.fastadmin.net/store/blog.html" target="_blank">
+                <div class="fill" style="background-image:url('https://bg.fastadmin.net?text=random&color=2ecc71');"></div>
+                <div class="carousel-body">
+                    <div class="container">
+                        <h1 class="display-1 text-white">简单博客模块</h1>
+                        <h2 class="display-4 text-white">响应式博客插件，包含日志、评论、分类、归档、全文搜索、百度推送等功能<br/>包含完整的小程序博客客户端,拥有博客日志列表、日志详情、评论等功能</h2>
+                    </div>
+                </div>
+            </a>
+        </div>
+        <div class="item">
+            <a href="https://www.fastadmin.net/store/vote.html" target="_blank">
+                <div class="fill" style="background-image:url('https://bg.fastadmin.net?text=random&color=0082ff');"></div>
+                <div class="carousel-body">
+                    <div class="container">
+                        <h1 class="display-1 text-white">在线投票系统</h1>
+                        <h2 class="display-4 text-white">基于FastAdmin+ThinkPHP开发的响应式在线投票系统，支持微信公众号投票和PC端投票<br/>具有高防刷票机制和实时排行榜等诸多特性，提供全部前后台无加密源代码</h2>
+                    </div>
+                </div>
+            </a>
+        </div>
+        <div class="item">
+            <a href="https://www.fastadmin.net/store/docs.html" target="_blank">
+                <div class="fill" style="background-image:url('https://bg.fastadmin.net?text=random&color=9c88ff');"></div>
+                <div class="carousel-body">
+                    <div class="container">
+                        <h1 class="display-1 text-white">Markdown文档生成</h1>
+                        <h2 class="display-4 text-white">将Github或本地Git环境中的Markdown文件解析并生成HTML，可在线浏览或导出为HTML离线浏览</h2>
+                    </div>
+                </div>
+            </a>
+        </div>
+    </div>
+</header>
+
+<!-- Page Content -->
+<div class="container">
+
+    <!-- Marketing Icons Section -->
+    <div class="row">
+        <div class="col-lg-12">
+            <h2 class="page-header">
+                基础模块
+            </h2>
+        </div>
+        <div class="col-md-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4><i class="fa fa-fw fa-user"></i> 前台模块</h4>
+                </div>
+                <div class="panel-body">
+                    <p>FastAdmin有基础的前台模块，可快速的进行二次开发，前台模块中包含基础的会员模块，前台模块中的会员账号和API模块中的会员账号是同一账号体系</p>
+                    <a href="{:url('index/index/index')}" target="_blank" class="btn btn-primary">立即访问</a>
+                    <a href="{:url('index/user/index')}" target="_blank" class="btn btn-default">会员中心</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4><i class="fa fa-fw fa-gift"></i> API模块</h4>
+                </div>
+                <div class="panel-body">
+                    <p>FastAdmin有基础的API模块，可快速的进行二次开发，API模块中包含基础的会员模块，初始化模块、短信发送模块、验证模块</p>
+                    <a href="{:url('api/index/index')}" target="_blank" class="btn btn-primary">立即访问</a>
+                    <a href="{:url('api/common/init')}?version=1.0.0" target="_blank" class="btn btn-default">初始化接口</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4><i class="fa fa-fw fa-compass"></i> API文档</h4>
+                </div>
+                <div class="panel-body">
+                    <p>我们提供了一键生成API文档的功能，当写完API接口以后，可通过执行php think api一键生成我们所需要的API文档，并且可以直接在线测试</p>
+                    <a href="{:url('/')}api.html" target="_blank" class="btn btn-primary">立即访问</a>
+                    <a href="https://doc.fastadmin.net/docs/command.html#一键生成API文档" target="_blank" class="btn btn-default">一键生成文档</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-lg-12">
+            <h2 class="page-header">
+                功能示例
+            </h2>
+        </div>
+        <div class="col-md-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4><i class="fa fa-fw fa-check"></i> 使用模板标签和变量</h4>
+                </div>
+                <div class="panel-body">
+                    <p>在FastAdmin插件的视图中我们可以像前后台开发一样，向视图中渲染我们的自定义变量，然后在视图中进行访问。同时FastAdmin的插件视图中支持所有ThinkPHP5官方的系统模板标签和变量。轻轻松松的开发我们的插件</p>
+                    <a href="{:addon_url('example/demo/index',[':name'=>'s1'])}" class="btn btn-success">查看示例</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4><i class="fa fa-fw fa-gift"></i> 访问不需要登录的页面</h4>
+                </div>
+                <div class="panel-body">
+                    <p>在开发的过程有许多页面是不需要会员登录就可以访问的页面，比如新闻列表、新闻详情、评论列表、产品列表、产品展示、关于我们等等页面。在FastAdmin中可以使用noNeedLogin很方便的控制我们请求方法的访问权限</p>
+                    <a href="{:addon_url('example/demo/demo1',[':name'=>'s2'])}" class="btn btn-success">立即访问</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4><i class="fa fa-fw fa-compass"></i> 访问需要登录的页面</h4>
+                </div>
+                <div class="panel-body">
+                    <p>通常我们在开发中，如果页面与会员信息相关联，则通常需要控制页面在会员登录后才可以访问，FastAdmin中前台的权限控制可以很快捷的在插件中使用。我们可以直接重新定义noNeedLogin排除我们不需要登录的方法即可。</p>
+                    <a href="{:addon_url('example/demo/demo2',[':name'=>'s3'])}" class="btn btn-success">立即访问</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- /.row -->
+
+    <div class="row addonlist">
+        <div class="col-lg-12">
+            <h2 class="page-header">
+                模块&插件
+                <span class="pull-right small" style="margin-top:5px;">
+                <small>
+                    <a href="https://www.fastadmin.net/store.html" target="_blank">更多</a>
+                </small>
+                </span>
+            </h2>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/cms.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/cms.png" alt="">
+                <p>CMS内容管理模块</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/blog.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/blog.png" alt="">
+                <p>简洁博客模块</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/ask.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/ask.png" alt="">
+                <p>付费问答社区</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/docs.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/docs.png" alt="">
+                <p>文档生成模块</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/vote.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/vote.png" alt="">
+                <p>在线投票系统</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/qiniu.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/qiniu.png" alt="">
+                <p>七牛上传插件</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/alioss.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/alioss.png" alt="">
+                <p>阿里云储存</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/alisms.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/alisms.png" alt="">
+                <p>阿里云短信</p>
+            </a>
+        </div>
+        <div class="col-md-4 col-sm-6">
+            <a href="https://www.fastadmin.net/store/nkeditor.html" target="_blank">
+                <img class="img-responsive img-addon img-hover" src="https://cdn.fastadmin.net/uploads/addons/nkeditor.png" alt="">
+                <p>富文本编辑器</p>
+            </a>
+        </div>
+        <div class="col-xs-12 text-center">
+            <a href="https://www.fastadmin.net/store.html" class="btn btn-primary" target="_blank">前往插件市场</a>
+        </div>
+    </div>
+    <!-- /.row -->
+
+    <hr>
+
+    <!-- Call to Action Section -->
+    <div class="well">
+        <div class="row">
+            <div class="col-md-8">
+                <p>感谢你对FastAdmin的支持！如果你在使用FastAdmin开发插件的过程中有任何疑问或需要寻求帮助，请前往FastAdmin问答社区与小伙伴们一起交流。</p>
+            </div>
+            <div class="col-md-4">
+                <a class="btn btn-lg btn-default btn-block" href="https://ask.fastadmin.net" target="_blank">前往问答社区</a>
+            </div>
+        </div>
+    </div>
+
+    <hr>
+
+</div>

+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="description" content="">
+        <meta name="author" content="">
+
+        <title>开发者示例 - FastAdmin</title>
+
+        <!-- Bootstrap Core CSS -->
+        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+
+        <!-- Custom CSS -->
+        <link href="__ADDON__/css/common.css" rel="stylesheet">
+
+        <!-- Custom Fonts -->
+        <link href="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
+
+        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+        <!--[if lt IE 9]>
+            <script src="https://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
+            <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+        <![endif]-->
+
+    </head>
+
+    <body>
+
+        <!-- Navigation -->
+        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+            <div class="container">
+                <!-- Brand and toggle get grouped for better mobile display -->
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <a class="navbar-brand" href="{:addon_url('example/index/index')}">FastAdmin</a>
+                </div>
+                <!-- Collect the nav links, forms, and other content for toggling -->
+                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                    <ul class="nav navbar-nav navbar-right">
+                        <li>
+                            <a href="{:addon_url('example/index/index')}">插件首页</a>
+                        </li>
+                        <li>
+                            <a href="{:addon_url('example/demo/demo1', [':name'=>'s1'])}">无需登录页面</a>
+                        </li>
+                        <li>
+                            <a href="{:addon_url('example/demo/demo2', [':name'=>'s2'])}">需登录页面</a>
+                        </li>
+                        {if $user}
+                        <li class="dropdown">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">欢迎你! {$user.nickname}<b class="caret"></b></a>
+                            <ul class="dropdown-menu">
+                                <li>
+                                    <a href="{:url('index/user/index')}">会员中心</a>
+                                </li>
+                                <li>
+                                    <a href="{:url('index/user/profile')}">个人资料</a>
+                                </li>
+                                <li>
+                                    <a href="{:url('index/user/logout')}">退出登录</a>
+                                </li>
+                            </ul>
+                        </li>
+                        {else /}
+                        <li class="dropdown">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">会员中心 <b class="caret"></b></a>
+                            <ul class="dropdown-menu">
+                                <li>
+                                    <a href="{:url('index/user/login')}">登录</a>
+                                </li>
+                                <li>
+                                    <a href="{:url('index/user/register')}">注册</a>
+                                </li>
+                            </ul>
+                        </li>
+                        {/if}
+                    </ul>
+                </div>
+                <!-- /.navbar-collapse -->
+            </div>
+            <!-- /.container -->
+        </nav>
+
+        {__CONTENT__}
+
+        <div class="container">
+            <!-- Footer -->
+            <footer>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <p>Copyright &copy; <a href="https://www.fastadmin.net">FastAdmin</a> 2020</p>
+                    </div>
+                </div>
+            </footer>
+
+        </div>
+        <!-- /.container -->
+
+        <!-- jQuery -->
+        <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
+
+        <!-- Bootstrap Core JavaScript -->
+        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+        <!-- Script to Activate the Carousel -->
+        <script>
+            $('.carousel').carousel({
+                interval: 5000 //changes the speed
+            })
+        </script>
+
+    </body>
+
+</html>

+<?php
+
+namespace addons\litestore;
+
+use app\common\library\Menu;
+use think\Addons;
+
+/**
+ * 插件
+ */
+class Litestore extends Addons
+{
+
+    /**
+     * 插件安装方法
+     * @return bool
+     */
+    public function install()
+    {
+        $menu = [
+            [
+               'name'    => 'litestore',
+               'title'   => '移动端商城',
+               'icon'    => 'fa fa-shopping-basket',
+               'sublist' => [
+                                [
+                                    'name'    => 'litestorenews',
+                                    'title'   => '首页banner',
+                                    'icon'    => 'fa fa-image',
+                                    'sublist' => [
+                                        ['name' => 'litestorenews/index', 'title' => '查看'],
+                                        ['name' => 'litestorenews/add', 'title' => '添加'],
+                                        ['name' => 'litestorenews/edit', 'title' => '修改'],
+                                        ['name' => 'litestorenews/del', 'title' => '删除'],
+                                        ['name' => 'litestorenews/multi', 'title' => '批量更新'],
+                                    ]
+                                ],
+                                [
+                                    'name'    => 'litestoregoods',
+                                    'title'   => '商品设置',
+                                    'icon'    => 'fa fa-gift',
+                                    'sublist' => [
+                                        ['name' => 'litestoregoods/index', 'title' => '查看'],
+                                        ['name' => 'litestoregoods/add', 'title' => '添加'],
+                                        ['name' => 'litestoregoods/edit', 'title' => '修改'],
+                                        ['name' => 'litestoregoods/del', 'title' => '删除'],
+                                        ['name' => 'litestoregoods/multi', 'title' => '批量更新'],
+                                        ['name' => 'litestoregoods/addSpec', 'title' => '增加规格'],
+                                        ['name' => 'litestoregoods/addSpecValue', 'title' => '增加规格值'],
+                                    ]
+                                ],
+                                [
+                                    'name'    => 'litestorecategory',
+                                    'title'   => '商品分类',
+                                    'icon'    => 'fa fa-th',
+                                    'sublist' => [
+                                        ['name' => 'litestorecategory/index', 'title' => '查看'],
+                                        ['name' => 'litestorecategory/add', 'title' => '添加'],
+                                        ['name' => 'litestorecategory/edit', 'title' => '修改'],
+                                        ['name' => 'litestorecategory/del', 'title' => '删除'],
+                                        ['name' => 'litestorecategory/multi', 'title' => '批量更新'],
+                                    ]
+                                ],
+                                [
+                                    'name'    => 'litestorefreight',
+                                    'title'   => '运费模板设置',
+                                    'icon'    => 'fa fa-train',
+                                    'sublist' => [
+                                        ['name' => 'litestorefreight/index', 'title' => '查看'],
+                                        ['name' => 'litestorefreight/add', 'title' => '添加'],
+                                        ['name' => 'litestorefreight/edit', 'title' => '修改'],
+                                        ['name' => 'litestorefreight/del', 'title' => '删除'],
+                                        ['name' => 'litestorefreight/multi', 'title' => '批量更新'],
+                                    ]
+                                ],
+                                [
+                                    'name'    => 'litestoreorder',
+                                    'title'   => '订单管理',
+                                    'icon'    => 'fa fa-tasks',
+                                    'sublist' => [
+                                        ['name' => 'litestoreorder/index', 'title' => '查看'],
+                                        ['name' => 'litestoreorder/add', 'title' => '添加'],
+                                        ['name' => 'litestoreorder/edit', 'title' => '修改'],
+                                        ['name' => 'litestoreorder/del', 'title' => '删除'],
+                                        ['name' => 'litestoreorder/multi', 'title' => '批量更新'],
+                                        ['name' => 'litestoreorder/detail', 'title' => '订单详情'],
+                                    ]
+                                ],
+                             ]
+            ]
+        ];
+        Menu::create($menu);        
+        return true;
+    }
+
+    /**
+     * 插件卸载方法
+     * @return bool
+     */
+    public function uninstall()
+    {
+        Menu::delete('litestore');
+        return true;
+    }
+
+    /**
+     * 插件启用方法
+     * @return bool
+     */
+    public function enable()
+    {
+        Menu::enable('litestore');
+        return true;
+    }
+
+    /**
+     * 插件禁用方法
+     * @return bool
+     */
+    public function disable()
+    {
+        Menu::disable('litestore');
+        return true;
+    }
+
+    public function GetCfg(){
+        return $this->getConfig();
+    }
+
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use fast\Tree;
+/**
+ * 商品分类
+ *
+ * @icon fa fa-circle-o
+ */
+class Litestorecategory extends Backend
+{
+    
+    /**
+     * Litestorecategory模型对象
+     * @var \app\admin\model\Litestorecategory
+     */
+    protected $model = null;
+    protected $categorylist = [];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Litestorecategory;
+
+        $tree = Tree::instance();
+        $tree->init(collection($this->model->order('weigh desc,id desc')->select())->toArray(), 'pid');
+        $this->categorylist = $tree->getTreeList($tree->getTreeArray(0), 'name');
+        $categorydata = [0 => ['type' => 'all', 'name' => __('None')]];
+        foreach ($this->categorylist as $k => $v)
+        {
+            $categorydata[$v['id']] = $v;
+        }
+        $this->view->assign("parentList", $categorydata);
+    }
+    
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+    public function index()
+    {
+        if ($this->request->isAjax())
+        {
+            $search = $this->request->request("search");
+            $type = "all";
+
+            //构造父类select列表选项数据
+            $list = [];
+
+                foreach ($this->categorylist as $k => $v)
+                {
+                    if ($search) {
+                        if (stripos($v['name'], $search) !== false || stripos($v['nickname'], $search) !== false)
+                        {
+                            if($type == "all" || $type == null) {
+                                $list = $this->categorylist;
+                            } else {
+                                $list[] = $v;
+                            }
+                        }
+                    } else {
+                        if($type == "all" || $type == null) {
+                            $list = $this->categorylist;
+                        }
+                    }
+
+                }
+
+            $total = count($list);
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    public function selectpage()
+    {
+        return parent::selectpage();
+    }
+
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+
+/**
+ * 
+ *
+ * @icon fa fa-circle-o
+ */
+class Litestorefreight extends Backend
+{
+    
+    /**
+     * Litestore_freight模型对象
+     * @var \app\admin\model\Litestorefreight
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Litestorefreight;
+        $this->view->assign("methodList", $this->model->getMethodList());
+
+        $AreaData = new \app\admin\model\Litestorearea;
+        $this->view->assign("regionData", json_encode($AreaData->getCacheTree()));
+    }
+    
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+        /**
+     * 添加
+     */
+    public function add()
+    {
+        if ($this->request->isPost()) {
+            $params = $this->request->post("row/a");
+
+            if ($params) {
+                $ruleparams = $this->request->post("delivery/a");
+                //这里判断是否存在 地区信息
+                if(!isset($ruleparams['rule']) || empty($ruleparams['rule'])){
+                    $this->error('请选择可配送区域');
+                }
+                $ruleparams = $ruleparams['rule'];
+
+                if ($this->dataLimit && $this->dataLimitFieldAutoFill) {
+                    $params[$this->dataLimitField] = $this->auth->id;
+                }
+                try {
+                    //是否采用模型验证
+                    if ($this->modelValidate) {
+                        $name = str_replace("\\model\\", "\\validate\\", get_class($this->model));
+                        $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.add' : true) : $this->modelValidate;
+                        $this->model->validate($validate);
+                    }
+                    $result = $this->model->allowField(true)->save($params);
+                    if ($result !== false) {
+                        //当插入完成后 插入规则
+                        $this->model->createDeliveryRule($ruleparams);
+
+                        $this->success();
+                    } else {
+                        $this->error($this->model->getError());
+                    }
+                } catch (\think\exception\PDOException $e) {
+                    $this->error($e->getMessage());
+                } catch (\think\Exception $e) {
+                    $this->error($e->getMessage());
+                }
+            }
+            $this->error(__('Parameter %s can not be empty', ''));
+        }
+        return $this->view->fetch();
+    }
+
+    /**
+     * 编辑
+     */
+    public function edit($ids = NULL)
+    {
+        $row = $this->model->detail($ids);
+        if (!$row)
+            $this->error(__('No Results were found'));
+        $adminIds = $this->getDataLimitAdminIds();
+        if (is_array($adminIds)) {
+            if (!in_array($row[$this->dataLimitField], $adminIds)) {
+                $this->error(__('You have no permission'));
+            }
+        }
+        if ($this->request->isPost()) {
+            $params = $this->request->post("row/a");
+            if ($params) {
+                $ruleparams = $this->request->post("delivery/a");
+                //这里判断是否存在 地区信息
+                if(!isset($ruleparams['rule']) || empty($ruleparams['rule'])){
+                    $this->error('请选择可配送区域');
+                }
+                $ruleparams = $ruleparams['rule'];
+
+                try {
+                    //是否采用模型验证
+                    if ($this->modelValidate) {
+                        $name = basename(str_replace('\\', '/', get_class($this->model)));
+                        $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.edit' : true) : $this->modelValidate;
+                        $row->validate($validate);
+                    }
+                    $result = $row->allowField(true)->save($params);
+                    if ($result !== false) {
+                        //当更新完成后 插入规则
+                        $row->createDeliveryRule($ruleparams);
+                        $this->success();
+                    } else {
+                        $this->error($row->getError());
+                    }
+                } catch (\think\exception\PDOException $e) {
+                    $this->error($e->getMessage());
+                } catch (\think\Exception $e) {
+                    $this->error($e->getMessage());
+                }
+            }
+            $this->error(__('Parameter %s can not be empty', ''));
+        }
+        $this->view->assign("row", $row);
+        return $this->view->fetch();
+    }
+    /**
+     * 删除
+     */
+    public function del($ids = "")
+    {
+        if ($ids) {
+            $pk = $this->model->getPk();
+            $adminIds = $this->getDataLimitAdminIds();
+            if (is_array($adminIds)) {
+                $count = $this->model->where($this->dataLimitField, 'in', $adminIds);
+            }
+            $list = $this->model->where($pk, 'in', $ids)->select();
+            $count = 0;
+            foreach ($list as $k => $v) {
+                $count += $v->delete();
+                $v->rule()->delete();
+            }
+            if ($count) {
+                $this->success();
+            } else {
+                $this->error(__('No rows were deleted'));
+            }
+        }
+        $this->error(__('Parameter %s can not be empty', 'ids'));
+    }
+
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use app\admin\model\Litestorespec as SpecModel;
+use app\admin\model\Litestorespecvalue as SpecValueModel;
+/**
+ * 
+ *
+ * @icon fa fa-circle-o
+ */
+class Litestoregoods extends Backend
+{
+    private $SpecModel;
+    private $SpecValueModel;
+    /**
+     * Litestoregoods模型对象
+     * @var \app\admin\model\Litestoregoods
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->SpecModel = new SpecModel;
+        $this->SpecValueModel = new SpecValueModel;
+
+        $this->model = new \app\admin\model\Litestoregoods;
+        $this->view->assign("specTypeList", $this->model->getSpecTypeList());
+        $this->view->assign("deductStockTypeList", $this->model->getDeductStockTypeList());
+        $this->view->assign("goodsStatusList", $this->model->getGoodsStatusList());
+        $this->view->assign("isDeleteList", $this->model->getIsDeleteList());
+
+        $this->view->assign("spec_attr", '');
+        $this->view->assign("spec_list", '');
+    }
+    
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+    
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        //当前是否为关联查询
+        $this->relationSearch = true;
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax())
+        {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField'))
+            {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->with(['category','freight'])
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->count();
+
+            $list = $this->model
+                    ->with(['category','freight'])
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+
+            foreach ($list as $row) {
+                
+                $row->getRelation('category')->visible(['name']);
+				$row->getRelation('freight')->visible(['name']);
+            }
+            $list = collection($list)->toArray();
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    public function addSpec($spec_name, $spec_value){
+         // 判断规格组是否存在
+        if (!$specId = $this->SpecModel->getSpecIdByName($spec_name)) {
+            // 新增规格组and规则值
+            if ($this->SpecModel->add($spec_name)
+                && $this->SpecValueModel->add($this->SpecModel['id'], $spec_value))
+                return $this->success('', '', [
+                    'spec_id' => (int)$this->SpecModel['id'],
+                    'spec_value_id' => (int)$this->SpecValueModel['id'],
+                ]);
+            return $this->error();
+        }
+        //return ;
+        // 判断规格值是否存在
+        if ($specValueId = $this->SpecValueModel->getSpecValueIdByName($specId, $spec_value)) {
+            return $this->success('', '', [
+                'spec_id' => (int)$specId,
+                'spec_value_id' => (int)$specValueId,
+            ]);
+        }
+        // 添加规则值
+        if ($this->SpecValueModel->add($specId, $spec_value))
+            return $this->success('', '', [
+                'spec_id' => (int)$specId,
+                'spec_value_id' => (int)$this->SpecValueModel['id'],
+            ]);
+        return $this->error();
+    }
+
+
+    /**
+     * 添加规格值
+     */
+    public function addSpecValue($spec_id, $spec_value)
+    {
+        // 判断规格值是否存在
+        if ($specValueId = $this->SpecValueModel->getSpecValueIdByName($spec_id, $spec_value)) {
+            return $this->success('', '', [
+                'spec_value_id' => (int)$specValueId,
+            ]);
+        }
+        // 添加规则值
+        if ($this->SpecValueModel->add($spec_id, $spec_value))
+            return $this->success('', '', [
+                'spec_value_id' => (int)$this->SpecValueModel['id'],
+            ]);
+        return $this->error();
+    }
+
+    /**
+     * 添加
+     */
+    public function add()
+    {
+        if ($this->request->isPost()) {
+            $params = $this->request->post("row/a");
+            if ($params) {
+                if ($this->dataLimit && $this->dataLimitFieldAutoFill) {
+                    $params[$this->dataLimitField] = $this->auth->id;
+                }
+                try {
+                    //是否采用模型验证
+                    if ($this->modelValidate) {
+                        $name = str_replace("\\model\\", "\\validate\\", get_class($this->model));
+                        $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.add' : true) : $this->modelValidate;
+                        $this->model->validate($validate);
+                    }
+                    $result = $this->model->allowField(true)->save($params);
+                    //\think\Log::write('hawk-1 result'.json_encode($result), \think\Log::NOTICE);
+                    if ($result !== false) {
+                        //成功之后 存储商品规格
+                        $spec_many_params = $this->request->post("spec_many/a");
+                        //\think\Log::write('hawk0 spec_many_params'.json_encode($spec_many_params), \think\Log::NOTICE);
+                        $this->model->addGoodsSpec($params,$spec_many_params,$this->request->post("spec/a"));
+                        $this->success();
+                    } else {
+                        $this->error($this->model->getError());
+                    }
+                } catch (\think\exception\PDOException $e) {
+                    $this->error($e->getMessage());
+                } catch (\think\Exception $e) {
+                    $this->error($e->getMessage());
+                }
+            }
+            $this->error(__('Parameter %s can not be empty', ''));
+        }
+        return $this->view->fetch();
+    }
+
+    /**
+     * 删除
+     */
+    public function del($ids = "")
+    {
+        if ($ids) {
+            $pk = $this->model->getPk();
+            $adminIds = $this->getDataLimitAdminIds();
+            if (is_array($adminIds)) {
+                $count = $this->model->where($this->dataLimitField, 'in', $adminIds);
+            }
+            $list = $this->model->where($pk, 'in', $ids)->select();
+            $count = 0;
+            foreach ($list as $k => $v) {
+                // 删除商品sku
+                $v->removesku();
+
+                $count += $v->delete();
+            }
+            if ($count) {
+                $this->success();
+            } else {
+                $this->error(__('No rows were deleted'));
+            }
+        }
+        $this->error(__('Parameter %s can not be empty', 'ids'));
+    }
+
+    /**
+     * 编辑
+     */
+    public function edit($ids = NULL)
+    {
+        $row = $this->model->get($ids, ['specRel', 'spec', 'spec_rel.spec']);
+        if (!$row)
+            $this->error(__('No Results were found'));
+        $adminIds = $this->getDataLimitAdminIds();
+        if (is_array($adminIds)) {
+            if (!in_array($row[$this->dataLimitField], $adminIds)) {
+                $this->error(__('You have no permission'));
+            }
+        }
+        if ($this->request->isPost()) {
+            $params = $this->request->post("row/a");
+            if ($params) {
+                try {
+                    //是否采用模型验证
+                    if ($this->modelValidate) {
+                        $name = basename(str_replace('\\', '/', get_class($this->model)));
+                        $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.edit' : true) : $this->modelValidate;
+                        $row->validate($validate);
+                    }
+                    $result = $row->allowField(true)->save($params);
+                    if ($result !== false) {
+                        //成功之后 存储商品规格
+                        $spec_many_params = $this->request->post("spec_many/a");
+                        $row->addGoodsSpec($params,$spec_many_params,$this->request->post("spec/a"), true);
+                        $this->success();
+                    } else {
+                        $this->error($row->getError());
+                    }
+                } catch (\think\exception\PDOException $e) {
+                    $this->error($e->getMessage());
+                } catch (\think\Exception $e) {
+                    $this->error($e->getMessage());
+                }
+            }
+            $this->error(__('Parameter %s can not be empty', ''));
+        }
+        // 多规格信息
+        $specData = 'null';
+        if ($row['spec_type'] === '20'){
+            $specData = json_encode($this->model->getManySpecData($row['spec_rel'], $row['spec']));
+        }
+        $row['specData'] = $specData;
+        $this->view->assign("row", $row);
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+
+/**
+ * 首页banner
+ *
+ * @icon fa fa-circle-o
+ */
+class Litestorenews extends Backend
+{
+    
+    /**
+     * Litestorenews模型对象
+     * @var \app\admin\model\Litestorenews
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Litestorenews;
+        $this->view->assign("statusList", $this->model->getStatusList());
+    }
+    
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+    
+
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+
+/**
+ * 
+ *
+ * @icon fa fa-circle-o
+ */
+class Litestoreorder extends Backend
+{
+    
+    /**
+     * Litestoreorder模型对象
+     * @var \app\admin\model\Litestoreorder
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Litestoreorder;
+        $this->view->assign("payStatusList", $this->model->getPayStatusList());
+        $this->view->assign("freightStatusList", $this->model->getFreightStatusList());
+        $this->view->assign("receiptStatusList", $this->model->getReceiptStatusList());
+        $this->view->assign("orderStatusList", $this->model->getOrderStatusList());
+    }
+    
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+    
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        //当前是否为关联查询
+        $this->relationSearch = true;
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax())
+        {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField'))
+            {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->with(['address'])
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->count();
+
+            $list = $this->model
+                    ->with(['address'])
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+
+            foreach ($list as $row) {
+                $row->visible(['id','order_no','total_price','pay_price','pay_time','express_price','freight_time','receipt_time','order_status','updatetime']);
+                $row->visible(['address']);
+				$row->getRelation('address')->visible(['name']);
+            }
+            $list = collection($list)->toArray();
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    public function detail(){
+        if($this->request->isPost())
+        {
+            $id = input('post.ids');
+            $row = $this->model->get($id);
+            $row['freight_status'] = "20";
+            $row['freight_time'] = time();
+            $row['express_company'] = input('post.virtual_name');
+            $row['express_no'] = input('post.virtual_sn');
+            $row->save();
+            $this->success();
+        }
+
+        $param = $this->request->param();
+        $row = $this->model->get($param['ids']);
+        $this->view->assign('vo', $row);
+        return $this->view->fetch();
+    }
+}

+<?php
+
+return [
+    'Id'  =>  'ID',
+    'Pid'  =>  '父ID',
+    'Name'  =>  '分类名称',
+    'Image'  =>  '图片',
+    'Weigh'  =>  '权重',
+    'Createtime'  =>  '创建时间',
+    'Updatetime'  =>  '更新时间'
+];

+<?php
+
+return [
+    'Id'  =>  'ID',
+    'Name'  =>  '运费模版名称',
+    'Method'  =>  '计费方式',
+    'Method 10'  =>  '按件数',
+    'Method 20'  =>  '按重量',
+    'Weigh'  =>  '权重',
+    'Createtime'  =>  '创建时间',
+    'Updatetime'  =>  '更新时间'
+];

+<?php
+
+return [
+    'Goods_id'  =>  'ID',
+    'Goods_name'  =>  '商品名称',
+    'Category_id'  =>  '商品类别',
+    'Images'  =>  '商品图片',
+    'Spec_type'  =>  '商品规格',
+    'Spec_type 10'  =>  '单规格',
+    'Spec_type 20'  =>  '多规格',
+    'Deduct_stock_type'  =>  '库存计算方式',
+    'Deduct_stock_type 10'  =>  '下单减库存',
+    'Deduct_stock_type 20'  =>  '付款减库存',
+    'Content'  =>  '描述详情',
+    'Sales_initial'  =>  '初始销量',
+    'Sales_actual'  =>  '实际销量',
+    'Goods_sort'  =>  '权重',
+    'Delivery_id'  =>  '运费模板ID',
+    'Goods_status'  =>  '商品状态',
+    'Goods_status 10'  =>  '上架',
+    'Goods_status 20'  =>  '下架',
+    'Is_delete'  =>  '是否删除',
+    'Is_delete 0'  =>  '未删除',
+    'Is_delete 1'  =>  '已删除',
+    'Createtime'  =>  '创建时间',
+    'Updatetime'  =>  '更新时间',
+    'Category.name'  =>  '分类名称',
+    'Freight.name'  =>  '运费模版名称'
+];

+<?php
+
+return [
+    'Name'  =>  '图片上文字',
+    'Title'  =>  '标题',
+    'Image'  =>  '图片',
+    'Content'  =>  '内容',
+    'Createtime'  =>  '添加时间',
+    'Updatetime'  =>  '更新时间',
+    'Status'  =>  '状态'
+];

+<?php
+
+return [
+    'Id'  =>  '订单ID',
+    'Order_no'  =>  '订单编号',
+    'Total_price'  =>  '商品金额',
+    'Pay_price'  =>  '总金额(含邮费)',
+    'Pay_status'  =>  '支付状态',
+    'Pay_status 10'  =>  '未支付',
+    'Pay_status 20'  =>  '已支付',
+    'Pay_time'  =>  '支付时间',
+    'Express_price'  =>  '邮费',
+    'Express_company'  =>  '快递公司',
+    'Express_no'  =>  '快递单号',
+    'Freight_status'  =>  '发货状态',
+    'Freight_status 10'  =>  '未发货',
+    'Freight_status 20'  =>  '已发货',
+    'Freight_time'  =>  '发货时间',
+    'Receipt_status'  =>  '收货状态',
+    'Receipt_status 10'  =>  '未收货',
+    'Receipt_status 20'  =>  '已收货',
+    'Receipt_time'  =>  '收货时间',
+    'Order_status'  =>  '订单状态',
+    'Order_status 10'  =>  '进行中',
+    'Order_status 20'  =>  '取消',
+    'Order_status 30'  =>  '已完成',
+    'Transaction_id'  =>  '微信支付ID',
+    'User_id'  =>  '用户ID',
+    'Createtime'  =>  '生成时间',
+    'Updatetime'  =>  '更新时间',
+    'Address.name'  =>  '联系人',
+
+    'order detail info'  => '订单信息',
+    'consignee user info' => '收货人信息',
+    'province / Region'     => '省 / 市 / 区',
+    'AddressDetail'  =>  '具体地址',
+    'mobile'  =>  '联系电话',
+];

+<?php
+
+namespace app\admin\model;
+use think\Model;
+use think\Cache;
+
+class Litestorearea extends Model
+{
+    // 表名
+    protected $name = 'area';
+
+    // 开启自动写入时间戳字段
+    protected $autoWriteTimestamp = false;
+    // 定义时间戳字段名
+    protected $createTime = false;
+    protected $updateTime = false;
+
+    public static function getNameById($id)
+    {
+        $area = self::getCacheAll();
+        return $area[$id]['name'];
+    }
+
+    public static function getIdByName($name, $level = 0, $pid = 0)
+    {
+        return static::useGlobalScope(false)->where(compact('name', 'level', 'pid'))
+            ->value('id') ?: static::add($name, $level, $pid);
+    }
+
+    private static function add($name, $level = 0, $pid = 0)
+    {
+        $model = new static;
+        $model->save(compact('name', 'level', 'pid'));
+        Cache::rm('area');
+        return $model->getLastInsID();
+    }
+
+    public static function getCacheTree()
+    {
+        return self::areaCache()['tree'];
+    }
+
+    public static function getCacheAll()
+    {
+        return self::areaCache()['all'];
+    }
+
+    private static function areaCache()
+    {
+        if (!Cache::get('area')) {
+            // 所有地区
+            $all = $allData = self::useGlobalScope(false)->column('id, pid, name, level', 'id');
+            // 格式化
+            $tree = [];
+            foreach ($allData as $pKey => $province) {
+                if ($province['level'] === 1) {    // 省份
+                    $tree[$province['id']] = $province;
+                    unset($allData[$pKey]);
+                    foreach ($allData as $cKey => $city) {
+                        if ($city['level'] === 2 && $city['pid'] === $province['id']) {    // 城市
+                            $tree[$province['id']]['city'][$city['id']] = $city;
+                            unset($allData[$cKey]);
+                            foreach ($allData as $rKey => $area) {
+                                if ($area['level'] === 3 && $area['pid'] === $city['id']) {    // 地区
+                                    $tree[$province['id']]['city'][$city['id']]['area'][$area['id']] = $area;
+                                    unset($allData[$rKey]);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            Cache::set('area', compact('all', 'tree'));
+        }
+        return Cache::get('area');
+    }
+
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+class Litestorecategory extends Model
+{
+    // 表名
+    protected $name = 'litestore_category';
+    
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = 'int';
+
+    // 定义时间戳字段名
+    protected $createTime = 'createtime';
+    protected $updateTime = 'updatetime';
+    
+    // 追加属性
+    protected $append = [
+
+    ];
+    
+
+    protected static function init()
+    {
+        self::afterInsert(function ($row) {
+            $pk = $row->getPk();
+            $row->getQuery()->where($pk, $row[$pk])->update(['weigh' => $row[$pk]]);
+        });
+    }
+
+    
+
+
+
+
+
+
+
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+use addons\litestore\litestore as litestore_add;
+
+class Litestorefreight extends Model
+{
+    // 表名
+    protected $name = 'litestore_freight';
+    
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = 'int';
+
+    // 定义时间戳字段名
+    protected $createTime = 'createtime';
+    protected $updateTime = 'updatetime';
+    
+    // 追加属性
+    protected $append = [
+        'method_text'
+    ];
+    
+
+    protected static function init()
+    {
+        self::afterInsert(function ($row) {
+            $pk = $row->getPk();
+            $row->getQuery()->where($pk, $row[$pk])->update(['weigh' => $row[$pk]]);
+        });
+    }
+
+    
+    public function getMethodList()
+    {
+        return ['10' => __('Method 10'),'20' => __('Method 20')];
+    }     
+
+
+    public function getMethodTextAttr($value, $data)
+    {        
+        $value = $value ? $value : (isset($data['method']) ? $data['method'] : '');
+        $list = $this->getMethodList();
+        return isset($list[$value]) ? $list[$value] : '';
+    }
+
+    public function rule()
+    {
+        return $this->hasMany('Litestorefreightrule');
+    }
+
+    public function createDeliveryRule($data)
+    {
+        $save = [];
+        $connt = count($data['region']);
+        for ($i = 0; $i < $connt; $i++) {
+            $save[] = [
+                'region' => $data['region'][$i],
+                'first' => $data['first'][$i],
+                'first_fee' => $data['first_fee'][$i],
+                'additional' => $data['additional'][$i],
+                'additional_fee' => $data['additional_fee'][$i],
+            ];
+        }
+        $this->rule()->delete();
+        return $this->rule()->saveAll($save);
+    }
+
+    public function detail($delivery_id)
+    {
+        return self::get($delivery_id, ['rule']);
+    }
+
+}