NiceGUI开发AI量化系统：年化20%+的策略集打包下载原创文章第510篇，专注“AI量化投资、世界运行的规律、个人成长与财富自由'。目前积累的策略如下：后续支持线上低...

发布时间：2024-12-27 21:02

《我的世界》创造模式下，玩家可自由运用策略建设世界。 #生活乐趣# #游戏乐趣# #策略游戏#

原创文章第510篇，专注“AI量化投资、世界运行的规律、个人成长与财富自由"。

目前积累的策略如下：

后续支持线上低代码开发策略，敬请期待。

代码+数据下载：AI量化实验室——2024量化投资的星辰大海

Day2 NiceGUI开发AI量化系统

星球的同学都知道，关于量化系统的界面，我们尝试过很多种方案，其中花过不少时间的就有：wxpython方向（tinker, pysimplegui这种都不算了），然后是streamlit，flet等。还有django+jquery原生javacript以及混合vue3的方案，我们都尝试过。

现在回归到nicegui。

我们希望是多端的方案，web和H5自然不必说，可以生成桌面程序。wxpython这种传统桌面gui就不合适了——而且主要是金融数据可视化比较麻烦。

而streamlit是纯流式的，做为ai数据呈现和简单交互很好，但要做成产品，就缺少扩展性了。

flet的跨端能力是最强的。但学习曲线比较高。

如下的界面布局：

from nicegui import ui
with ui.header().classes(replace='row items-center') as header:
ui.button(on_click=lambda: left_drawer.toggle(), icon='menu').props('flat color=white')
with ui.tabs() as tabs:
ui.tab('创建策略')
ui.tab('策略商城')
ui.tab('行情')
with ui.footer(value=False) as footer:
ui.label('Footer')
with ui.left_drawer().classes('bg-blue-100') as left_drawer:
ui.label('导航')
with ui.page_sticky(position='bottom-right', x_offset=20, y_offset=20):
ui.button(on_click=footer.toggle, icon='contact_support').props('fab')
with ui.tab_panels(tabs, value='A').classes('w-full'):
with ui.tab_panel('创建策略'):
ui.label('Content of A')
with ui.tab_panel('策略商城'):
ui.label('Content of B')
with ui.tab_panel('行情'):
ui.label('Content of C')
ui.run(native=True, title='Quantlab AI量化实验室')

自定义表格的能力，这里的表格可以用于基金数据的检索，也可以用于交易规则集的配置。

from nicegui import ui
columns = [
{'field': 'id'},
{'field': 'age', 'editable': True},
{'field': 'name', 'editable': True, 'sortable': True},
]
rows = [
{'id': 0, 'name': 'Alice', 'age': 18},
{'id': 1, 'name': 'Bob', 'age': 21},
{'id': 2, 'name': 'Carol', 'age': 20},
]
def add_row():
new_id = max((dx['id'] for dx in rows), default=-1) + 1
rows.append({'id': new_id, 'name': 'New name', 'age': None})
ui.notify(f'Added row with ID {new_id}')
aggrid.update()
def handle_cell_value_change(e):
new_row = e.args['data']
ui.notify(f'Updated row to: {e.args["data"]}')
rows[:] = [row | new_row if row['id'] == new_row['id'] else row for row in rows]
async def delete_selected():
selected_id = [row['id'] for row in await aggrid.get_selected_rows()]
rows[:] = [row for row in rows if row['id'] not in selected_id]
ui.notify(f'Deleted row with ID {selected_id}')
aggrid.update()
aggrid = ui.aggrid({
'columnDefs': columns, 'rowData': rows, 'rowSelection': 'multiple', 'stopEditingWhenCellsLoseFocus': True,
}).on('cellValueChanged', handle_cell_value_change)
ui.button('Delete selected', on_click=delete_selected)
ui.button('New row', on_click=add_row)
ui.run()