概要:
Mermaid ER図を登録参照できる。試作的アプリの作成メモとなります
- 前の Mermaid記法の記事を参考にしました。
- 設計ツール的な作例となります。
- 紹介的な内容です
- Vercelに、設置しました。
構成
- Astro: 2
- trpc/server : 10.13.2
- postgers (supabase)
関連の記事
参考のコード
ER図、参考
- 詳細画面
- 編集画面
- path
/chart : 一覧
/chart/show/ID : 詳細
/chart/edit/ID : 編集
- tree : client
$ tree .
.
├── components
├── env.d.ts
├── layouts
│ └── Layout.astro
├── lib
│ ├── Layout.ts
│ ├── LibAuth.ts
│ ├── LibConfig.ts
│ ├── LibCookie.ts
│ ├── LibCrud.ts
│ ├── LibDbSession.ts
│ ├── LibLogin.ts
│ ├── LibSqlite.ts
│ ├── LibStorage.ts
│ └── LibTest.ts
├── pages
│ ├── chart
│ │ ├── Chart.ts
│ │ ├── ChartCreate.ts
│ │ ├── ChartEdit.ts
│ │ ├── ChartShow.ts
│ │ ├── Test.ts
│ │ ├── create.astro
│ │ ├── edit
│ │ │ └── [id].astro
│ │ ├── index.astro
│ │ └── show
│ │ └── [id].astro
│ ├── index.astro
│ ├── login
│ │ ├── Login.ts
│ │ └── index.astro
└── utils
└── trpc.ts
関連のページ
....