From 763fdb11c833ce46af8eef73a7fae78c883e5417 Mon Sep 17 00:00:00 2001 From: Apex Liu Date: Fri, 14 Apr 2017 17:07:15 +0800 Subject: [PATCH] add some ui design test page. --- server/www/teleport/.idea/teleport.iml | 2 +- server/www/teleport/app/eom_app/app/db.py | 95 +++---- .../app/eom_app/controller/__init__.py | 6 +- .../teleport/app/eom_app/controller/index.py | 45 ++-- server/www/teleport/view/page_base.mako | 247 +++++++++--------- server/www/teleport/view/test.mako | 124 --------- .../view/uidesign/_sidebar_nav_menu.mako | 110 ++++++++ server/www/teleport/view/uidesign/index.mako | 126 +++++++++ server/www/teleport/view/uidesign/table.mako | 126 +++++++++ .../view/uidesign/without-sidebar.mako | 119 +++++++++ 10 files changed, 688 insertions(+), 312 deletions(-) delete mode 100644 server/www/teleport/view/test.mako create mode 100644 server/www/teleport/view/uidesign/_sidebar_nav_menu.mako create mode 100644 server/www/teleport/view/uidesign/index.mako create mode 100644 server/www/teleport/view/uidesign/table.mako create mode 100644 server/www/teleport/view/uidesign/without-sidebar.mako diff --git a/server/www/teleport/.idea/teleport.iml b/server/www/teleport/.idea/teleport.iml index b91ebc9..9044667 100644 --- a/server/www/teleport/.idea/teleport.iml +++ b/server/www/teleport/.idea/teleport.iml @@ -11,7 +11,7 @@ - + diff --git a/server/www/teleport/app/eom_app/app/db.py b/server/www/teleport/app/eom_app/app/db.py index 19530f4..0d2be09 100644 --- a/server/www/teleport/app/eom_app/app/db.py +++ b/server/www/teleport/app/eom_app/app/db.py @@ -57,7 +57,8 @@ class TPDatabase: return False # 看看数据库中是否存在指定的数据表（如果不存在，可能是一个空数据库文件），则可能是一个新安装的系统 - ret = self.is_table_exists('{}group'.format(self._table_prefix)) + # ret = self.query('SELECT COUNT(*) FROM `sqlite_master` WHERE `type`="table" AND `name`="{}account";'.format(self._table_prefix)) + ret = self.is_table_exists('{}group'.format(self._table_prefix)) if ret is None or not ret: log.w('database need create.\n') self.need_create = True @@ -75,9 +76,9 @@ class TPDatabase: self.need_upgrade = True return True - # DO TEST - # self.alter_table('ts_account', [['account_id', 'id'], ['account_type', 'type']]) - + # DO TEST + # self.alter_table('ts_account', [['account_id', 'id'], ['account_type', 'type']]) + return True def is_table_exists(self, table_name): @@ -158,49 +159,49 @@ class TPDatabase: log.w('nothing to do.\n') return False - if isinstance(table_names, str): - old_table_name = table_names - new_table_name = table_names - elif isinstance(table_names, list) and len(table_names) == 2: - old_table_name = table_names[0] - new_table_name = table_names[1] - else: - log.w('invalid param.\n') - return False - - if isinstance(field_names, list): - for i in field_names: - if not isinstance(i, list) or 2 != len(i): - log.w('invalid param.\n') - return False - - if field_names is None: - # 仅数据表改名 - return self.exec('ALTER TABLE `{}` RENAME TO `{}`;'.format(old_table_name, new_table_name)) - else: - # sqlite不支持字段改名，所以需要通过临时表中转一下 - - # 先获取数据表的字段名列表 - ret = self.query('SELECT * FROM `sqlite_master` WHERE `type`="table" AND `name`="{}";'.format(old_table_name)) - log.w('-----\n') - log.w(ret[0][4]) - log.w('\n') - - # 先将数据表改名，成为一个临时表 - # tmp_table_name = '{}_sqlite_tmp'.format(old_table_name) - # ret = self.exec('ALTER TABLE `{}` RENAME TO `{}`;'.format(old_table_name, tmp_table_name)) - # if ret is None or not ret: - # return ret - - pass - elif self.db_source['type'] == self.DB_TYPE_MYSQL: - log.e('mysql not supported yet.\n') - return False - else: - log.e('Unknown database type.\n') - return False - - + if isinstance(table_names, str): + old_table_name = table_names + new_table_name = table_names + elif isinstance(table_names, list) and len(table_names) == 2: + old_table_name = table_names[0] + new_table_name = table_names[1] + else: + log.w('invalid param.\n') + return False + + if isinstance(field_names, list): + for i in field_names: + if not isinstance(i, list) or 2 != len(i): + log.w('invalid param.\n') + return False + + if field_names is None: + # 仅数据表改名 + return self.exec('ALTER TABLE `{}` RENAME TO `{}`;'.format(old_table_name, new_table_name)) + else: + # sqlite不支持字段改名，所以需要通过临时表中转一下 + + # 先获取数据表的字段名列表 + ret = self.query('SELECT * FROM `sqlite_master` WHERE `type`="table" AND `name`="{}";'.format(old_table_name)) + log.w('-----\n') + log.w(ret[0][4]) + log.w('\n') + + # 先将数据表改名，成为一个临时表 + # tmp_table_name = '{}_sqlite_tmp'.format(old_table_name) + # ret = self.exec('ALTER TABLE `{}` RENAME TO `{}`;'.format(old_table_name, tmp_table_name)) + # if ret is None or not ret: + # return ret + + pass + elif self.db_source['type'] == self.DB_TYPE_MYSQL: + log.e('mysql not supported yet.\n') + return False + else: + log.e('Unknown database type.\n') + return False + + class TPDatabasePool: def __init__(self): self._locker = threading.RLock() diff --git a/server/www/teleport/app/eom_app/controller/__init__.py b/server/www/teleport/app/eom_app/controller/__init__.py index 7819a5c..3c17c6c 100644 --- a/server/www/teleport/app/eom_app/controller/__init__.py +++ b/server/www/teleport/app/eom_app/controller/__init__.py @@ -113,6 +113,8 @@ controllers = [ (r'/set/', set.IndexHandler), (r'/set', set.IndexHandler), - # 通过访问一个特殊URL来停止WEB服务，仅用于开发阶段，生产系统中请删除下一行 - (r'/EXIT-4E581FEFD7AB497D833D71A51C61D898', index.ExitHandler), + (r'/uidesign', index.UIDesignHandler), + (r'/uidesign/without-sidebar', index.UIDesignWithoutSidebarHandler), + (r'/uidesign/table', index.UIDesignTableHandler) + ] diff --git a/server/www/teleport/app/eom_app/controller/index.py b/server/www/teleport/app/eom_app/controller/index.py index cf01a81..65950cb 100644 --- a/server/www/teleport/app/eom_app/controller/index.py +++ b/server/www/teleport/app/eom_app/controller/index.py @@ -1,15 +1,30 @@ -# -*- coding: utf-8 -*- -import sys -import tornado.ioloop -from .base import TPBaseHandler, TPBaseUserAuthHandler - - -class IndexHandler(TPBaseUserAuthHandler): - def get(self): - self.redirect('/host') - - -class ExitHandler(TPBaseHandler): - def get(self): - self.write('exit ok') - tornado.ioloop.IOLoop.instance().stop() +# -*- coding: utf-8 -*- +import sys +import tornado.ioloop +from .base import TPBaseHandler, TPBaseUserAuthHandler + + +class IndexHandler(TPBaseUserAuthHandler): + def get(self): + self.redirect('/host') + + +class ExitHandler(TPBaseHandler): + def get(self): + self.write('exit ok') + tornado.ioloop.IOLoop.instance().stop() + + +class UIDesignHandler(TPBaseHandler): + def get(self): + self.render('uidesign/index.mako') + + +class UIDesignWithoutSidebarHandler(TPBaseHandler): + def get(self): + self.render('uidesign/without-sidebar.mako') + + +class UIDesignTableHandler(TPBaseHandler): + def get(self): + self.render('uidesign/table.mako') diff --git a/server/www/teleport/view/page_base.mako b/server/www/teleport/view/page_base.mako index 25ef1b8..0eb2ce9 100644 --- a/server/www/teleport/view/page_base.mako +++ b/server/www/teleport/view/page_base.mako @@ -1,124 +1,125 @@ - - <%! - page_title_ = '' - page_menu_ = [] - %> - - - - - - - - - - - - ${self.attr.page_title_}::TELEPORT - - - - - - - - - - <%block name="extend_css"/> - - - - - -
- - - - - - - - - - -
- ${self.body()} -
- - - -
- - - - - - <%block name="extend_content" /> -## - - - - - - - - - - - - - - - - <%block name="extend_js"/> - - - - - <%block name="embed_js" /> - - - + + <%! + page_title_ = '' + page_menu_ = [] + %> + + + + + + + + + + + + ${self.attr.page_title_}::TELEPORT + + + + + + + + + + <%block name="extend_css"/> + + + + + +
+ + + + + + + + + +
+ ${self.body()} +
+ + + +
+ + + + + + <%block name="extend_content" /> + ## + + + + + + + + + + + + + + + + + <%block name="extend_js"/> + + + + + <%block name="embed_js" /> + + + \ No newline at end of file diff --git a/server/www/teleport/view/test.mako b/server/www/teleport/view/test.mako deleted file mode 100644 index 1f5ae8f..0000000 --- a/server/www/teleport/view/test.mako +++ /dev/null @@ -1,124 +0,0 @@ -<%! - page_title_ = '页面部件测试' - page_menu_ = ['dashboard'] -%> -<%inherit file="page_base.mako"/> - -<%block name="extend_js"> - - -<%block name="breadcrumb"> -
    -
  1. ${self.attr.page_title_}
    2. -
