|
|
|
|
Language : [🇺🇸](./README.md) | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | 🇹🇷 | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇵🇹](./README.pt-BR.md) | [🇸🇦](./README.ar-DZ.md)
|
|
|
|
|
|
|
|
|
|
<h1 align="center">Ant Design Pro</h1>
|
|
|
|
|
|
|
|
|
|
<div align="center">
|
|
|
|
|
|
|
|
|
|
React ile kurumsal uygulamalar için taslak olarak geliştirilmiş kullanıma hazır bir UI çözümü.
|
|
|
|
|
|
|
|
|
|
[](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)  
|
|
|
|
|
|
|
|
|
|
[](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](http://umijs.org/) 
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
- Önizleme: http://preview.pro.ant.design
|
|
|
|
|
- Anasayfa: http://pro.ant.design
|
|
|
|
|
- Dokümantasyon: http://pro.ant.design/docs/getting-started
|
|
|
|
|
- ChangeLog: http://pro.ant.design/docs/changelog
|
|
|
|
|
- SSS: http://pro.ant.design/docs/faq
|
|
|
|
|
- Çinde barındırılan site: http://ant-design-pro.gitee.io
|
|
|
|
|
|
|
|
|
|
## 5.0 Versiyonu Şimdi Yayında! 🎉🎉🎉
|
|
|
|
|
|
|
|
|
|
[Ant Design Pro 5.0.0](https://github.com/ant-design/ant-design-pro/issues/8656)
|
|
|
|
|
|
|
|
|
|
## Çeviri Desteği :loudspeaker:
|
|
|
|
|
|
|
|
|
|
Çeviriler için yardımınıza ihtiyacımız var: https://github.com/ant-design/ant-design-pro/issues/120
|
|
|
|
|
|
|
|
|
|
## Özellikler
|
|
|
|
|
|
|
|
|
|
- :bulb: **TypeScript**: Uygulama ölçeğinde geliştirme için JavaScript
|
|
|
|
|
- :scroll: **Blocks**: Block template ile sayfa oluşturma
|
|
|
|
|
- :gem: **Zarif Tasarım**: Buradan [Ant Design özellikleri](http://ant.design/)
|
|
|
|
|
- :triangular_ruler: **Ortak Şablonlar**: Kurumsal uygulamalar için şablonlar
|
|
|
|
|
- :rocket: **Sanatsal gelişim durumu**: Newest development stack of React/umi/dva/antd
|
|
|
|
|
- :iphone: **Responsive**: Değişken ekran boyutları için tasarlanmıştır
|
|
|
|
|
- :art: **Tema Kullanımı**: Basit ayarlar ile özelleştirilebilir tema
|
|
|
|
|
- :globe_with_meridians: **Uluslararası**: Built-in i18n solution
|
|
|
|
|
- :gear: **Best Practices**: İyi kod için sağlam iş akışı
|
|
|
|
|
- :1234: **Mock Geliştirme**: Model(Mock) geliştirmeler için kolay çözüm
|
|
|
|
|
- :white_check_mark: **UI Testi**: Unit ve e2e testleri ile güvenli sürdürülebilirlik
|
|
|
|
|
|
|
|
|
|
## Şablonlar
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
- Dashboard
|
|
|
|
|
- Analitik
|
|
|
|
|
- Monitör
|
|
|
|
|
- Çalışma alanı
|
|
|
|
|
- Form
|
|
|
|
|
- Basit Form
|
|
|
|
|
- Step Form
|
|
|
|
|
- Gelişmiş Form
|
|
|
|
|
- List
|
|
|
|
|
- Standard Tablo
|
|
|
|
|
- Standard Liste
|
|
|
|
|
- Kart Liste
|
|
|
|
|
- Arama Listesi (Project/Applications/Article)
|
|
|
|
|
- Profil
|
|
|
|
|
- Basit Profil
|
|
|
|
|
- Gelişmiş Profil
|
|
|
|
|
- Hesap
|
|
|
|
|
- Hesap Yönetimi
|
|
|
|
|
- Hesap Ayarları
|
|
|
|
|
- Sonuç
|
|
|
|
|
- Başarılı
|
|
|
|
|
- Hatalı
|
|
|
|
|
- Hatalar
|
|
|
|
|
- 403
|
|
|
|
|
- 404
|
|
|
|
|
- 500
|
|
|
|
|
- Kullanıcı
|
|
|
|
|
- Giriş
|
|
|
|
|
- Kayıt
|
|
|
|
|
- Kayıt Sonucu
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Kullanım
|
|
|
|
|
|
|
|
|
|
### Bash ile
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
$ mkdir <your-project-name>
|
|
|
|
|
$ cd <your-project-name>
|
|
|
|
|
$ yarn create umi # or npm create umi
|
|
|
|
|
|
|
|
|
|
# Choose ant-design-pro:
|
|
|
|
|
Select the boilerplate type (Use arrow keys)
|
|
|
|
|
❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
|
|
|
|
|
app - Create project with a simple boilerplate, support typescript.
|
|
|
|
|
block - Create a umi block.
|
|
|
|
|
library - Create a library with umi.
|
|
|
|
|
plugin - Create a umi plugin.
|
|
|
|
|
|
|
|
|
|
$ git init
|
|
|
|
|
$ npm install
|
|
|
|
|
$ npm start # visit http://localhost:8020
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Tarayıcı desteği
|
|
|
|
|
|
|
|
|
|
Modern internet tarayıcıları .
|
|
|
|
|
|
|
|
|
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
|
|
|
|
| --- | --- | --- | --- | --- |
|
|
|
|
|
| Edge | son 2 versiyon | son 2 versiyon | son 2 versiyon | son 2 versiyon |
|
|
|
|
|
|
|
|
|
|
## Destek
|
|
|
|
|
|
|
|
|
|
Her türlü desteğinize açığız, bu projeye nasıl katkıda bulunabileceğinize dair bazı örnekler:
|
|
|
|
|
|
|
|
|
|
- Günlük işinizde Ant Design Pro kullanın.
|
|
|
|
|
- Hataları bildirmek veya soru sormak için [issues](http://github.com/ant-design/ant-design-pro/issues) gönderin.
|
|
|
|
|
- Kodumuzu geliştirmek için [pull requests](http://github.com/ant-design/ant-design-pro/pulls) gönderin.
|