All Projects โ†’ uiwjs โ†’ uiw-admin

uiwjs / uiw-admin

Licence: MIT license
UIW-Admin Panel Framework, Powered by React and @uiwjs.

Programming Languages

typescript
32286 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to uiw-admin

Ngx Admin
Customizable admin dashboard template based on Angular 10+
Stars: โœญ 23,286 (+110785.71%)
Mutual labels:  admin, admin-dashboard, admin-ui
Sing App
๐Ÿ’ฅFree and open-source admin dashboard template built with Bootstrap 4.5 ๐Ÿ’ฅ
Stars: โœญ 1,187 (+5552.38%)
Mutual labels:  admin, admin-dashboard, admin-ui
Rademade admin
Best rails admin panel!
Stars: โœญ 40 (+90.48%)
Mutual labels:  admin, admin-dashboard, admin-ui
Vue Framework Wz
๐Ÿ‘vueๅŽๅฐ็ฎก็†ๆก†ๆžถ๐Ÿ‘
Stars: โœญ 3,757 (+17790.48%)
Mutual labels:  admin, admin-dashboard, admin-ui
Vue Element Admin
๐ŸŽ‰ A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: โœญ 73,044 (+347728.57%)
Mutual labels:  admin, admin-dashboard, webpack4
Kongdash
An elegant desktop client for Kong Admin API
Stars: โœญ 449 (+2038.1%)
Mutual labels:  admin, admin-dashboard, admin-ui
Shards Dashboard
๐Ÿ”ฅA beautiful Bootstrap 4 admin dashboard templates pack.
Stars: โœญ 1,143 (+5342.86%)
Mutual labels:  admin, admin-dashboard, admin-ui
plain-free-bootstrap-admin-template
Free Bootstrap 5 Admin and Dashboard Template that comes with all essential dashboard components, elements, charts, graph and application pages. Download now for free and use with personal or commercial projects.
Stars: โœญ 141 (+571.43%)
Mutual labels:  admin, admin-dashboard, admin-ui
React Antd Admin
็”จReactๅ’ŒAnt Designๆญๅปบ็š„ไธ€ไธช้€š็”จ็ฎก็†ๅŽๅฐ
Stars: โœญ 1,313 (+6152.38%)
Mutual labels:  admin, admin-dashboard, admin-ui
Shards Dashboard React
โš›๏ธA free and beautiful React admin dashboard template pack.
Stars: โœญ 1,268 (+5938.1%)
Mutual labels:  admin, admin-dashboard, admin-ui
Blur Admin
AngularJS Bootstrap Admin Panel Framework
Stars: โœญ 11,274 (+53585.71%)
Mutual labels:  admin, admin-dashboard, admin-ui
Layui Admin
ๅŸบไบŽlayuiๅ’Œthinkphp6.0็š„ๅฟซ้€ŸๅŽๅฐๅผ€ๅ‘ๆก†ๆžถใ€‚ๅฟซ้€Ÿๆž„ๅปบๅฎŒๅ–„็š„็ฎก็†ๅŽๅฐ๏ผŒๅ†…็ฝฎ่กจๅ•ใ€่กจๆ ผ็š„php็”Ÿๆˆ๏ผŒไปฅๅŠๅฎŒๅ–„็š„RBACๆƒ้™็ฎก็†ใ€‚
Stars: โœญ 101 (+380.95%)
Mutual labels:  admin, admin-dashboard, admin-ui
Coreui Free Laravel Admin Template
CoreUI Free Laravel Bootstrap Admin Template
Stars: โœญ 353 (+1580.95%)
Mutual labels:  admin, admin-dashboard, admin-ui
Cleopatra
Admin Dashboard Template Built On Tailwind CSS
Stars: โœญ 521 (+2380.95%)
Mutual labels:  admin, admin-dashboard, admin-ui
React Admin
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
Stars: โœญ 18,525 (+88114.29%)
Mutual labels:  admin, admin-dashboard, admin-ui
Root Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Root is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: โœญ 54 (+157.14%)
Mutual labels:  admin, admin-dashboard, admin-ui
Purple-React
Free React.js version of popular admin template Purple Admin.
Stars: โœญ 55 (+161.9%)
Mutual labels:  admin, admin-dashboard, admin-ui
vue-element-admin-ts
vue-element-admin ็š„ typescript ็‰ˆๆœฌ
Stars: โœญ 101 (+380.95%)
Mutual labels:  admin, admin-dashboard, webpack4
Staradmin Free Bootstrap Admin Template
A Free Responsive Admin Dashboard Template Built With Bootstrap 4. Elegant UI Theme for Your Web App!
Stars: โœญ 1,191 (+5571.43%)
Mutual labels:  admin, admin-dashboard, admin-ui
Gentelella
Welcome to Gentelella - Responsive Bootstrap Admin Application based on the Foundation of Symfony and Gentelella!
Stars: โœญ 100 (+376.19%)
Mutual labels:  admin, admin-dashboard, admin-ui

UIW Admin Project

Build and Deploy Downloads npm version npm unpkg