- - - -<%block name="embed_js"> - - - -<%block name="extend_css"> - - - - -
-
-

这是一级标题，This is H1.

-

这是二级标题，This is H2.

-

这是三级标题，This is H3.

-

这是四级标题，This is H4.

-
这是五级标题，This is H5.
-

这是正文，this is content.

-
- -
-
-

徽章默认：[badge] 1

-

徽章尺寸：[badge] 比较长的文字，[badge badge-sm] 小尺寸

-

- 徽章上标：[badge badge-sup] 1， - [badge badge-sm badge-sup] 1， - [badge badge-sm badge-sup badge-danger] 3， - 徽章配合图标：3 -

-

- 徽章颜色：[badge] 默认， - [badge badge-info] 忽略， - [badge badge-info] 信息， - [badge badge-primary] 重要， - [badge badge-success] 成功， - [badge badge-warning] 警告， - [badge badge-danger] 危险（错误） -

-

- 徽章颜色（正常）： - 默认 - 忽略 - 信息 - 重要 - 成功 - 警告 - 危险（错误） -

-

- 徽章颜色（小）： - 默认 - 忽略 - 信息 - 重要 - 成功 - 警告 - 危险（错误） -

-
-
- -
-
-

标签默认：[label] 标签文字

-

标签尺寸：[label] 比较长的文字，[label label-sm] 小尺寸

