• Stars
    star
    296
  • Rank 140,422 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

👻use umi conventional routing in Ant Design Pro 使用umi约定式路由多Tabs的Ant Design Pro(Antd Pro的实验项目)

English | 简体中文 | Русский | Türkçe | 日本語

Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate.

Alita Build With Umi Build Status Dependencies DevDependencies Gitter Join the chat at https://gitter.im/ant-design/ant-design-pro Netlify Status

2.0 Released Now! 🎉🎉🎉

Announcing Ant Design Pro 2.0.0

Translation Recruitment 📢

We need your help: ant-design/ant-design-pro#120

Features

  • 💎 Neat Design: Follow Ant Design specification
  • 📐 Common Templates: Typical templates for enterprise applications
  • 🚀 State of The Art Development: Newest development stack of React/umi/dva/antd
  • 📱 Responsive: Designed for variable screen sizes
  • 🎨 Theming: Customizable theme with simple config
  • 🌐 International: Built-in i18n solution
  • ⚙️ Best Practices: Solid workflow to make your code healthy
  • 🔢 Mock development: Easy to use mock development solution
  • UI Test: Fly safely with unit and e2e tests

Templates

- Dashboard
  - Analytic
  - Monitor
  - Workspace
- Form
  - Basic Form
  - Step Form
  - Advanced From
- List
  - Standard Table
  - Standard List
  - Card List
  - Search List (Project/Applications/Article)
- Profile
  - Simple Profile
  - Advanced Profile
- Account
  - Account Center
  - Account Settings
- Result
  - Success
  - Failed
- Exception
  - 403
  - 404
  - 500
- User
  - Login
  - Register
  - Register Result

Usage

Use bash

$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
$ cd ant-design-pro
$ npm install
$ npm start         # visit http://localhost:8000

Use by docker

# preview
$ docker pull antdesign/ant-design-pro
$ docker run -p 80:80 antdesign/ant-design-pro
# open http://localhost

# dev
$ npm run docker:dev

# build
$ npm run docker:build


# production dev
$ npm run docker-prod:dev

# production build
$ npm run docker-prod:build

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

More instructions at documentation.

Browsers support

Modern browsers and IE11.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Contributing

Any type of contribution is welcome, here are some examples of how you may contribute to this project:

  • Use Ant Design Pro in your daily work.
  • Submit issues to report bugs or ask questions.
  • Propose pull requests to improve our code.

umi@^2.4.4 DONE Compiled successfully in 41505ms umi@^2.12.4 DONE Compiled successfully in 30196ms

More Repositories

1

alita

A React framework based on umi.
JavaScript
793
star
2

umi-plugin-keep-alive

<KeepAlive> for umijs base on react-activation
JavaScript
289
star
3

ant-design-plus

基于ant-design封装的偏业务组件
TypeScript
138
star
4

DynamicForm

antd mobile json form
TypeScript
93
star
5

react-route-6-keepalive

keepalive playground
TypeScript
44
star
6

antd-mobile-plus

基于 antd-mobile@2 的业务组件
TypeScript
36
star
7

gesture-password

gesture password(手势密码)
TypeScript
31
star
8

umi-plugin-sentry

umi plugin with https://sentry.io/
TypeScript
24
star
9

rc-charts

一个基于BizCharts的图表库
TypeScript
22
star
10

moUI

🍕面向现代浏览器的 CSS 样式库
TypeScript
21
star
11

umi-plugin-authorize

The permission routing of Umi Convention Router
JavaScript
20
star
12

autils

Awesome frontend utils library
TypeScript
17
star
13

umi-plugins

Umi Plugins
TypeScript
14
star
14

plugin-theme

you can use to change theme dynamically in browser
TypeScript
13
star
15

milady

Generate the front-end code by parsing the interface document
TypeScript
13
star
16

wufeng

重剑无锋,大巧不工
TypeScript
11
star
17

notification

小而美的通知中心,适用于站内信、评论区等场景。
TypeScript
10
star
18

valita

A Vue framework based on umi.
TypeScript
8
star
19

dumi-next

抽空写一个我理解中的 dumi
TypeScript
8
star
20

url-local

umi plugin 根据访问的url,自动切换语言
JavaScript
8
star
21