ไธ€ไธชๅŸบไบŽ uiw ๅ’Œ kkt ็š„ๅˆๅง‹็บงๅˆซ้กน็›ฎใ€‚

๐Ÿ‘€ ้ข„่งˆ

Open in CodeSandbox Open in StackBlitz

โœจ ็‰นๆ€ง

  • ๐ŸŒˆ ไผไธš็บงไธญๅŽๅฐไบงๅ“็š„ไบคไบ’่ฏญ่จ€ๅ’Œ่ง†่ง‰้ฃŽๆ ผใ€‚
  • ๐Ÿ“ฆ ๅผ€็ฎฑๅณ็”จ็š„้ซ˜่ดจ้‡ React ๅŽๅฐ็ฎก็†ๆก†ๆžถใ€‚
  • ๐Ÿ›ก ไฝฟ็”จ TypeScript ๅผ€ๅ‘ใ€‚
  • โš™๏ธ ้›†ๆˆ็™ป้™†ใ€Reduxใ€้€‰้กนๅก็ญ‰็‰นๆ€งใ€‚
  • ๐ŸŒด ๅฎŒๅค‡่ทฏ็”ฑ๏ผŒๅŒๆ—ถๆ”ฏๆŒ้…็ฝฎๅผ่ทฏ็”ฑๅ’Œ็บฆๅฎšๅผ่ทฏ็”ฑ๏ผŒๅŒๆ—ถไฟๆŒๅŠŸ่ƒฝ็š„ๅฎŒๅค‡ๆ€ง๏ผŒๆฏ”ๅฆ‚ๅŠจๆ€่ทฏ็”ฑใ€ๅตŒๅฅ—่ทฏ็”ฑใ€ๆƒ้™่ทฏ็”ฑ็ญ‰็ญ‰ใ€‚

๐Ÿ”— ็›ธๅ…ณไพ่ต–

Package Version Description
@uiw-admin/basic-layouts npm ็”จไบŽๅธƒๅฑ€็š„็ป„ไปถ
@uiw-admin/document-title npm ่ฎพ็ฝฎ้กต้ขๆ ‡้ข˜
@uiw-admin/router-control npm ่ทฏ็”ฑ็ฎก็†
@uiw-admin/user-login npm ็™ปๅฝ•็•Œ้ข
@uiw-admin/components npm ๅธธ่ง็š„ไธšๅŠก็ป„ไปถ
@uiw-admin/models npm ็ฎ€ๅŒ– rematch ้…็ฝฎ
@uiw-admin/exceptions npm ๅ…ฌๅ…ฑๅผ‚ๅธธ็ป„ไปถ
@uiw-admin/config npm ็ฎ€ๅŒ– kkt ้…็ฝฎ
@uiw-admin/plugins npm kkt ๆ’ไปถ
eslint-config-uiw-admin npm uiw-admin ๅ†…็ฝฎ eslint ่ง„ๅˆ™้…็ฝฎ

โŒจ๏ธ ๅฟซ้€Ÿๅผ€ๅง‹

  1. ็›ดๆŽฅไธ‹่ฝฝๅฎžไพ‹ๆ–‡ไปถ uiw-admin-ts.zip uiw-admin-js.zip
  1. ้€š่ฟ‡ๅ‘ฝไปคๅˆ›ๅปบ้กน็›ฎ
# 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

โœจ้ป˜่ฎค่ดฆๅทๅฏ†็ 

  • ่ดฆๅท: admin
  • ๅฏ†็ : admin

๐Ÿ”จ ็”Ÿไบงๆž„ๅปบ

$ cd uiw-admin

$ yarn build

๐Ÿ“— ็›ฎๅฝ•็ป“ๆž„

ไธ€ไธชๅŸบ็ก€็š„ uiw-admin ้กน็›ฎๅคง่‡ดๆ˜ฏ่ฟ™ๆ ท็š„๏ผŒ

.
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ config
โ”‚   โ””โ”€โ”€ routes.json  # ่ทฏ็”ฑ้…็ฝฎ
โ”œโ”€โ”€ mocker           # mock ๆ•ฐๆฎ
โ”‚   โ”œโ”€โ”€ auth
โ”‚   โ”‚   โ””โ”€โ”€ index.js
โ”‚   โ”œโ”€โ”€ demo.js
โ”‚   โ”œโ”€โ”€ index.js
โ”‚   โ”œโ”€โ”€ login.js
โ”‚   โ””โ”€โ”€ selectPage.js
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ public
โ”‚   โ”œโ”€โ”€ favicon.ico
โ”‚   โ””โ”€โ”€ index.html
โ”œโ”€โ”€ sandbox.config.json
โ”œโ”€โ”€ 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
โ””โ”€โ”€ tsconfig.json

โค๏ธ ่ดก็Œฎ่€…

ๆ„Ÿ่ฐขๆ‰€ๆœ‰็š„่ดก็Œฎ่€…๏ผŒๆฌข่ฟŽๅผ€ๅ‘่€…ไธบๅผ€ๆบ้กน็›ฎ่ดก็ŒฎๅŠ›้‡ใ€‚

License

Licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].