-

- 标签颜色： - [label] 默认， - [label label-ignore] 忽略， - [label label-info] 信息， - [label label-primary] 重要， - [label label-success] 成功， - [label label-warning] 警告， - [label label-danger] 危险（错误）， -

-

- 标签颜色（正常）： - 默认 - 忽略 - 信息 - 重要 - 成功 - 警告 - 危险（错误） -

-

- 标签颜色（小）： - 默认 - 忽略 - 信息 - 重要 - 成功 - 警告 - 危险（错误） -

-
-
- - -
- diff --git a/server/www/teleport/view/uidesign/_sidebar_nav_menu.mako b/server/www/teleport/view/uidesign/_sidebar_nav_menu.mako new file mode 100644 index 0000000..71b6d71 --- /dev/null +++ b/server/www/teleport/view/uidesign/_sidebar_nav_menu.mako @@ -0,0 +1,110 @@ +<%! + import eom_ver +%> +<% + _sidebar = [ + { + 'require_type': 0, + 'id': 'with-sidebar', + 'link': '', + 'name': '左侧菜单', + 'icon': 'fa-database', + 'sub': [ + { + 'require_type': 0, + 'id': 'normal', + 'link': '/uidesign', + 'name': '普通页面', + 'icon': 'fa-server', + }, + { + 'require_type': 0, + 'id': 'user', + 'link': '/uidesign/table', + 'name': '表格页面', + 'icon': 'fa-user', + }, + ] + }, + { + 'require_type': 0, + 'id': 'without-sidebar', + 'link': '/uidesign/without-sidebar', + 'name': '无侧边菜单', + 'icon': 'fa-database' + } +] +%> + + + +
+ + +
+ +
+ + + +
+
    + + %for menu in _sidebar: + %if menu['require_type'] <= current_user['type']: + %if 'sub' in menu and len(menu['sub']) > 0: + + %else: + + %endif + %endif + + %endfor + +
