From 38cad0d9ee2efa521ed59c106a8e94a3d6544b45 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A8=84=E6=A2=A6=E5=AE=81?= Date: Sun, 17 Oct 2021 17:52:21 +0800 Subject: [PATCH] init --- application/admin/controller/CfHotelInfo.php | 152 ++++++++++- application/admin/controller/example/Baidumap.php | 39 +++ .../admin/controller/example/Bootstraptable.php | 131 +++++++++ .../admin/controller/example/Colorbadge.php | 22 ++ .../admin/controller/example/Controllerjump.php | 22 ++ .../admin/controller/example/Customform.php | 30 ++ .../admin/controller/example/Customsearch.php | 24 ++ application/admin/controller/example/Cxselect.php | 21 ++ application/admin/controller/example/Echarts.php | 44 +++ .../admin/controller/example/Multitable.php | 90 ++++++ .../admin/controller/example/Relationmodel.php | 44 +++ application/admin/controller/example/Tablelink.php | 81 ++++++ .../admin/controller/example/Tabletemplate.php | 58 ++++ application/admin/library/Auth.php | 17 ++ application/admin/model/Area.php | 15 + application/admin/view/cf_hotel_info/add.html | 58 +--- application/admin/view/example/baidumap/index.html | 21 ++ application/admin/view/example/baidumap/map.html | 30 ++ .../admin/view/example/bootstraptable/detail.html | 33 +++ .../admin/view/example/bootstraptable/index.html | 50 ++++ .../admin/view/example/colorbadge/index.html | 21 ++ .../admin/view/example/controllerjump/index.html | 21 ++ .../admin/view/example/customform/index.html | 168 ++++++++++++ .../admin/view/example/customsearch/index.html | 126 +++++++++ application/admin/view/example/cxselect/index.html | 160 +++++++++++ application/admin/view/example/echarts/index.html | 165 +++++++++++ .../admin/view/example/multitable/index.html | 27 ++ .../admin/view/example/relationmodel/index.html | 21 ++ .../admin/view/example/tablelink/index.html | 44 +++ .../admin/view/example/tabletemplate/index.html | 67 +++++ application/config.php | 2 +- application/database.php | 4 +- application/extra/addons.php | 7 +- public/assets/js/addons.js | 14 +- public/assets/js/backend/cf_hotel_info.js | 6 +- public/assets/js/backend/example/baidumap.js | 102 +++++++ public/assets/js/backend/example/bootstraptable.js | 302 +++++++++++++++++++++ public/assets/js/backend/example/colorbadge.js | 52 ++++ public/assets/js/backend/example/controllerjump.js | 60 ++++ public/assets/js/backend/example/customform.js | 19 ++ public/assets/js/backend/example/customsearch.js | 63 +++++ public/assets/js/backend/example/cxselect.js | 14 + public/assets/js/backend/example/echarts.js | 206 ++++++++++++++ public/assets/js/backend/example/multitable.js | 93 +++++++ public/assets/js/backend/example/relationmodel.js | 48 ++++ public/assets/js/backend/example/tablelink.js | 81 ++++++ public/assets/js/backend/example/tabletemplate.js | 115 ++++++++ 47 files changed, 2927 insertions(+), 63 deletions(-) create mode 100644 application/admin/controller/example/Baidumap.php create mode 100644 application/admin/controller/example/Bootstraptable.php create mode 100644 application/admin/controller/example/Colorbadge.php create mode 100644 application/admin/controller/example/Controllerjump.php create mode 100644 application/admin/controller/example/Customform.php create mode 100644 application/admin/controller/example/Customsearch.php create mode 100644 application/admin/controller/example/Cxselect.php create mode 100644 application/admin/controller/example/Echarts.php create mode 100644 application/admin/controller/example/Multitable.php create mode 100644 application/admin/controller/example/Relationmodel.php create mode 100644 application/admin/controller/example/Tablelink.php create mode 100644 application/admin/controller/example/Tabletemplate.php create mode 100644 application/admin/model/Area.php create mode 100644 application/admin/view/example/baidumap/index.html create mode 100644 application/admin/view/example/baidumap/map.html create mode 100644 application/admin/view/example/bootstraptable/detail.html create mode 100644 application/admin/view/example/bootstraptable/index.html create mode 100644 application/admin/view/example/colorbadge/index.html create mode 100644 application/admin/view/example/controllerjump/index.html create mode 100644 application/admin/view/example/customform/index.html create mode 100644 application/admin/view/example/customsearch/index.html create mode 100644 application/admin/view/example/cxselect/index.html create mode 100644 application/admin/view/example/echarts/index.html create mode 100644 application/admin/view/example/multitable/index.html create mode 100644 application/admin/view/example/relationmodel/index.html create mode 100644 application/admin/view/example/tablelink/index.html create mode 100644 application/admin/view/example/tabletemplate/index.html create mode 100644 public/assets/js/backend/example/baidumap.js create mode 100644 public/assets/js/backend/example/bootstraptable.js create mode 100644 public/assets/js/backend/example/colorbadge.js create mode 100644 public/assets/js/backend/example/controllerjump.js create mode 100644 public/assets/js/backend/example/customform.js create mode 100644 public/assets/js/backend/example/customsearch.js create mode 100644 public/assets/js/backend/example/cxselect.js create mode 100644 public/assets/js/backend/example/echarts.js create mode 100644 public/assets/js/backend/example/multitable.js create mode 100644 public/assets/js/backend/example/relationmodel.js create mode 100644 public/assets/js/backend/example/tablelink.js create mode 100644 public/assets/js/backend/example/tabletemplate.js diff --git a/application/admin/controller/CfHotelInfo.php b/application/admin/controller/CfHotelInfo.php index 9285722..742851d 100644 --- a/application/admin/controller/CfHotelInfo.php +++ b/application/admin/controller/CfHotelInfo.php @@ -2,7 +2,11 @@ namespace app\admin\controller; +use app\admin\model\Area; use app\common\controller\Backend; +use think\Db; +use think\exception\PDOException; +use think\exception\ValidateException; /** * 配置-酒店详情 @@ -35,6 +39,152 @@ class CfHotelInfo extends Backend * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑 * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改 */ - + /** + * 查看 + */ + public function index() + { + //设置过滤方法 + $this->request->filter(['strip_tags', 'trim']); + if ($this->request->isAjax()) { + //如果发送的来源是Selectpage，则转发到Selectpage + if ($this->request->request('keyField')) { + return $this->selectpage(); + } + list($where, $sort, $order, $offset, $limit) = $this->buildparams(); + + $list = $this->model + ->where($where) + ->order($sort, $order) + ->paginate($limit); + + $result = array("total" => $list->total(), "rows" => $list->items()); + + return json($result); + } + return $this->view->fetch(); + } + + + /** + * 添加 + */ + public function add() + { + if ($this->request->isPost()) { + + $params = $this->request->post("row/a"); + if ($params) { + $params = $this->preExcludeFields($params); + + if ($this->dataLimit && $this->dataLimitFieldAutoFill) { + $params[$this->dataLimitField] = $this->auth->id; + } + $result = false; + Db::startTrans(); + try { + //是否采用模型验证 + if ($this->modelValidate) { + $name = str_replace("\\model\\", "\\validate\\", get_class($this->model)); + $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.add' : $name) : $this->modelValidate; + $this->model->validateFailException(true)->validate($validate); + } + $area=new Area(); + if ($params["area"]){ + $params["area_name"]=$area->where("id","=",$params["area"])->value("name"); + } + if ($params["province"]){ + $params["province_name"]=$area->where("id","=",$params["province"])->value("name"); + } + if ($params["city"]){ + $params["city_name"]=$area->where("id","=",$params["city"])->value("name"); + } + $params['create_id']=$this->auth->id; + $params['group_id']=$this->auth->getGroupId(); + $result = $this->model->allowField(true)->save($params); + Db::commit(); + } catch (ValidateException $e) { + Db::rollback(); + $this->error($e->getMessage()); + } catch (PDOException $e) { + Db::rollback(); + $this->error($e->getMessage()); + } catch (Exception $e) { + Db::rollback(); + $this->error($e->getMessage()); + } + if ($result !== false) { + $this->success(); + } else { + $this->error(__('No rows were inserted')); + } + } + $this->error(__('Parameter %s can not be empty', '')); + } + return $this->view->fetch(); + } + + + /** + * 编辑 + */ + public function edit($ids = null) + { + $row = $this->model->get($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) { + $params = $this->preExcludeFields($params); + $result = false; + Db::startTrans(); + try { + //是否采用模型验证 + if ($this->modelValidate) { + $name = str_replace("\\model\\", "\\validate\\", get_class($this->model)); + $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.edit' : $name) : $this->modelValidate; + $row->validateFailException(true)->validate($validate); + } + $area=new Area(); + if ($params["area"]){ + $params["area_name"]=$area->where("id","=",$params["area"])->value("name"); + } + if ($params["province"]){ + $params["province_name"]=$area->where("id","=",$params["province"])->value("name"); + } + if ($params["city"]){ + $params["city_name"]=$area->where("id","=",$params["city"])->value("name"); + } + $result = $row->allowField(true)->save($params); + Db::commit(); + } catch (ValidateException $e) { + Db::rollback(); + $this->error($e->getMessage()); + } catch (PDOException $e) { + Db::rollback(); + $this->error($e->getMessage()); + } catch (Exception $e) { + Db::rollback(); + $this->error($e->getMessage()); + } + if ($result !== false) { + $this->success(); + } else { + $this->error(__('No rows were updated')); + } + } + $this->error(__('Parameter %s can not be empty', '')); + } + $this->view->assign("row", $row); + return $this->view->fetch(); + } } diff --git a/application/admin/controller/example/Baidumap.php b/application/admin/controller/example/Baidumap.php new file mode 100644 index 0000000..c6f5ac5 --- /dev/null +++ b/application/admin/controller/example/Baidumap.php @@ -0,0 +1,39 @@ +model = model('AdminLog'); + } + + /** + * 查找地图 + */ + public function map() + { + return $this->view->fetch(); + } + + /** + * 搜索列表 + */ + public function selectpage() + { + $this->model = model('Area'); + return parent::selectpage(); + } +} diff --git a/application/admin/controller/example/Bootstraptable.php b/application/admin/controller/example/Bootstraptable.php new file mode 100644 index 0000000..9e1a9c6 --- /dev/null +++ b/application/admin/controller/example/Bootstraptable.php @@ -0,0 +1,131 @@ +model = model('AdminLog'); + } + + /** + * 查看 + */ + public function index() + { + if ($this->request->isAjax()) { + list($where, $sort, $order, $offset, $limit) = $this->buildparams(null); + $list = $this->model + ->where($where) + ->order($sort, $order) + ->limit($offset, $limit) + ->paginate($limit); + $result = array("total" => $list->total(), "rows" => $list->items(), "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); + } +} diff --git a/application/admin/controller/example/Colorbadge.php b/application/admin/controller/example/Colorbadge.php new file mode 100644 index 0000000..d828b55 --- /dev/null +++ b/application/admin/controller/example/Colorbadge.php @@ -0,0 +1,22 @@ +model = model('AdminLog'); + } +} diff --git a/application/admin/controller/example/Controllerjump.php b/application/admin/controller/example/Controllerjump.php new file mode 100644 index 0000000..01bd6d3 --- /dev/null +++ b/application/admin/controller/example/Controllerjump.php @@ -0,0 +1,22 @@ +model = model('AdminLog'); + } +} diff --git a/application/admin/controller/example/Customform.php b/application/admin/controller/example/Customform.php new file mode 100644 index 0000000..77546b8 --- /dev/null +++ b/application/admin/controller/example/Customform.php @@ -0,0 +1,30 @@ +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(); + } +} diff --git a/application/admin/controller/example/Customsearch.php b/application/admin/controller/example/Customsearch.php new file mode 100644 index 0000000..719656d --- /dev/null +++ b/application/admin/controller/example/Customsearch.php @@ -0,0 +1,24 @@ +model = model('AdminLog'); + $ipList = $this->model->whereTime('createtime', '-37 days')->group("ip")->column("ip,ip as aa"); + $this->view->assign("ipList", $ipList); + } +} diff --git a/application/admin/controller/example/Cxselect.php b/application/admin/controller/example/Cxselect.php new file mode 100644 index 0000000..70c882d --- /dev/null +++ b/application/admin/controller/example/Cxselect.php @@ -0,0 +1,21 @@ +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(); + } +} diff --git a/application/admin/controller/example/Multitable.php b/application/admin/controller/example/Multitable.php new file mode 100644 index 0000000..73edeb9 --- /dev/null +++ b/application/admin/controller/example/Multitable.php @@ -0,0 +1,90 @@ +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'); + } +} diff --git a/application/admin/controller/example/Relationmodel.php b/application/admin/controller/example/Relationmodel.php new file mode 100644 index 0000000..3342b94 --- /dev/null +++ b/application/admin/controller/example/Relationmodel.php @@ -0,0 +1,44 @@ +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(); + $list = $this->model + ->with("admin") + ->where($where) + ->order($sort, $order) + ->paginate($limit); + + $result = array("total" => $list->total(), "rows" => $list->items()); + + return json($result); + } + return $this->view->fetch(); + } +} diff --git a/application/admin/controller/example/Tablelink.php b/application/admin/controller/example/Tablelink.php new file mode 100644 index 0000000..1590501 --- /dev/null +++ b/application/admin/controller/example/Tablelink.php @@ -0,0 +1,81 @@ +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'); + } +} diff --git a/application/admin/controller/example/Tabletemplate.php b/application/admin/controller/example/Tabletemplate.php new file mode 100644 index 0000000..f51e4f9 --- /dev/null +++ b/application/admin/controller/example/Tabletemplate.php @@ -0,0 +1,58 @@ +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(); + } +} diff --git a/application/admin/library/Auth.php b/application/admin/library/Auth.php index 4c68e23..e2d9c5b 100755 --- a/application/admin/library/Auth.php +++ b/application/admin/library/Auth.php @@ -264,6 +264,23 @@ class Auth extends \fast\Auth } /** + * 重构接口，获取当前管理员部门 + * @param null $uid + * @return int + */ + public function getGroupId($uid = null) + { + $groups = $this->getGroups($uid); + foreach ($groups as $K => $v) { + if ($v["pid"]==1){ + //一级部门 + return (int)$v['group_id']; + } + } + return 0; + } + + /** * 取出当前管理员所拥有权限的分组 * @param boolean $withself 是否包含当前所在的分组 * @return array diff --git a/application/admin/model/Area.php b/application/admin/model/Area.php new file mode 100644 index 0000000..357d07e --- /dev/null +++ b/application/admin/model/Area.php @@ -0,0 +1,15 @@ + -
@@ -12,40 +11,13 @@
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- +
+
- -
-
-
- -
- + + + +
@@ -54,24 +26,6 @@
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
diff --git a/application/admin/view/example/baidumap/index.html b/application/admin/view/example/baidumap/index.html new file mode 100644 index 0000000..d282f84 --- /dev/null +++ b/application/admin/view/example/baidumap/index.html @@ -0,0 +1,21 @@ +
+ {:build_heading()} + +
+
+
+
+
+ {:build_toolbar('refresh,delete')} + 地图 +
+ + +
+ +
+
+ +
+
+
\ No newline at end of file diff --git a/application/admin/view/example/baidumap/map.html b/application/admin/view/example/baidumap/map.html new file mode 100644 index 0000000..933125d --- /dev/null +++ b/application/admin/view/example/baidumap/map.html @@ -0,0 +1,30 @@ +{__NOLAYOUT__} + + + + {include file="common/meta" /} + + + + + +
+ {include file="common/script" /} + + \ No newline at end of file diff --git a/application/admin/view/example/bootstraptable/detail.html b/application/admin/view/example/bootstraptable/detail.html new file mode 100644 index 0000000..e16348e --- /dev/null +++ b/application/admin/view/example/bootstraptable/detail.html @@ -0,0 +1,33 @@ + + + + + + + + + {volist name="row" id="vo" } + + + + + {/volist} + {if $Think.get.dialog} + + + + + {/if} + +
{:__('Title')}{:__('Content')}
{$key}{$vo|htmlentities}
回传数据 +
+ + 回传数据 +
+
+
+ +
+ +
+
diff --git a/application/admin/view/example/bootstraptable/index.html b/application/admin/view/example/bootstraptable/index.html new file mode 100644 index 0000000..432f542 --- /dev/null +++ b/application/admin/view/example/bootstraptable/index.html @@ -0,0 +1,50 @@ +
+ + {:build_heading()} + +
+
+ + +
+
+
+ diff --git a/application/admin/view/example/colorbadge/index.html b/application/admin/view/example/colorbadge/index.html new file mode 100644 index 0000000..8d61a3a --- /dev/null +++ b/application/admin/view/example/colorbadge/index.html @@ -0,0 +1,21 @@ +
+ {:build_heading()} + +
+
+
+
+
+ {:build_toolbar('refresh,delete')} +
+ + +
+ + +
+
+ +
+
+
\ No newline at end of file diff --git a/application/admin/view/example/controllerjump/index.html b/application/admin/view/example/controllerjump/index.html new file mode 100644 index 0000000..8d61a3a --- /dev/null +++ b/application/admin/view/example/controllerjump/index.html @@ -0,0 +1,21 @@ +
+ {:build_heading()} + +
+
+
+
+
+ {:build_toolbar('refresh,delete')} +
+ + +
+ + +
+
+ +
+
+
\ No newline at end of file diff --git a/application/admin/view/example/customform/index.html b/application/admin/view/example/customform/index.html new file mode 100644 index 0000000..8d21880 --- /dev/null +++ b/application/admin/view/example/customform/index.html @@ -0,0 +1,168 @@ +
+
+
+
+ {:__('自定义图片描述')} +
+
+
+ 温馨提示
+ 默认我们的多图是没有图片描述的，如果我们需要自定义描述，可以使用以下的自定义功能
+ 特别注意的是图片的url和描述是分开储存的，也就是说图片一个字段，描述一个字段，你在前台使用时需要自己匹配映射关系
+ 下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏 +
+
+
+ +
+
+ +
+ + +
+ +
+ + +
    + + + + + + + +
    +
    +
    + +
    +
    + +
    + + +
    + +
    + + +
      + + + + + + + +
      +
      +
      + +
      + + +
      +
      + +
      +
      +
      + +
      +
      +
      +
      + {:__('自定义Fieldlist示例')} +
      +
      +
      + 温馨提示
      + 默认我们的fieldlist只有一维数组，为键值形式，如果需要二维数组，可使用下面的自定义模板来实现
      + 默认追加的元素是没有进行事件绑定的，我们需要监听btn-append这个按钮的fa.event.appendfieldlist事件
      + 下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏 +
      +
      + +
      + +
      +
      +
      + {:__('标题')} + {:__('介绍')} + {:__('大小')} +
      +
      {:__('Append')}
      + + +
      + +
      +
      +
      + +
      +
      +
      + {:__('管理员')} + {:__('名称')} + {:__('登录时间')} +
      +
      {:__('Append')}
      + + +
      + +
      +
      +
      + +
      + + +
      +
      + +
      +
      +
      + +
      +
      \ No newline at end of file diff --git a/application/admin/view/example/customsearch/index.html b/application/admin/view/example/customsearch/index.html new file mode 100644 index 0000000..85fc818 --- /dev/null +++ b/application/admin/view/example/customsearch/index.html @@ -0,0 +1,126 @@ +
      + {:build_heading()} + +
      +
      +
      +
      +
      + {:build_toolbar('refresh')} +
      + + +
      + +
      +
      + +
      +
      +
      + + diff --git a/application/admin/view/example/cxselect/index.html b/application/admin/view/example/cxselect/index.html new file mode 100644 index 0000000..2d78b77 --- /dev/null +++ b/application/admin/view/example/cxselect/index.html @@ -0,0 +1,160 @@ + +
      + {:build_heading()} + +
      +
      +
      +
      +
      +
      +
      + +
      +
      省市区联动(通过AJAX读取数据)
      +
      +
      +
      +
      + + + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + + +
      +
      +
      +
      +
      +
      + +
      +
      +
      + +
      +
      +
      +
      +
      类别联动(Ajax读取数据)
      +
      +
      +
      +
      + + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + +
      +
      +
      +
      +
      +
      + +
      +
      + +
      +
      +
      +
      +
      +
      省市区联动(通过JSON渲染数据)
      +
      +
      +
      + +
      + + + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      + +
      + + + +
      +
      +
      +
      +
      +
      + +
      +
      +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      \ No newline at end of file diff --git a/application/admin/view/example/echarts/index.html b/application/admin/view/example/echarts/index.html new file mode 100644 index 0000000..1e879b2 --- /dev/null +++ b/application/admin/view/example/echarts/index.html @@ -0,0 +1,165 @@ + +
      +
      + +
      +
      +

      150

      + +

      今日订单

      +
      +
      + +
      + 更多 +
      +
      + +
      + +
      +
      +

      53%

      + +

      同比增长率

      +
      +
      + +
      + 更多 +
      +
      + +
      + +
      +
      +

      44

      + +

      今日注册用户数

      +
      +
      + +
      + 更多 +
      +
      + +
      + +
      +
      +

      65

      + +

      唯一访客用户

      +
      +
      + +
      + 更多 +
      +
      + +
      + + +
      + +
      + +
      + + +
      + +
      +
      +
      +
      +
      + + +
      + +
      +
      +
      +
      + + +
      + +
      + + +
      +
      + +
      +
      + + + + +

      + 访客分布 +

      +
      +
      +
      +
      + +
      +
      +
      +
      统计最近一周访客的记录
      +
      + +
      + +
      +
      + + + +
      +
      + + +

      订单趋势

      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      统计最近一周订单的趋势
      +
      + +
      + +
      +
      + + +
      + +
      + diff --git a/application/admin/view/example/multitable/index.html b/application/admin/view/example/multitable/index.html new file mode 100644 index 0000000..38b662b --- /dev/null +++ b/application/admin/view/example/multitable/index.html @@ -0,0 +1,27 @@ +
      +
      +
      多表格（Multitable）用于展示在一个页面展示多个表格数据,并且每次切换时刷新
      + +
      +
      +
      +
      +
      + {:build_toolbar('refresh')} +
      + +
      +
      +
      +
      + {:build_toolbar('refresh')} +
      + +
      +
      +
      +
      +
      \ No newline at end of file diff --git a/application/admin/view/example/relationmodel/index.html b/application/admin/view/example/relationmodel/index.html new file mode 100644 index 0000000..8d61a3a --- /dev/null +++ b/application/admin/view/example/relationmodel/index.html @@ -0,0 +1,21 @@ +
      + {:build_heading()} + +
      +
      +
      +
      +
      + {:build_toolbar('refresh,delete')} +
      + + +
      + + +
      +
      + +
      +
      +
      \ No newline at end of file diff --git a/application/admin/view/example/tablelink/index.html b/application/admin/view/example/tablelink/index.html new file mode 100644 index 0000000..3c782f6 --- /dev/null +++ b/application/admin/view/example/tablelink/index.html @@ -0,0 +1,44 @@ +
      +
      +
      +
      +
      +
      +
      +
      + {:build_toolbar('refresh')} +
      + + +
      + + +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + {:build_toolbar('refresh')} +
      + + +
      + + +
      +
      + +
      +
      +
      +
      +
      \ No newline at end of file diff --git a/application/admin/view/example/tabletemplate/index.html b/application/admin/view/example/tabletemplate/index.html new file mode 100644 index 0000000..ac34357 --- /dev/null +++ b/application/admin/view/example/tabletemplate/index.html @@ -0,0 +1,67 @@ +
      + {:build_heading()} + +
      +
      +
      +
      +
      + {:build_toolbar('refresh,delete')} + 获取选中项 + 切换视图 +
      + + +
      + +
      +
      + +
      +
      +
      + + + \ No newline at end of file diff --git a/application/config.php b/application/config.php index 2e926e8..84ed147 100755 --- a/application/config.php +++ b/application/config.php @@ -18,7 +18,7 @@ return [ // 应用命名空间 'app_namespace' => 'app', // 应用调试模式 - 'app_debug' => Env::get('app.debug', false), + 'app_debug' => Env::get('app.debug', true), // 应用Trace 'app_trace' => Env::get('app.trace', false), // 应用模式状态 diff --git a/application/database.php b/application/database.php index d646158..8ae62dd 100755 --- a/application/database.php +++ b/application/database.php @@ -20,9 +20,9 @@ return [ // 数据库名 'database' => Env::get('database.database', 'hbp'), // 用户名 - 'username' => Env::get('database.username', 'root'), + 'username' => Env::get('database.username', 'hotel'), // 密码 - 'password' => Env::get('database.password', 'zBg%V91jGrJPbvf5'), + 'password' => Env::get('database.password', 'JdWdm.w2jIodw9'), // 端口 'hostport' => Env::get('database.hostport', ''), // 连接dsn diff --git a/application/extra/addons.php b/application/extra/addons.php index 2177468..f7f90e9 100755 --- a/application/extra/addons.php +++ b/application/extra/addons.php @@ -3,7 +3,12 @@ return [ 'autoload' => false, 'hooks' => [], - 'route' => [], + 'route' => [ + '/example$' => 'example/index/index', + '/example/d/[:name]' => 'example/demo/index', + '/example/d1/[:name]' => 'example/demo/demo1', + '/example/d2/[:name]' => 'example/demo/demo2', + ], 'priority' => [], 'domain' => '', ]; diff --git a/public/assets/js/addons.js b/public/assets/js/addons.js index d2c1d20..37cec86 100755 --- a/public/assets/js/addons.js +++ b/public/assets/js/addons.js @@ -1,3 +1,15 @@ define([], function () { - + 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' + } + } +}); + }); \ No newline at end of file diff --git a/public/assets/js/backend/cf_hotel_info.js b/public/assets/js/backend/cf_hotel_info.js index 2bbd98a..9f3474d 100644 --- a/public/assets/js/backend/cf_hotel_info.js +++ b/public/assets/js/backend/cf_hotel_info.js @@ -28,14 +28,10 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefin {field: 'id', title: __('Id')}, {field: 'hotel_name', title: __('Hotel_name'), operate: 'LIKE'}, {field: 'hotel_phone', title: __('Hotel_phone'), operate: 'LIKE'}, - {field: 'country_id', title: __('Country_id')}, - {field: 'country_name', title: __('Country_name'), operate: 'LIKE'}, - {field: 'province_id', title: __('Province_id')}, + {field: 'area_name', title: __('区县名称'), operate: 'LIKE'}, {field: 'province_name', title: __('Province_name'), operate: 'LIKE'}, - {field: 'city_id', title: __('City_id')}, {field: 'city_name', title: __('City_name'), operate: 'LIKE'}, {field: 'detail_address', title: __('Detail_address'), operate: 'LIKE'}, - {field: 'del_flag', title: __('Del_flag'), formatter: Table.api.formatter.flag}, {field: 'create_time', title: __('Create_time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime}, {field: 'update_time', title: __('Update_time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime}, {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate} diff --git a/public/assets/js/backend/example/baidumap.js b/public/assets/js/backend/example/baidumap.js new file mode 100644 index 0000000..150344f --- /dev/null +++ b/public/assets/js/backend/example/baidumap.js @@ -0,0 +1,102 @@ +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; +}); \ No newline at end of file diff --git a/public/assets/js/backend/example/bootstraptable.js b/public/assets/js/backend/example/bootstraptable.js new file mode 100644 index 0000000..ab60afd --- /dev/null +++ b/public/assets/js/backend/example/bootstraptable.js @@ -0,0 +1,302 @@ +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: 'example/bootstraptable/edit', + 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: 'username', title: __('管理员'), formatter: Table.api.formatter.search}, + //模糊搜索 + {field: 'title', title: __('Title'), operate: 'LIKE %...%', placeholder: '模糊搜索，*表示任意字符', width: '280px'}, + //通过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, + addClass: "selectpicker" + }, + //点击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, + //启用跨页选择 + maintainSelected: true, + //启用固定列 + fixedColumns: true, + //固定右侧列数 + fixedRightNumber: 1, + //导出类型 + 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.api.selecteddata(table))); + }); + + // 启动和暂停按钮 + $(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 '
      '; + }, + ip: function (value, row, index) { + return ' ' + value + ''; + }, + browser: function (value, row, index) { + //这里我们直接使用row的数据 + return '' + row.useragent.split(" ")[0] + ''; + }, + custom: function (value, row, index) { + //添加上btn-change可以自定义请求的URL进行数据处理 + return ''; + }, + }, + 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("该行数据为: " + JSON.stringify(row) + ""); + } + }, + } + } + }; + return Controller; +}); diff --git a/public/assets/js/backend/example/colorbadge.js b/public/assets/js/backend/example/colorbadge.js new file mode 100644 index 0000000..e4dbeed --- /dev/null +++ b/public/assets/js/backend/example/colorbadge.js @@ -0,0 +1,52 @@ +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; +}); \ No newline at end of file diff --git a/public/assets/js/backend/example/controllerjump.js b/public/assets/js/backend/example/controllerjump.js new file mode 100644 index 0000000..a557233 --- /dev/null +++ b/public/assets/js/backend/example/controllerjump.js @@ -0,0 +1,60 @@ +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 '' + __('Search %s', value) + ''; + + //方式二,直接调用Table.api.formatter.addtabs + this.url = url; + return Table.api.formatter.addtabs.call(this, value, row, index); + } + } + } + }; + return Controller; +}); diff --git a/public/assets/js/backend/example/customform.js b/public/assets/js/backend/example/customform.js new file mode 100644 index 0000000..954da61 --- /dev/null +++ b/public/assets/js/backend/example/customform.js @@ -0,0 +1,19 @@ +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; +}); \ No newline at end of file diff --git a/public/assets/js/backend/example/customsearch.js b/public/assets/js/backend/example/customsearch.js new file mode 100644 index 0000000..60501fa --- /dev/null +++ b/public/assets/js/backend/example/customsearch.js @@ -0,0 +1,63 @@ +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: '', + 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; +}); diff --git a/public/assets/js/backend/example/cxselect.js b/public/assets/js/backend/example/cxselect.js new file mode 100644 index 0000000..355b77a --- /dev/null +++ b/public/assets/js/backend/example/cxselect.js @@ -0,0 +1,14 @@ +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; +}); \ No newline at end of file diff --git a/public/assets/js/backend/example/echarts.js b/public/assets/js/backend/example/echarts.js new file mode 100644 index 0000000..f12e115 --- /dev/null +++ b/public/assets/js/backend/example/echarts.js @@ -0,0 +1,206 @@ +define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'echarts', 'echarts-theme'], function ($, undefined, Backend, Table, Form, Template, Echarts) { + + var Controller = { + index: function () { + //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确 + $(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}
      {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; +}); diff --git a/public/assets/js/backend/example/multitable.js b/public/assets/js/backend/example/multitable.js new file mode 100644 index 0000000..5777380 --- /dev/null +++ b/public/assets/js/backend/example/multitable.js @@ -0,0 +1,93 @@ +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; +}); \ No newline at end of file diff --git a/public/assets/js/backend/example/relationmodel.js b/public/assets/js/backend/example/relationmodel.js new file mode 100644 index 0000000..2c24aaa --- /dev/null +++ b/public/assets/js/backend/example/relationmodel.js @@ -0,0 +1,48 @@ +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: 'FIND_IN_SET'}, + {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: 'admin.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; +}); diff --git a/public/assets/js/backend/example/tablelink.js b/public/assets/js/backend/example/tablelink.js new file mode 100644 index 0000000..689d63d --- /dev/null +++ b/public/assets/js/backend/example/tablelink.js @@ -0,0 +1,81 @@ +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; +}); diff --git a/public/assets/js/backend/example/tabletemplate.js b/public/assets/js/backend/example/tabletemplate.js new file mode 100644 index 0000000..b181181 --- /dev/null +++ b/public/assets/js/backend/example/tabletemplate.js @@ -0,0 +1,115 @@ +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 '
      '; + }, + ip: function (value, row, index) { + return ' ' + value + ''; + }, + browser: function (value, row, index) { + //这里我们直接使用row的数据 + return '' + row.useragent.split(" ")[0] + ''; + } + }, + 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("该行数据为: " + JSON.stringify(row) + ""); + } + } + } + } + }; + return Controller; +}); \ No newline at end of file