-
Notifications
You must be signed in to change notification settings - Fork 387
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
116 additions
and
138 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,142 +1,12 @@ | ||
| import tornado.ioloop | ||
| import tornado.web | ||
|
|
||
| from demos.bmi import main as bmi | ||
| from demos.chat_room import main as chat_room | ||
| from demos.input_usage import main as input_usage | ||
| from demos.output_usage import main as output_usage | ||
| from demos.config import charts_demo_host | ||
| from demos.doc_demo import get_app as get_doc_demo_app | ||
| from demos.set_env_demo import main as set_env_demo | ||
| from demos.markdown_previewer import main as markdown_previewer | ||
| from demos.gomoku_game import main as gomoku_game | ||
|
|
||
| from pywebio import STATIC_PATH | ||
| from pywebio.output import put_markdown, put_row, put_html | ||
| from pywebio.platform.tornado import webio_handler | ||
| from pywebio.session import info as session_info | ||
| from tornado.options import define, options | ||
|
|
||
| index_md = r"""### Basic demo | ||
| - [BMI calculation](./bmi): Calculating Body Mass Index based on height and weight | ||
| - [Online chat room](./chat_room): Chat with everyone currently online (using less than 90 lines of code) | ||
| - [Markdown live preview](./markdown_previewer): The online markdown editor with live preview (using less than 40 lines of code) | ||
| - [Online Gomoku game](./gomoku_game): An online shared Gomoku game (using less than 100 lines of code) | ||
| - [Input demo](./input_usage): Demonstrate the usage of PyWebIO input module | ||
| - [Output demo](./output_usage): Demonstrate the usage of PyWebIO output module | ||
| ### Data visualization demo | ||
| PyWebIO supports for data visualization with the third-party libraries. | ||
| - Use `bokeh` for data visualization [**demos**]({charts_demo_host}/?app=bokeh) | ||
| - Use `plotly` for data visualization [**demos**]({charts_demo_host}/?app=plotly) | ||
| - Use `pyecharts` to create Echarts-based charts in Python [**demos**]({charts_demo_host}/?app=pyecharts) | ||
| - Use `pyg2plot` to create G2Plot-based charts in Python [**demos**]({charts_demo_host}/?app=pyg2plot) | ||
| - Use `cutecharts.py` to create hand drawing style charts [**demos**]({charts_demo_host}/?app=cutecharts) | ||
| **Screenshots** | ||
| <a href="{charts_demo_host}/?app=bokeh"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/bokeh.png" alt="bokeh demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=plotly"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/plotly.png" alt="plotly demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=pyecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/pyecharts.gif" alt="pyecharts demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=cutecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/cutecharts.png" alt="cutecharts demo"> | ||
| </a> | ||
| ### Links | ||
| * PyWebIO Github [github.com/wang0618/PyWebIO](https://github.com/wang0618/PyWebIO) | ||
| * Document [pywebio.readthedocs.io](https://pywebio.readthedocs.io) | ||
| """.format(charts_demo_host=charts_demo_host) | ||
|
|
||
|
|
||
| index_md_zh = r"""### 基本demo | ||
| - [BMI计算](./bmi): 根据身高体重计算BMI指数 | ||
| - [聊天室](./chat_room): 和当前所有在线的人聊天 (不到90行代码实现) | ||
| - [Markdown实时预览](./markdown_previewer): 可以实时预览的在线Markdown编辑器 (不到40行代码实现) | ||
| - [在线五子棋游戏](./gomoku_game): 多人协作对战的五子棋游戏 (不到100行代码实现) | ||
| - [输入演示](./input_usage): 演示PyWebIO输入模块的用法 | ||
| - [输出演示](./output_usage): 演示PyWebIO输出模块的用法 | ||
| - 更多Demo请见[文档](https://pywebio.readthedocs.io)中示例代码的在线Demo | ||
| ### 数据可视化demo | ||
| PyWebIO还支持使用第三方库进行数据可视化 | ||
| - 使用`bokeh`进行数据可视化 [**demos**]({charts_demo_host}/?app=bokeh) | ||
| - 使用`plotly`进行数据可视化 [**demos**]({charts_demo_host}/?app=plotly) | ||
| - 使用`pyecharts`创建基于Echarts的图表 [**demos**]({charts_demo_host}/?app=pyecharts) | ||
| - 使用`pyg2plot`创建基于G2Plot的图表 [**demos**]({charts_demo_host}/?app=pyg2plot) | ||
| - 使用`cutecharts.py`创建卡通风格图表 [**demos**]({charts_demo_host}/?app=cutecharts) | ||
| **数据可视化demo截图** | ||
| <a href="{charts_demo_host}/?app=bokeh"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/bokeh.png" alt="bokeh demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=plotly"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/plotly.png" alt="plotly demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=pyecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/pyecharts.gif" alt="pyecharts demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=cutecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/cutecharts.png" alt="cutecharts demo"> | ||
| </a> | ||
| ### Links | ||
| * PyWebIO Github [github.com/wang0618/PyWebIO](https://github.com/wang0618/PyWebIO) | ||
| * 使用手册和实现文档见 [pywebio.readthedocs.io](https://pywebio.readthedocs.io/zh_CN/latest/) | ||
| """.format(charts_demo_host=charts_demo_host) | ||
|
|
||
|
|
||
| def index(): | ||
| """PyWebIO demos | ||
| Basic demo and data visualization demo of PyWebIO. | ||
| PyWebIO的基本demo和数据可视化demo | ||
| """ | ||
| put_row([ | ||
| put_markdown('# PyWebIO demos'), | ||
| put_html('<a class="github-button" data-size="large" href="https://github.com/wang0618/PyWebIO" data-show-count="true" aria-label="Star wang0618/PyWebIO on GitHub">Star</a>') | ||
| ], size='1fr auto').style('align-items:center') | ||
| put_html('<script async defer src="https://buttons.github.io/buttons.js"></script>') | ||
|
|
||
| if 'zh' in session_info.user_language: | ||
| put_markdown(index_md_zh) | ||
| else: | ||
| put_markdown(index_md) | ||
| import argparse | ||
| from os import path | ||
|
|
||
| from pywebio.platform import path_deploy | ||
|
|
||
| if __name__ == "__main__": | ||
| define("port", default=8080, help="run on the given port", type=int) | ||
| tornado.options.parse_command_line() | ||
| parser = argparse.ArgumentParser() | ||
| parser.add_argument("-p", "--port", default=8080, help="run on the given port", type=int) | ||
| args = parser.parse_args() | ||
|
|
||
| application = tornado.web.Application([ | ||
| (r"/", webio_handler(index, cdn=False)), | ||
| (r"/bmi", webio_handler(bmi, cdn=False)), | ||
| (r"/chat_room", webio_handler(chat_room, cdn=False)), | ||
| (r"/input_usage", webio_handler(input_usage, cdn=False)), | ||
| (r"/output_usage", webio_handler(output_usage, cdn=False)), | ||
| (r"/doc_demo", webio_handler(get_doc_demo_app(), cdn=False)), | ||
| (r"/set_env_demo", webio_handler(set_env_demo, cdn=False)), | ||
| (r"/markdown_previewer", webio_handler(markdown_previewer, cdn=False)), | ||
| (r"/gomoku_game", webio_handler(gomoku_game, cdn=False)), | ||
| (r"/(.*)", tornado.web.StaticFileHandler, {"path": STATIC_PATH, 'default_filename': 'index.html'}) | ||
| ], websocket_ping_interval=30) | ||
| application.listen(port=options.port) | ||
| tornado.ioloop.IOLoop.current().start() | ||
| here_dir = path.dirname(path.abspath(__file__)) | ||
| path_deploy(here_dir, port=args.port) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,108 @@ | ||
| from demos.config import charts_demo_host | ||
|
|
||
| from pywebio.output import put_markdown, put_row, put_html | ||
| from pywebio.session import info as session_info | ||
|
|
||
| index_md = r"""### Basic demo | ||
| - [BMI calculation](./bmi): Calculating Body Mass Index based on height and weight | ||
| - [Online chat room](./chat_room): Chat with everyone currently online (using less than 90 lines of code) | ||
| - [Markdown live preview](./markdown_previewer): The online markdown editor with live preview (using less than 40 lines of code) | ||
| - [Online Gomoku game](./gomoku_game): An online shared Gomoku game (using less than 100 lines of code) | ||
| - [Input demo](./input_usage): Demonstrate the usage of PyWebIO input module | ||
| - [Output demo](./output_usage): Demonstrate the usage of PyWebIO output module | ||
| ### Data visualization demo | ||
| PyWebIO supports for data visualization with the third-party libraries. | ||
| - Use `bokeh` for data visualization [**demos**]({charts_demo_host}/?app=bokeh) | ||
| - Use `plotly` for data visualization [**demos**]({charts_demo_host}/?app=plotly) | ||
| - Use `pyecharts` to create Echarts-based charts in Python [**demos**]({charts_demo_host}/?app=pyecharts) | ||
| - Use `pyg2plot` to create G2Plot-based charts in Python [**demos**]({charts_demo_host}/?app=pyg2plot) | ||
| - Use `cutecharts.py` to create hand drawing style charts [**demos**]({charts_demo_host}/?app=cutecharts) | ||
| **Screenshots** | ||
| <a href="{charts_demo_host}/?app=bokeh"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/bokeh.png" alt="bokeh demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=plotly"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/plotly.png" alt="plotly demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=pyecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/pyecharts.gif" alt="pyecharts demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=cutecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/cutecharts.png" alt="cutecharts demo"> | ||
| </a> | ||
| ### Links | ||
| * PyWebIO Github [github.com/wang0618/PyWebIO](https://github.com/wang0618/PyWebIO) | ||
| * Document [pywebio.readthedocs.io](https://pywebio.readthedocs.io) | ||
| """.format(charts_demo_host=charts_demo_host) | ||
|
|
||
| index_md_zh = r"""### 基本demo | ||
| - [BMI计算](./bmi): 根据身高体重计算BMI指数 | ||
| - [聊天室](./chat_room): 和当前所有在线的人聊天 (不到90行代码实现) | ||
| - [Markdown实时预览](./markdown_previewer): 可以实时预览的在线Markdown编辑器 (不到40行代码实现) | ||
| - [在线五子棋游戏](./gomoku_game): 多人协作对战的五子棋游戏 (不到100行代码实现) | ||
| - [输入演示](./input_usage): 演示PyWebIO输入模块的用法 | ||
| - [输出演示](./output_usage): 演示PyWebIO输出模块的用法 | ||
| - 更多Demo请见[文档](https://pywebio.readthedocs.io)中示例代码的在线Demo | ||
| ### 数据可视化demo | ||
| PyWebIO还支持使用第三方库进行数据可视化 | ||
| - 使用`bokeh`进行数据可视化 [**demos**]({charts_demo_host}/?app=bokeh) | ||
| - 使用`plotly`进行数据可视化 [**demos**]({charts_demo_host}/?app=plotly) | ||
| - 使用`pyecharts`创建基于Echarts的图表 [**demos**]({charts_demo_host}/?app=pyecharts) | ||
| - 使用`pyg2plot`创建基于G2Plot的图表 [**demos**]({charts_demo_host}/?app=pyg2plot) | ||
| - 使用`cutecharts.py`创建卡通风格图表 [**demos**]({charts_demo_host}/?app=cutecharts) | ||
| **数据可视化demo截图** | ||
| <a href="{charts_demo_host}/?app=bokeh"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/bokeh.png" alt="bokeh demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=plotly"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/plotly.png" alt="plotly demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=pyecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/pyecharts.gif" alt="pyecharts demo"> | ||
| </a> | ||
| <a href="{charts_demo_host}/?app=cutecharts"> | ||
| <img src="https://cdn.jsdelivr.net/gh/wang0618/pywebio-chart-gallery/assets/cutecharts.png" alt="cutecharts demo"> | ||
| </a> | ||
| ### Links | ||
| * PyWebIO Github [github.com/wang0618/PyWebIO](https://github.com/wang0618/PyWebIO) | ||
| * 使用手册和实现文档见 [pywebio.readthedocs.io](https://pywebio.readthedocs.io/zh_CN/latest/) | ||
| """.format(charts_demo_host=charts_demo_host) | ||
|
|
||
|
|
||
| def main(): | ||
| """PyWebIO demos | ||
| Basic demo and data visualization demo of PyWebIO. | ||
| PyWebIO的基本demo和数据可视化demo | ||
| """ | ||
| put_row([ | ||
| put_markdown('# PyWebIO demos'), | ||
| put_html( | ||
| '<a class="github-button" data-size="large" href="https://github.com/wang0618/PyWebIO" data-show-count="true" aria-label="Star wang0618/PyWebIO on GitHub">Star</a>') | ||
| ], size='1fr auto').style('align-items:center') | ||
| put_html('<script async defer src="https://buttons.github.io/buttons.js"></script>') | ||
|
|
||
| if 'zh' in session_info.user_language: | ||
| put_markdown(index_md_zh) | ||
| else: | ||
| put_markdown(index_md) |