+
+ + +
+
服务端：v${eom_ver.TS_VER}
+
助手：v${eom_ver.TP_ASSIST_LAST_VER}
+
当前助手：v${eom_ver.TP_ASSIST_REQUIRE}
+ +
+ \ No newline at end of file diff --git a/server/www/teleport/view/uidesign/index.mako b/server/www/teleport/view/uidesign/index.mako new file mode 100644 index 0000000..443177d --- /dev/null +++ b/server/www/teleport/view/uidesign/index.mako @@ -0,0 +1,126 @@ +<%! + page_title_ = '页面部件测试' + page_menu_ = ['with-sidebar', 'normal'] +%> +<%inherit file="../page_base.mako"/> + +<%block name="extend_js"> + + +<%block name="breadcrumb"> +
    +
  1. ${self.attr.page_title_}
    2. +
  2. 普通页面
    3. +
+ + + +<%block name="embed_js"> + + + +<%block name="extend_css"> + + + +<%block name="sidebar_nav_menu"> + <%include file="_sidebar_nav_menu.mako" /> + + + + +
+
+

这是一级标题，This is H1.

+

这是二级标题，This is H2.

+

这是三级标题，This is H3.

+

这是四级标题，This is H4.

+
这是五级标题，This is H5.
+

这是正文，this is content.

+
+ +
+
+

徽章默认：[badge] 1

+

徽章尺寸：[badge] 比较长的文字，[badge badge-sm] 小尺寸

+

+ 徽章上标：[badge badge-sup] 1， + [badge badge-sm badge-sup] 1， + [badge badge-sm badge-sup badge-danger] 3， + 徽章配合图标：3 +

+

+ 徽章颜色：[badge] 默认， + [badge badge-info] 忽略， + [badge badge-info] 信息， + [badge badge-primary] 重要， + [badge badge-success] 成功， + [badge badge-warning] 警告， + [badge badge-danger] 危险（错误） +

+

+ 徽章颜色（正常）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+

+ 徽章颜色（小）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+
+
+ +
+
+

标签默认：[label] 标签文字

+

标签尺寸：[label] 比较长的文字，[label label-sm] 小尺寸

+

+ 标签颜色： + [label] 默认， + [label label-ignore] 忽略， + [label label-info] 信息， + [label label-primary] 重要， + [label label-success] 成功， + [label label-warning] 警告， + [label label-danger] 危险（错误）， +

+

+ 标签颜色（正常）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+

+ 标签颜色（小）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+
+
+ + +
+ diff --git a/server/www/teleport/view/uidesign/table.mako b/server/www/teleport/view/uidesign/table.mako new file mode 100644 index 0000000..1e27ffc --- /dev/null +++ b/server/www/teleport/view/uidesign/table.mako @@ -0,0 +1,126 @@ +<%! + page_title_ = '页面部件测试' + page_menu_ = ['with-sidebar', 'table'] +%> +<%inherit file="../page_base.mako"/> + +<%block name="extend_js"> + + +<%block name="breadcrumb"> +
    +
  1. ${self.attr.page_title_}
    2. +
  2. 表格
    3. +