templates

alita templates ( ant-design-pro block for h5)
TypeScript
7
star
22

umi-plugin-log

umi plugin api 简单的展示umi的生命周期
TypeScript
7
star
23

charts

通用的移动端图表库,不支持自定义
TypeScript
6
star
24

f2

Based on F2 encapsulated chart component, it supports react hook. Help you quickly in the mobile terminal project to achieve chart.
TypeScript
6
star
25

alita-layout

The generic h5 layout in umi uses antd-mobile
TypeScript
5
star
26

yucca

page editor
TypeScript
5
star
27

umi4-playground

umi@4 playground
TypeScript
5
star
28

iframe

解决 alita 项目页面嵌套,内外 viewport 不一致导致的缩放错误问题,支持套娃
TypeScript
4
star
29

wufengcore

统一中心注册器核心包
TypeScript
4
star
30

alita-docs

alitajs 官网
TypeScript
4
star
31

list-view

ant design mobile useLoadMore ListView
TypeScript
4
star
32

autoIntl

自动提取项目中的中文,导出Intl需要的变量,注意不要中英文标点混用。
JavaScript
4
star
33

use-g2

React hooks for G2.
TypeScript
4
star
34

g2charts

与 ant-design-charts 共建,欢迎关注 https://github.com/ant-design/ant-design-charts
TypeScript
3
star
35

alita-kit

h5 business component
JavaScript
3
star
36

react-dplayer

React DPlayer
TypeScript
3
star
37

TreeSelect

一个移动端的全屏弹窗树选择器
TypeScript
3
star
38

hooks

Awesome react hooks
TypeScript
3
star
39

umi-plugin-main-path

演示demo,真实环境请使用@alitajs/main-path
TypeScript
3
star
40

umi-plugin-cn-intl

增加命令umi cnintl,用于一键添加国际化,临时使用,考虑由kiwi支持
JavaScript
3
star
41

next-alita-app

alita demo @ 2.0
Java
2
star
42

umi-plugin-dva-connect

Generate types definitions of dvajs models automatically
TypeScript
2
star
43

ajs

低代码平台,页面最小粒子的 JSON Schema
TypeScript
2
star
44

app-bill

实习生的练手项目-一个简单的记账本项目
TypeScript
2
star
45

DragAndDrop

一个react的dnd封装,兼容手机端,简化用法。
TypeScript
2
star
46

merkle-snowflake

An algorithm for generating global unique identifiers.
TypeScript
2
star
47

rfcs

RFCs for changes to Alita
2
star
48

alive

一个面向前端开发人员的移动端的低代码平台尝试方案,希望能够减少前端的工作时间,让开发人员拥有更多的时间生活。
2
star
49

yaml-joi

Parse string in yaml format into Joi validator.
TypeScript
2
star
50

umi-plugin-dnd

react-dnd
JavaScript
2
star
51

antd-mobile-preview

The antd-mobile@5 Component Demos
TypeScript
2
star
52

alitajs-native

TypeScript
2
star
53

blowcode

Tap the code with your mouth
TypeScript
2
star
54

ant-design-atom

ant design pro components
TypeScript
1
star
55

umi-plugin-remove-all-url

Remove all URLs that are not in the white list
JavaScript
1
star
56

native-apps

让 umi 支持 React Native 和小程序开发.
1
star
57

vscode-plugin

不知道干啥,先占个名字
TypeScript
1
star
58

umi-plugin-inspx

umi with inspx -- https://github.com/raunofreiberg/inspx
TypeScript
1
star
59

mock-server

TypeScript
1
star
60

micro-app-android-framework

Java
1
star
61

micro-app-js-framework

JavaScript
1
star
62

learn-alita-demo

alita 入门教程的附属产物
JavaScript
1
star
63

image-hot-spots

设置图片热区组件
TypeScript
1
star
64

micro-app-ios-framework

Objective-C
1
star
65

micro-app

alita micro app demo
TypeScript
1
star
66

test

react + vitest testing utils
TypeScript
1
star
67

zoomie

💡 Umi + Vue Starter Template
TypeScript
1
star
68

alita-app-pc

alita demo
TypeScript
1
star