【無料配布】Flet 1.0テンプレート集｜基本構成＋Excel取込対応の社内ツールひな形

"""Flet 基本構成テンプレート"""
import flet as ft


def layout_sample() -> ft.Column:
    """Row + expand と ResponsiveRow の最小サンプル。"""

    def card(label: str, color: str) -> ft.Container:
        return ft.Container(
            col={"xs": 12, "sm": 6, "md": 4},
            bgcolor=color,
            border_radius=10,
            padding=14,
            height=70,
            content=ft.Text(label, size=13),
        )

    return ft.Column(
        [
            ft.Text("Row + expand の例", size=15, weight=ft.FontWeight.BOLD),
            ft.Row(
                [
                    ft.Container(width=110, height=70, bgcolor=ft.Colors.INDIGO_100, border_radius=10, padding=10,
                                 content=ft.Text("固定幅\nwidth=110", size=12)),
                    ft.Container(expand=True, height=70, bgcolor=ft.Colors.INDIGO_50, border_radius=10, padding=10,
                                 content=ft.Text("expand=True(残り幅いっぱいに広がる)", size=12)),
                ],
                spacing=12,
            ),
            ft.Container(height=20),
            ft.Text("ResponsiveRow の例(画面幅を狭めると1列→2列→3列に変わります)", size=15, weight=ft.FontWeight.BOLD),
            ft.ResponsiveRow(
                [
                    card("xs:12 / sm:6 / md:4", ft.Colors.GREEN_100),
                    card("xs:12 / sm:6 / md:4", ft.Colors.BLUE_100),
                    card("xs:12 / sm:6 / md:4", ft.Colors.ORANGE_100),
                ],
                spacing=12,
                run_spacing=12,
            ),
        ],
        spacing=10,
    )


def main(page: ft.Page):
    page.title = "Flet 基本構成テンプレート"
    page.theme = ft.Theme(color_scheme_seed=ft.Colors.INDIGO)

    def route_change(e=None):
        page.views.clear()
        page.views.append(
            ft.View(
                route="/",
                controls=[
                    ft.AppBar(title=ft.Text("ホーム"), bgcolor=ft.Colors.SURFACE),
                    ft.Container(height=8),
                    ft.Text("Flet 基本構成テンプレートへようこそ", size=18, weight=ft.FontWeight.BOLD),
                    ft.Text("このテンプレートは Flet 1.0 系で動作確認済みです。", size=13, color=ft.Colors.GREY_600),
                    ft.Container(height=20),
                    layout_sample(),
                    ft.Container(height=20),
                    ft.Button("このテンプレートについて", icon=ft.Icons.INFO_OUTLINE, on_click=lambda e: page.navigate("/about")),
                ],
                padding=24,
                scroll=ft.ScrollMode.AUTO,
            )
        )
        if page.route == "/about":
            page.views.append(
                ft.View(
                    route="/about",
                    controls=[
                        ft.AppBar(title=ft.Text("About"), bgcolor=ft.Colors.SURFACE),
                        ft.Container(height=8),
                        ft.Text("このテンプレートについて", size=18, weight=ft.FontWeight.BOLD),
                        ft.Text(
                            "route= / controls= を明示した ft.View と、page.navigate() による\n"
                            "画面遷移のサンプルです。新しい画面を増やす場合は、この route_change()\n"
                            "の中に if page.route == \"...\" のブロックを追加してください。\n\n"
                            "ホーム画面のRow(固定幅+expand=True)とResponsiveRowは、そのまま\n"
                            "コピーして他の画面のレイアウトの土台としても使えます。",
                            size=13,
                        ),
                        ft.Container(height=16),
                        ft.Button("ホームへ戻る", icon=ft.Icons.ARROW_BACK, on_click=lambda e: page.navigate("/")),
                    ],
                    padding=24,
                )
            )
        page.update()

    page.on_route_change = route_change
    route_change()


ft.run(main)

troute = ft.TemplateRoute(page.route)
if troute.match("/customers/:id"):
    page.views.append(
        build_customer_detail_view(page, page.route, troute.id, customers)
    )

_NON_MONTH_LABELS = ("上期", "下期")


def _is_month_group(label) -> bool:
    if not isinstance(label, str):
        return False
    if label in _NON_MONTH_LABELS:
        return False
    if "年度" in label:
        return False
    return True

ft.Button(
    "Excelから読み込む",
    icon=ft.Icons.UPLOAD_FILE,
    action=ft.PickFiles(
        file_picker,
        file_type=ft.FilePickerFileType.CUSTOM,
        allowed_extensions=["xlsx"],
        allow_multiple=False,
    ),
)

def on_import_result(e: ft.FilePickerResultEvent):
    if not e.files:
        page.show_dialog(ft.SnackBar(ft.Text("ファイルが選択されませんでした")))
        return
    try:
        imported = load_customers_from_excel(e.files[0].path)
    except Exception as ex:
        page.show_dialog(ft.SnackBar(ft.Text(f"読み込みに失敗しました: {ex}")))
        return
    customers.clear()
    customers.update(imported)
    route_change()

ft.Container(
    expand=True,
    padding=24,
    content=ft.Column(
        [content],
        expand=True,
        scroll=ft.ScrollMode.AUTO,
    ),
),

cd templates/basic  # または templates/business-dashboard\npip install -r requirements.txt\npython main.py