uiw admin

UIW管理プロジェクト

uiw と @kkt/pro に基づくスターター レベルのプロジェクト。

プレビュー

特性

• ? エンタープライズレベルのミッドエンドおよびバックエンド製品のインタラクティブな言語とビジュアルスタイル。
• ? すぐに使える高品質な React バックエンド管理フレームワーク。
• ? TypeScript を使用して開発されました。
• 統合されたログイン、Redux、タブ、その他の機能。
• ? 動的ルーティング、ネストされたルーティング、許可ルーティングなどの完全な機能を維持しながら、設定されたルーティングと同意されたルーティングの両方をサポートする完全なルーティング。

? 関連する依存関係

パッケージ	バージョン	説明
@uiw-admin/basic-layouts		レイアウトに使用するコンポーネント
@uiw-admin/document-title		ページタイトルを設定する
@uiw-admin/user-login		ログインインターフェース
@uiw-admin/components		共通のビジネスコンポーネント
@uiw-admin/exceptions		パブリック例外コンポーネント
eslint-config-uiw-admin		uiw-admin 組み込み eslint ルール設定

⌨️ クイックスタート

1. サンプル ファイルuiw-admin-ts.zip uiw-admin-js.zipを直接ダウンロードします。

2. コマンドでプロジェクトを作成

 # npm 6.x
$ npm init uiw-admin my-app --example uiw-admin-ts
# npm 7+, extra double-dash is needed:
$ npm init uiw-admin my-app -- --example uiw-admin-ts

$ yarn create uiw-admin [appName]
# or npm
$ npm create uiw-admin my-app
# or npx
$ npx create-uiw-admin my-app

開発開始

yarn workspacesを使用してnode_modulesを管理する

$ cd uiw-admin

$ yarn install

$ yarn build

$ yarn start

プロダクションビルド

$ cd uiw-admin

$ yarn build

? ディレクトリ構造

基本的な uiw-admin プロジェクトは大まかに次のようになります。

 .
├── README.md
├── config
│   ├── .kktprc.ts   # 配置文件可放在根目录下
│   └── routes.json  # 路由配置
├── mocker           # mock 数据
│   ├── auth
│   │   └── index.js
│   ├── demo.js
│   ├── index.js
│   ├── login.js
│   └── selectPage.js
├── package.json
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── assets
│   │   ├── head.png
│   │   ├── logo-dark.svg
│   │   └── logo-light.svg
│   ├── index.css
│   ├── index.tsx
│   ├── layouts             # 框架组件
│   │   ├── BasicLayout.tsx # 框架菜单
│   │   ├── UserLayout.tsx  # 登陆页面
│   │   └── logo.svg
│   ├── models              # remach models
│   │   ├── Doc
│   │   │   └── doc.ts
│   │   ├── demo.ts
│   │   ├── global.ts
│   │   ├── home.ts
│   │   └── login.ts
│   ├── pages                 # 页面， 文件名大写
│   │   ├── Dashboard
│   │   │   └── index.tsx
│   │   ├── Demo
│   │   │   ├── Detail
│   │   │   │   ├── index.tsx
│   │   │   │   └── items.tsx
│   │   │   └── index.tsx
│   │   ├── TableList
│   │   │   └── index.tsx
│   │   └── login
│   │       ├── index.module.less
│   │       └── index.tsx
│   ├── react-app-env.d.ts
│   └── servers               # 放置api文件的地方，文件名已后端接口模块名命名，不以路由命名
│       └── index.ts
├── .kktprc.ts                # 配置文件可放在config目录下
└── tsconfig.json

❤️寄稿者

すべての貢献者のおかげで、開発者はオープンソース プロジェクトに貢献することができます。

ライセンス

MITライセンスに基づいてライセンスされています。