afc163
5 months ago
committed by
GitHub
GitHub
7 changed files with 493 additions and 464 deletions
@ -1,129 +1,125 @@ |
|||
Language : [🇺🇸](./README.md) | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇵🇹](./README.pt-BR.md) | 🇸🇦 | |
|||
# Ant Design Pro |
|||
|
|||
اللغة: 🇺🇸 | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇧🇷](./README.pt-BR.md) | [🇩🇿](./README.ar-DZ.md) | [🇪🇸](./README.es-ES.md) |
|||
|
|||
<h1 align="center">Ant Design Pro</h1> |
|||
<div dir="rtl"> |
|||
|
|||
<div align="center"> |
|||
|
|||
حل UI جاهز لتطبيقات المؤسسات كنموذج معياري لـ React. |
|||
حل واجهة مستخدم جاهز لتطبيقات المؤسسات مبني على React. |
|||
|
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml) |
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/preview-deploy.yml) |
|||
[](http://umijs.org/) |
|||
[](https://biomejs.dev) |
|||
 |
|||
[](https://ant.design/) |
|||
|
|||
 |
|||
<img width="1718" height="1191" alt="معاينة السمة الفاتحة" src="https://github.com/user-attachments/assets/74ad0b4a-e086-4955-8edd-9f2cff31aee8" /> |
|||
<img width="1718" height="1191" alt="معاينة السمة الداكنة" src="https://github.com/user-attachments/assets/d4bcb7c1-42c7-4c0f-b130-1193a931f9f7" /> |
|||
|
|||
</div> |
|||
|
|||
- معاينة: http://preview.pro.ant.design |
|||
- المعاينة: http://preview.pro.ant.design |
|||
- الصفحة الرئيسية: http://pro.ant.design |
|||
- توثيق: http://pro.ant.design/docs/getting-started |
|||
- سجل التغيير: http://pro.ant.design/docs/changelog |
|||
- التوثيق: http://pro.ant.design/docs/getting-started |
|||
- سجل التغييرات: http://pro.ant.design/docs/changelog |
|||
- الأسئلة الشائعة: http://pro.ant.design/docs/faq |
|||
|
|||
## 4.0 صدر الآن! 🎉🎉🎉 |
|||
|
|||
[الإعلان عن Ant Design Pro 4.0.0](https://medium.com/ant-design/ant-design-pro-v4-is-here-6f23098ae9d9) |
|||
|
|||
## توظيف الترجمة :loudspeaker: |
|||
|
|||
نحن نحتاج مساعدتك: https://github.com/ant-design/ant-design-pro/issues/120 |
|||
|
|||
## الميزات |
|||
|
|||
- :bulb: **تايب سكريبت**: جافا سكريبت لتطوير التطبيقات |
|||
- :scroll: **الكتل**: بناء الصفحة مع قالب كتلة |
|||
- :gem: **تصميم أنيق**: يتبع [مواصفات تصميم النمل](http://ant.design/) |
|||
- :triangular_ruler: **القوالب المشتركة**: قوالب نموذجية لتطبيقات المؤسسة |
|||
- :rocket: **حالة التطور الفني**: أحدث حزمة تطوير لـ React/umi/dva/antd |
|||
- :iphone: **متجاوب**: مصممة لأحجام الشاشات المتغيرة |
|||
- :art: **تصميم**: تصميم قابل للتخصيص مع تكوين بسيط |
|||
- :globe_with_meridians: **عالمي**: تم بناؤه بواسطة i18n solution |
|||
- :gear: **أفضل الممارسات**: سير عمل قوي لجعل الكود سليم |
|||
- :1234: **تطوير وهمي**: سهولة استخدام حل التطوير الوهمي |
|||
- :white_check_mark: **اختبار واجهة المستخدم**: يمكنك الطيران بأمان مع اختبارات الوحدة و e2e |
|||
- :bulb: **TypeScript**: لغة لتطبيقات JavaScript على نطاق واسع |
|||
- :scroll: **الكتل**: بناء الصفحات باستخدام قوالب الكتل |
|||
- :gem: **تصميم أنيق**: يتبع [مواصفات Ant Design](http://ant.design/) |
|||
- :triangular_ruler: **قوالب شائعة**: قوالب نموذجية لتطبيقات المؤسسات |
|||
- :rocket: **تطوير حديث**: أحدث تقنيات React/umi/dva/antd |
|||
- :iphone: **متجاوب**: مصمم لأحجام شاشات مختلفة |
|||
- :art: **تخصيص السمة**: سمة قابلة للتخصيص بإعداد بسيط |
|||
- :globe_with_meridians: **دعم اللغات**: حل i18n مدمج |
|||
- :gear: **أفضل الممارسات**: سير عمل قوي للحفاظ على صحة الكود |
|||
- :1234: **تطوير وهمي**: حل تطوير وهمي سهل الاستخدام |
|||
- :white_check_mark: **اختبار الواجهة**: أمان مع اختبارات الوحدة وe2e |
|||
|
|||
## القوالب |
|||
|
|||
``` |
|||
- لوحة القيادة |
|||
- تحليلي |
|||
- مراقب |
|||
- تحليلات |
|||
- مراقبة |
|||
- مساحة العمل |
|||
- نموذج |
|||
- النموذج الأساسي |
|||
- نموذج الخطوة |
|||
- النماذج |
|||
- نموذج أساسي |
|||
- نموذج متعدد الخطوات |
|||
- نموذج متقدم |
|||
- القائمة |
|||
- الجدول القياسي |
|||
- القائمة القياسية |
|||
- القوائم |
|||
- جدول قياسي |
|||
- قائمة قياسية |
|||
- قائمة البطاقات |
|||
- قائمة البحث (Project/Applications/Article) |
|||
- قائمة البحث (مشروع/تطبيقات/مقال) |
|||
- الملف الشخصي |
|||
- ملف شخصي بسيط |
|||
- ملف شخصي متقدم |
|||
- الحساب |
|||
- مركز الحساب |
|||
- اعدادات الحساب |
|||
- النتيجة |
|||
- إعدادات الحساب |
|||
- النتائج |
|||
- نجاح |
|||
- فشل |
|||
- استثناء |
|||
- الاستثناءات |
|||
- 403 |
|||
- 404 |
|||
- 500 |
|||
- المستخدم |
|||
- تسجيل الدخول |
|||
- تسجيل |
|||
- تسجيل النتائج |
|||
- التسجيل |
|||
- نتيجة التسجيل |
|||
``` |
|||
|
|||
## الإستخدام |
|||
## الاستخدام |
|||
|
|||
### استخدام ال bash |
|||
### استخدام bash |
|||
|
|||
</div> |
|||
|
|||
<div dir="ltr"> |
|||
نوفر pro-cli لبدء المشروع بسرعة. |
|||
|
|||
```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:8000 |
|||
# استخدم npm |
|||
npm i @ant-design/pro-cli -g |
|||
pro create myapp |
|||
``` |
|||
|
|||
</div> |
|||
اختر قالب pro. Simple هو القالب الأساسي الذي يوفر فقط المحتوى الأساسي لتشغيل الإطار. Complete يحتوي على جميع الكتل، وهو غير مناسب كقالب أساسي للتطوير الثانوي. |
|||
|
|||
<div dir="rtl"> |
|||
```shell |
|||
? 🚀 مشروع كامل أم هيكل بسيط؟ (استخدم الأسهم) |
|||
➥ simple |
|||
complete |
|||
``` |
|||
|
|||
## دعم المتصفحات |
|||
تهيئة مستودع Git: |
|||
|
|||
المتصفحات الحديثة و. |
|||
```shell |
|||
$ git init myapp |
|||
``` |
|||
|
|||
تثبيت التبعيات: |
|||
|
|||
```shell |
|||
$ cd myapp && tyarn |
|||
// أو |
|||
$ cd myapp && npm install |
|||
``` |
|||
|
|||
## المتصفحات المدعومة |
|||
|
|||
المتصفحات الحديثة. |
|||
|
|||
| [<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 | last 2 versions | last 2 versions | last 2 versions | last 2 versions | |
|||
| Edge | آخر إصدارين | آخر إصدارين | آخر إصدارين | آخر إصدارين | |
|||
|
|||
## المساهمة |
|||
|
|||
نرحب بأي نوع من المساهمات ، وإليك بعض الأمثلة عن كيفية المساهمة في هذا المشروع: |
|||
أي مساهمة مرحب بها. إليك بعض الطرق للمساهمة في هذا المشروع: |
|||
|
|||
- استخدم Ant Design Pro في عملك اليومي. |
|||
- إرسال [القضايا](http://github.com/ant-design/ant-design-pro/issues) للإبلاغ عن مشكل أو لطرح أسئلة |
|||
- اقترح [طلبات السحب](http://github.com/ant-design/ant-design-pro/pulls) لتحسين الكود الخاص بنا. |
|||
|
|||
</div> |
|||
- أرسل [issues](http://github.com/ant-design/ant-design-pro/issues) للإبلاغ عن الأخطاء أو طرح الأسئلة. |
|||
- اقترح [pull requests](http://github.com/ant-design/ant-design-pro/pulls) لتحسين الكود الخاص بنا. |
|||
|
|||
@ -1,118 +1,125 @@ |
|||
Language : [🇺🇸](./README.md) | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | 🇯🇵 | [🇫🇷](./README.fr-FR.md) | [🇵🇹](./README.pt-BR.md) | [🇸🇦](./README.ar-DZ.md) |
|||
# Ant Design Pro |
|||
|
|||
言語: 🇺🇸 | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇧🇷](./README.pt-BR.md) | [🇩🇿](./README.ar-DZ.md) | [🇪🇸](./README.es-ES.md) |
|||
|
|||
<h1 align="center">Ant Design Pro</h1> |
|||
|
|||
<div align="center"> |
|||
|
|||
独創的な業務システムの UI を解決するための React ボイラープレート。 |
|||
エンタープライズアプリケーション向けの、Reactベースのすぐに使えるUIソリューション。 |
|||
|
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml) |
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/preview-deploy.yml) |
|||
[](http://umijs.org/) |
|||
[](https://biomejs.dev) |
|||
 |
|||
[](https://ant.design/) |
|||
|
|||
 |
|||
<img width="1718" height="1191" alt="ライトテーマのプレビュー" src="https://github.com/user-attachments/assets/74ad0b4a-e086-4955-8edd-9f2cff31aee8" /> |
|||
<img width="1718" height="1191" alt="ダークテーマのプレビュー" src="https://github.com/user-attachments/assets/d4bcb7c1-42c7-4c0f-b130-1193a931f9f7" /> |
|||
|
|||
</div> |
|||
|
|||
- プレビュー: http://preview.pro.ant.design |
|||
- ホームページ: http://pro.ant.design |
|||
- ドキュメント: http://pro.ant.design/docs/getting-started |
|||
- 変更ログ: http://pro.ant.design/docs/changelog |
|||
- 変更履歴: http://pro.ant.design/docs/changelog |
|||
- FAQ: http://pro.ant.design/docs/faq |
|||
|
|||
## 2.0 がリリースされました 🎉🎉🎉 |
|||
|
|||
[Announcing Ant Design Pro 2.0.0](https://medium.com/ant-design/beautiful-and-powerful-ant-design-pro-2-0-release-51358da5af95) |
|||
|
|||
## 翻訳の募集 :loudspeaker: |
|||
|
|||
私たちはあなたの助けを必要としています。: https://github.com/ant-design/ant-design-pro/issues/120 |
|||
|
|||
## 特徴 |
|||
|
|||
- :gem: **きちんとしたデザイン**: [Ant Design specification](http://ant.design/) に従ってくださ い。 |
|||
- :triangular_ruler: **共通のテンプレート**: 業務システム用のテンプレート |
|||
- :rocket: **現状のアート開発**: `React/umi/dva/antd` の最新開発スタック |
|||
- :iphone: **レスポンシブ**: さまざまな画面サイズ用の設計 |
|||
- :bulb: **TypeScript**: 大規模JavaScriptアプリケーション向けの言語 |
|||
- :scroll: **ブロック**: ブロックテンプレートでページを構築 |
|||
- :gem: **洗練されたデザイン**: [Ant Design仕様](http://ant.design/)に準拠 |
|||
- :triangular_ruler: **一般的なテンプレート**: 企業向けアプリケーションの典型的なテンプレート |
|||
- :rocket: **最新の開発環境**: React/umi/dva/antdの最新スタック |
|||
- :iphone: **レスポンシブ**: 様々な画面サイズに対応 |
|||
- :art: **テーマ**: シンプルな設定でカスタマイズ可能なテーマ |
|||
- :globe_with_meridians: **国際化**: 国際化の解決策を内蔵 |
|||
- :gear: **ベストプラクティス**: コードを美しくするための正しいワークフロー |
|||
- :1234: **モック開発**: 使いやすいモック開発 |
|||
- :white_check_mark: **UI テスト**: ユニットテストと e2e テスト |
|||
- :globe_with_meridians: **国際化**: 組み込みのi18nソリューション |
|||
- :gear: **ベストプラクティス**: 健全なコードを保つためのワークフロー |
|||
- :1234: **モック開発**: 使いやすいモック開発ソリューション |
|||
- :white_check_mark: **UIテスト**: ユニットテストとE2Eテストで安全に |
|||
|
|||
## テンプレート |
|||
|
|||
``` |
|||
- ダッシュボード |
|||
- アナリティクス |
|||
- 分析 |
|||
- モニター |
|||
- ワークスペース |
|||
- 形 |
|||
- 基本フォーム |
|||
- ステップフォーム |
|||
- 高度なフォーム |
|||
- リスト |
|||
- スタンダードテーブル |
|||
- スタンダードリスト |
|||
- カードリスト |
|||
- 検索リスト（プロジェクト/アプリケーション/記事） |
|||
- プロフィール |
|||
- 簡単なプロフィール |
|||
- 高度なプロファイル |
|||
- アカウント |
|||
- アカウントセンター |
|||
- アカウント設定 |
|||
- 結果 |
|||
- 成功 |
|||
- 失敗 |
|||
- 例外 |
|||
- 403 |
|||
- 404 |
|||
- 500 |
|||
- ユーザー |
|||
- ログイン |
|||
- 登録 |
|||
- 登録結果 |
|||
- ワークスペース |
|||
- フォーム |
|||
- 基本フォーム |
|||
- ステップフォーム |
|||
- 高度なフォーム |
|||
- リスト |
|||
- 標準テーブル |
|||
- 標準リスト |
|||
- カードリスト |
|||
- 検索リスト（プロジェクト/アプリケーション/記事） |
|||
- プロフィール |
|||
- シンプルプロフィール |
|||
- 高度なプロフィール |
|||
- アカウント |
|||
- アカウントセンター |
|||
- アカウント設定 |
|||
- 結果 |
|||
- 成功 |
|||
- 失敗 |
|||
- 例外 |
|||
- 403 |
|||
- 404 |
|||
- 500 |
|||
- ユーザー |
|||
- ログイン |
|||
- 登録 |
|||
- 登録結果 |
|||
``` |
|||
|
|||
## 使用法 |
|||
## 使い方 |
|||
|
|||
### bashを使う |
|||
|
|||
### bash を使う方法 |
|||
pro-cliを使って素早くプロジェクトを初期化できます。 |
|||
|
|||
```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 # http://localhost:8000 を開く |
|||
# npmを使用 |
|||
npm i @ant-design/pro-cli -g |
|||
pro create myapp |
|||
``` |
|||
|
|||
proテンプレートを選択します。simpleは基本テンプレートで、フレームワークの基本的な内容のみを提供します。completeはすべてのブロックを含み、二次開発のベースとしては適していません。 |
|||
|
|||
```shell |
|||
? 🚀 フル機能かシンプルなスキャフォールドか？（矢印キーで選択） |
|||
➥ simple |
|||
complete |
|||
``` |
|||
|
|||
Gitリポジトリを初期化： |
|||
|
|||
```shell |
|||
$ git init myapp |
|||
``` |
|||
|
|||
## サポートするブラウザー |
|||
依存関係をインストール： |
|||
|
|||
モダンなブラウザと。 |
|||
```shell |
|||
$ cd myapp && tyarn |
|||
// または |
|||
$ cd myapp && npm install |
|||
``` |
|||
|
|||
## 対応ブラウザ |
|||
|
|||
モダンブラウザ対応。 |
|||
|
|||
| [<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 | 最新版から 2 バージョン | 最新版から 2 バージョン | 最新版から 2 バージョン | 最新版から 2 バージョン | |
|||
|
|||
## 貢献する |
|||
| Edge | 最新2バージョン | 最新2バージョン | 最新2バージョン | 最新2バージョン | |
|||
|
|||
どんな種類の貢献でも大歓迎です。あなたがこのプロジェクトに貢献できる方法のいくつかの例はここにあります。： |
|||
## コントリビュート |
|||
|
|||
- 毎日の仕事に Ant Design Pro を使用すること。 |
|||
- 報告すること。 [issues](http://github.com/ant-design/ant-design-pro/issues) にバグ報告や質問をしてください。 |
|||
- 更新すること。 改善を、[pull requests](http://github.com/ant-design/ant-design-pro/pulls) で送ってください。 |
|||
どんな形の貢献も歓迎します。以下はこのプロジェクトに貢献する例です： |
|||
|
|||
[](https://david-dm.org/ant-design/ant-design-pro?type=dev) |
|||
- 日常業務でAnt Design Proを使う |
|||
- [issues](http://github.com/ant-design/ant-design-pro/issues)でバグ報告や質問を投稿する |
|||
- [pull requests](http://github.com/ant-design/ant-design-pro/pulls)でコード改善を提案する |
|||
|
|||
@ -1,112 +1,125 @@ |
|||
Language : [🇺🇸](./README.md) | [🇨🇳](./README.zh-CN.md) | 🇷🇺 | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇵🇹](./README.pt-BR.md) | [🇸🇦](./README.ar-DZ.md) |
|||
# Ant Design Pro |
|||
|
|||
Язык: 🇺🇸 | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇧🇷](./README.pt-BR.md) | [🇩🇿](./README.ar-DZ.md) | [🇪🇸](./README.es-ES.md) |
|||
|
|||
<h1 align="center">Ant Design Pro</h1> |
|||
|
|||
<div align="center"> |
|||
|
|||
UI-решение "из коробки" для корпоративных приложений как React boilerplate |
|||
Готовое решение UI для корпоративных приложений на базе React. |
|||
|
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml) |
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/preview-deploy.yml) |
|||
[](http://umijs.org/) |
|||
[](https://biomejs.dev) |
|||
 |
|||
[](https://ant.design/) |
|||
|
|||
 |
|||
<img width="1718" height="1191" alt="светлая тема" src="https://github.com/user-attachments/assets/74ad0b4a-e086-4955-8edd-9f2cff31aee8" /> |
|||
<img width="1718" height="1191" alt="тёмная тема" src="https://github.com/user-attachments/assets/d4bcb7c1-42c7-4c0f-b130-1193a931f9f7" /> |
|||
|
|||
</div> |
|||
|
|||
- Демо: http://preview.pro.ant.design |
|||
- Домашняя страница: http://pro.ant.design |
|||
- Превью: http://preview.pro.ant.design |
|||
- Главная страница: http://pro.ant.design |
|||
- Документация: http://pro.ant.design/docs/getting-started |
|||
- История изменений: http://pro.ant.design/docs/changelog |
|||
- Список изменений: http://pro.ant.design/docs/changelog |
|||
- FAQ: http://pro.ant.design/docs/faq |
|||
|
|||
## Поиск переводчиков :loudspeaker: |
|||
|
|||
Нам нужна ваша помощь: https://github.com/ant-design/ant-design-pro/issues/120 |
|||
|
|||
## Возможности |
|||
|
|||
- :gem: **Аккуратный дизайн**: Посмотрите [спецификацию Ant Design](http://ant.design/) |
|||
- :triangular_ruler: **Общие шаблоны**: Стандартные шаблоны для корпоративных приложений |
|||
- :rocket: **Разработка, как искусство**: Новейший стек технологий React/umi/dva/antd |
|||
- :iphone: **Отзывчивая верстка**: Создан для экранов разных размеров |
|||
- :art: **Темизация**: Возможность изменения темы с помощью конфигурации |
|||
- :globe_with_meridians: **Мультиязычность**: Встроенное i18n решение |
|||
- :gear: **Лучшие практики**: Надежные процессы для хорошего кода |
|||
- :1234: **Разработка по шаблону**: Простое в использовании решение для разработки |
|||
- :white_check_mark: **UI тесты**: Разрабатывайте безопасно с юнит и e2e тестами |
|||
- :bulb: **TypeScript**: Язык для масштабируемых JavaScript-приложений |
|||
- :scroll: **Блоки**: Построение страниц с помощью шаблонов блоков |
|||
- :gem: **Элегантный дизайн**: Следует [спецификации Ant Design](http://ant.design/) |
|||
- :triangular_ruler: **Типовые шаблоны**: Типовые шаблоны для корпоративных приложений |
|||
- :rocket: **Современный стек**: Самые новые технологии React/umi/dva/antd |
|||
- :iphone: **Адаптивность**: Поддержка разных размеров экранов |
|||
- :art: **Темизация**: Кастомизация темы через простую конфигурацию |
|||
- :globe_with_meridians: **Интернационализация**: Встроенное решение i18n |
|||
- :gear: **Лучшие практики**: Надёжный workflow для поддержания качества кода |
|||
- :1234: **Мок-разработка**: Удобное решение для разработки с мок-данными |
|||
- :white_check_mark: **UI-тесты**: Безопасность с помощью unit и e2e тестов |
|||
|
|||
## Шаблоны |
|||
|
|||
``` |
|||
- 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 |
|||
- Пользователь |
|||
- Вход |
|||
- Регистрация |
|||
- Результат регистрации |
|||
``` |
|||
|
|||
## Использование |
|||
|
|||
### Использование bash |
|||
|
|||
Мы предоставляем pro-cli для быстрой инициализации проекта. |
|||
|
|||
```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:8000 |
|||
# использовать npm |
|||
npm i @ant-design/pro-cli -g |
|||
pro create myapp |
|||
``` |
|||
|
|||
Больше информации в [документации](http://pro.ant.design/docs/getting-started). |
|||
Выберите шаблон pro. Simple — это базовый шаблон, который содержит только необходимый минимум для работы фреймворка. Complete включает все блоки и не подходит для вторичной разработки как базовый шаблон. |
|||
|
|||
```shell |
|||
? 🚀 Полный или простой шаблон? (Используйте стрелки) |
|||
➥ simple |
|||
complete |
|||
``` |
|||
|
|||
Инициализация репозитория Git: |
|||
|
|||
```shell |
|||
$ git init myapp |
|||
``` |
|||
|
|||
Установка зависимостей: |
|||
|
|||
```shell |
|||
$ cd myapp && tyarn |
|||
// или |
|||
$ cd myapp && npm install |
|||
``` |
|||
|
|||
## Совместимость |
|||
## Поддержка браузеров |
|||
|
|||
Современные браузеры. |
|||
|
|||
| [<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 | last 2 versions | last 2 versions | last 2 versions | last 2 versions | |
|||
| Edge | последние 2 версии | последние 2 версии | последние 2 версии | последние 2 версии | |
|||
|
|||
## Распространение |
|||
## Вклад |
|||
|
|||
Любые варианты распространения приветствуются! Вот несколько примеров того, как вы можете помочь распространению проекта: |
|||
Любой вклад приветствуется. Вот несколько способов, как вы можете помочь проекту: |
|||
|
|||
- Использовать Ant Design Pro в ежедневной работе. |
|||
- Создавать [задачи](http://github.com/ant-design/ant-design-pro/issues) заводить баги или отвечать на вопросы. |
|||
- Делать [pull-реквесты](http://github.com/ant-design/ant-design-pro/pulls) для совершенствования нашего кода. |
|||
- Используйте Ant Design Pro в своей повседневной работе. |
|||
- Оставляйте [issues](http://github.com/ant-design/ant-design-pro/issues) для сообщений об ошибках или вопросов. |
|||
- Предлагайте [pull requests](http://github.com/ant-design/ant-design-pro/pulls) для улучшения кода. |
|||
|
|||
@ -1,118 +1,125 @@ |
|||
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) |
|||
# Ant Design Pro |
|||
|
|||
Dil: 🇺🇸 | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇧🇷](./README.pt-BR.md) | [🇩🇿](./README.ar-DZ.md) | [🇪🇸](./README.es-ES.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ü. |
|||
React tabanlı kurumsal uygulamalar için kutudan çıkan bir UI çözümü. |
|||
|
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml) |
|||
[](https://github.com/ant-design/ant-design-pro/actions/workflows/preview-deploy.yml) |
|||
[](http://umijs.org/) |
|||
[](https://biomejs.dev) |
|||
 |
|||
[](https://ant.design/) |
|||
|
|||
 |
|||
<img width="1718" height="1191" alt="açık tema önizlemesi" src="https://github.com/user-attachments/assets/74ad0b4a-e086-4955-8edd-9f2cff31aee8" /> |
|||
<img width="1718" height="1191" alt="koyu tema önizlemesi" src="https://github.com/user-attachments/assets/d4bcb7c1-42c7-4c0f-b130-1193a931f9f7" /> |
|||
|
|||
</div> |
|||
|
|||
- Önizleme: http://preview.pro.ant.design |
|||
- Anasayfa: http://pro.ant.design |
|||
- Ana Sayfa: http://pro.ant.design |
|||
- Dokümantasyon: http://pro.ant.design/docs/getting-started |
|||
- ChangeLog: http://pro.ant.design/docs/changelog |
|||
- Değişiklik Günlüğü: http://pro.ant.design/docs/changelog |
|||
- SSS: http://pro.ant.design/docs/faq |
|||
|
|||
## 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 |
|||
- :bulb: **TypeScript**: Büyük ölçekli JavaScript uygulamaları için bir dil |
|||
- :scroll: **Bloklar**: Blok şablonlarıyla sayfa oluşturun |
|||
- :gem: **Şık Tasarım**: [Ant Design spesifikasyonuna](http://ant.design/) uygun |
|||
- :triangular_ruler: **Yaygın Şablonlar**: Kurumsal uygulamalar için tipik şablonlar |
|||
- :rocket: **En Yeni Geliştirme**: React/umi/dva/antd'nin en yeni geliştirme yığını |
|||
- :iphone: **Duyarlı**: Farklı ekran boyutları için tasarlandı |
|||
- :art: **Tema**: Basit yapılandırmayla özelleştirilebilir tema |
|||
- :globe_with_meridians: **Uluslararasılaştırma**: Dahili i18n çözümü |
|||
- :gear: **En İyi Uygulamalar**: Kodunuzu sağlıklı tutmak için sağlam iş akışı |
|||
- :1234: **Mock geliştirme**: Kullanımı kolay mock geliştirme çözümü |
|||
- :white_check_mark: **UI Testi**: Birim ve e2e testleriyle güvenli geliştirme |
|||
|
|||
## Şablonlar |
|||
|
|||
``` |
|||
- Dashboard |
|||
- Gösterge Paneli |
|||
- Analitik |
|||
- Monitör |
|||
- Çalışma alanı |
|||
- İzleme |
|||
- Çalışma Alanı |
|||
- Form |
|||
- Basit Form |
|||
- Step Form |
|||
- Temel Form |
|||
- Adım Adım Form |
|||
- Gelişmiş Form |
|||
- List |
|||
- Standard Tablo |
|||
- Standard Liste |
|||
- Kart Liste |
|||
- Arama Listesi (Project/Applications/Article) |
|||
- Liste |
|||
- Standart Tablo |
|||
- Standart Liste |
|||
- Kart Listesi |
|||
- Arama Listesi (Proje/Uygulamalar/Makale) |
|||
- Profil |
|||
- Basit Profil |
|||
- Gelişmiş Profil |
|||
- Hesap |
|||
- Hesap Yönetimi |
|||
- Hesap Merkezi |
|||
- Hesap Ayarları |
|||
- Sonuç |
|||
- Başarılı |
|||
- Hatalı |
|||
- Hatalar |
|||
- Başarısız |
|||
- İstisna |
|||
- 403 |
|||
- 404 |
|||
- 500 |
|||
- Kullanıcı |
|||
- Giriş |
|||
- Kayıt |
|||
- Kayıt Ol |
|||
- Kayıt Sonucu |
|||
``` |
|||
|
|||
## Kullanım |
|||
|
|||
### Bash ile |
|||
### Bash kullanımı |
|||
|
|||
Projeyi hızlıca başlatmak için pro-cli sağlıyoruz. |
|||
|
|||
```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:8000 |
|||
# npm kullan |
|||
npm i @ant-design/pro-cli -g |
|||
pro create myapp |
|||
``` |
|||
|
|||
Pro şablonunu seçin. Simple, yalnızca temel framework içeriğini sağlayan temel şablondur. Complete, tüm blokları içerir ve ikincil geliştirme için temel şablon olarak uygun değildir. |
|||
|
|||
```shell |
|||
? 🚀 Tam veya basit bir iskelet mi? (Ok tuşlarını kullanın) |
|||
➥ simple |
|||
complete |
|||
``` |
|||
|
|||
Git deposunu başlatın: |
|||
|
|||
```shell |
|||
$ git init myapp |
|||
``` |
|||
|
|||
Bağımlılıkları yükleyin: |
|||
|
|||
```shell |
|||
$ cd myapp && tyarn |
|||
// veya |
|||
$ cd myapp && npm install |
|||
``` |
|||
|
|||
## Tarayıcı desteği |
|||
## Desteklenen Tarayıcılar |
|||
|
|||
Modern internet tarayıcıları . |
|||
Modern 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 | |
|||
| Edge | son 2 sürüm | son 2 sürüm | son 2 sürüm | son 2 sürüm | |
|||
|
|||
## Destek |
|||
## Katkı |
|||
|
|||
Her türlü desteğinize açığız, bu projeye nasıl katkıda bulunabileceğinize dair bazı örnekler: |
|||
Her türlü katkı memnuniyetle karşılanır. Bu projeye katkıda bulunmanın bazı yolları şunlardır: |
|||
|
|||
- Günlük işinizde Ant Design Pro kullanın. |
|||
- Ant Design Pro'yu günlük işinizde 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. |
|||
- Kodumuzu geliştirmek için [pull requests](http://github.com/ant-design/ant-design-pro/pulls) önerin. |
|||
|
|||
Loading…
Reference in new issue