Vereinfachtes Chinesisch | Englisch
Enthält eine Reihe von Werkzeugfunktionen/Werkzeugkursen zur Verbesserung der Effizienz der Entwicklung von Dash -Anwendungen.
Installieren Sie und nehmen Sie den Beitragsentwicklungsplan mit dem VSCODE-Plug-In an.
pip install feffery-dash-utils -U In vscode können Sie mit den Feffery-Cash-Snippets mit den Feffery-Cash-Snippets den schnellen Import verschiedener Werkzeugfunktionen/Werkzeugklassen schnell implementieren. Geben Sie utils: in der Python -Datei, um die relevanten Verknüpfungsbefehle auszulösen.
style() style zum Erzeugen von Dash verwendete Stilparameterwörterbuch enthält in den meisten kleinen Kamelbenennungsformaten integrierte css Attribute. Bewegen Sie die Maus über den Parameternamen in allgemeinen Ideen, um die entsprechende Einführung der chinesischen und englischen Attributfunktion anzuzeigen. Der Inhalt wird automatisch basierend auf w3cschool generiert.
Beispiel für die Nutzung
from feffery_dash_utils . style_utils import style
# 方式一:直接编写键值对样式
fac . AntdText (
'测试' ,
style = style (
fontSize = 16 ,
color = 'red'
)
)
# 方式二:解析CSS代码片段
fac . AntdText (
'测试' ,
style = style (
"""
.IvkwhTOsc9wu6RdvHESR .yK52Sq0w7wspWaS28YNl {
width: 91.46%;
margin-left: 4.27%;
margin-bottom: 5%;
position: relative;
}"""
)
)
# 方式三:混合使用
fac . AntdText (
'测试' ,
style = style (
"""
.IvkwhTOsc9wu6RdvHESR .yK52Sq0w7wspWaS28YNl {
width: 91.46%;
margin-left: 4.27%;
margin-bottom: 5%;
position: relative;
}""" ,
fontSize = 16 ,
color = 'red'
)
)TreeManager Es wird verwendet, um schnelle Verwaltungsvorgänge für Baumstrukturdaten auszuführen, von denen Baumkomponenten wie AntdTree und AntdTreeSelect abhängen. Die spezifischen Methoden umfassen:
update_tree_node() Wird verwendet, um allgemeine oder inkrementelle Aktualisierungen an den Knoten durchzuführen, die dem angegebenen key in den Baumstrukturdaten entsprechen.
Beispiel für die Nutzung
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 对示例树形数据指定节点进行整体替换
TreeManager . update_tree_node (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-1' , 'key' : '节点1-1' },
)
# 对示例树形数据指定节点进行增量更新
TreeManager . update_tree_node (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-1new' },
'overlay' ,
)add_node_before() Fügen Sie einen neuen horizontalen Knoten ein, bevor Sie key in den Baumstrukturdaten angeben.
Beispiel für die Nutzung
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 在示例树形数据指定节点前插入平级新节点
TreeManager . add_node_before (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-0' , 'key' : '节点1-0' },
)add_node_after() Fügen Sie einen neuen horizontalen Knoten ein, nachdem Sie den entsprechenden Knoten key in den Baumstrukturdaten angegeben haben.
Beispiel für die Nutzung
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 在示例树形数据指定节点后插入平级新节点
TreeManager . add_node_after (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-2' , 'key' : '节点1-2' },
)delete_node() Löschen Sie den Knoten, der der angegebenen key in den Baumstrukturdaten entspricht.
Beispiel für die Nutzung
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 删除示例树形数据指定节点
TreeManager . delete_node ( demo_tree , '节点2' )get_node() Fragen Sie den Knoten ab, der dem angegebenen key in den Baumstrukturdaten entspricht.
Beispiel für die Nutzung
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 查询示例树形数据中存在的指定节点
TreeManager . get_node ( demo_tree , '节点1-1' )
# 查询示例树形数据中不存在的指定节点(将返回None)
TreeManager . get_node ( demo_tree , '节点1-666' )Translator Es wird verwendet, um schnell internationale mehrsprachige Lösungen in Dash Anwendungen zu erstellen, basierend auf Front-End cookies und lokalen internationalen Konfigurationsdatei-Treibern.
Beispiel für die Nutzung
Siehe i18n_test_app.py, i18n_multi_test_app.py zum Beispiel Anwendungen. Siehe Locales.json, Locales1.json, Locales2.json für Referenzkonfigurationsdateien.
git clone https://github.com/CNFeffery/feffery-dash-utils.git
cd feffery-dash-utils
# 安装开发环境所需依赖
pip install -r requirements/dev.txtstyle_utils style style() layout_utils router_utils template_utils table_utils callback_utils tree_utils TreeManager update_tree_node() add_node_before() add_node_after() , nachdem der Baumknoten eingefügt wurde delete_node() get_node() theme_utils i18n_utils mit internationalalisierungsbezogener Werkzeugfunktion Translator