+ + + +<%block name="embed_js"> + + + +<%block name="extend_css"> + + + +<%block name="sidebar_nav_menu"> + <%include file="_sidebar_nav_menu.mako" /> + + + + +
+
+

这是一级标题，This is H1.

+

这是二级标题，This is H2.

+

这是三级标题，This is H3.

+

这是四级标题，This is H4.

+
这是五级标题，This is H5.
+

这是正文，this is content.

+
+ +
+
+

徽章默认：[badge] 1

+

徽章尺寸：[badge] 比较长的文字，[badge badge-sm] 小尺寸

+

+ 徽章上标：[badge badge-sup] 1， + [badge badge-sm badge-sup] 1， + [badge badge-sm badge-sup badge-danger] 3， + 徽章配合图标：3 +

+

+ 徽章颜色：[badge] 默认， + [badge badge-info] 忽略， + [badge badge-info] 信息， + [badge badge-primary] 重要， + [badge badge-success] 成功， + [badge badge-warning] 警告， + [badge badge-danger] 危险（错误） +

+

+ 徽章颜色（正常）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+

+ 徽章颜色（小）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+
+
+ +
+
+

标签默认：[label] 标签文字

+

标签尺寸：[label] 比较长的文字，[label label-sm] 小尺寸

+

+ 标签颜色： + [label] 默认， + [label label-ignore] 忽略， + [label label-info] 信息， + [label label-primary] 重要， + [label label-success] 成功， + [label label-warning] 警告， + [label label-danger] 危险（错误）， +

+

+ 标签颜色（正常）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+

+ 标签颜色（小）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+
+
+ + +
+ diff --git a/server/www/teleport/view/uidesign/without-sidebar.mako b/server/www/teleport/view/uidesign/without-sidebar.mako new file mode 100644 index 0000000..1d95534 --- /dev/null +++ b/server/www/teleport/view/uidesign/without-sidebar.mako @@ -0,0 +1,119 @@ +<%! + page_title_ = '页面部件测试-无侧边栏' + page_menu_ = ['without-sidebar'] +%> +<%inherit file="../page_no_sidebar_base.mako"/> + +<%block name="extend_js"> + + +<%block name="breadcrumb"> +
    +
  1. ${self.attr.page_title_}
    2. +
+ + + +<%block name="embed_js"> + + + +<%block name="extend_css"> + + + +
+
+

这是一级标题，This is H1.

+

这是二级标题，This is H2.

+

这是三级标题，This is H3.

+

这是四级标题，This is H4.

+
这是五级标题，This is H5.
+

这是正文，this is content.

+
+ +
+
+

徽章默认：[badge] 1

+

徽章尺寸：[badge] 比较长的文字，[badge badge-sm] 小尺寸

+

+ 徽章上标：[badge badge-sup] 1， + [badge badge-sm badge-sup] 1， + [badge badge-sm badge-sup badge-danger] 3， + 徽章配合图标：3 +

+

+ 徽章颜色：[badge] 默认， + [badge badge-info] 忽略， + [badge badge-info] 信息， + [badge badge-primary] 重要， + [badge badge-success] 成功， + [badge badge-warning] 警告， + [badge badge-danger] 危险（错误） +

+

+ 徽章颜色（正常）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+

+ 徽章颜色（小）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+
+
+ +
+
+

标签默认：[label] 标签文字

+

标签尺寸：[label] 比较长的文字，[label label-sm] 小尺寸

+

+ 标签颜色： + [label] 默认， + [label label-ignore] 忽略， + [label label-info] 信息， + [label label-primary] 重要， + [label label-success] 成功， + [label label-warning] 警告， + [label label-danger] 危险（错误）， +

+

+ 标签颜色（正常）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+

+ 标签颜色（小）： + 默认 + 忽略 + 信息 + 重要 + 成功 + 警告 + 危险（错误） +

+
+
+ + +
+