معاينة عبر الإنترنت | الوثائق
React-antd-console هو حل أمامي لنظام إدارة الواجهة الخلفية، وهو يتضمن الوظائف الضرورية لنظام إدارة الواجهة الخلفية (مثل تسجيل الدخول، والمصادقة، والقائمة، ومسارات التنقل، وعلامات التبويب، وما إلى ذلك) لمساعدة المطورين. التركيز على التطوير السريع للأعمال. يعتمد المشروع على إصدارات جديدة مثل React 18
و Ant design 5
و Vite
و TypeScript
. سيتم تحديث جميع التقنيات المستخدمة بشكل مستمر إلى أحدث الإصدارات.
إذا كنت تبحث عن قالب واجهة أمامية مبسط لإدارة الواجهة الخلفية، وكانت مجموعة التكنولوجيا متقدمة ومستقرة، أو كنت ترغب في إتقان المبادئ دون عناء، أو كنت ترغب في التركيز فقط على تطوير الأعمال، فيمكنك تجربة هذا المشروع. مؤلف هذا المشروع هو ملخص لسنوات من الخبرة
سواء كنت تستخدم هذا المشروع لأغراض التطوير أو التعلم، فمن الضروري إبقائه بسيطًا. لذلك، يركز هذا المشروع على: التصميم الجيد للتسلسل الهرمي للتعليمات البرمجية، وبنية الدليل المحددة بوضوح، وتصنيف الوحدات الذي يسهل تعديله واستبداله، وما إلى ذلك. يقلل هذا المشروع من تغليف بعض الوظائف الضرورية، مثل تسجيل الدخول، والمصادقة، والقائمة، ومسارات التنقل، وعلامات التبويب، وما إلى ذلك. إذا لم يكن لديك تصميم واجهة المستخدم الخاص بك، فيمكنك استخدام الوظائف المضمنة في هذا المشروع مباشرةً؛ وإذا كان لديك تصميم واجهة المستخدم الخاص بك، فيمكنك أيضًا إجراء تعديلات مناسبة بناءً على هذا المشروع.
يدعو هذا المشروع إلى البساطة، ويبلغ حجم كود المصدر الأساسي حوالي 3400 سطر فقط. من السهل البدء، بالإضافة إلى التوثيق، هناك أيضًا سلسلة من المقالات لمساعدتك على إتقانها واستخدامها بشكل أفضل:
Vite
(يدعم热更新
)، React18
، Ant Design5
، TypeScript
(تغطية الكتابة بنسبة 100%
تقريبًا)专注于业务开发
菜单级
وعلى按钮级
分层
(البيانات والعرض)، يدعم حل إدارة البيانات نظريًا الوصول إلى أي مكتبة/إطار عمل لعرض واجهة المستخدم (بما في ذلك على سبيل المثال لا الحصر React/Vue/Angular)响应式设计
،国际化
، Mock
،环境配置
،工程化规范
، وما إلى ذلك. # 安装依赖
npm i
# 启动服务
npm start
الوصول إلى المتصفح http://localhost:9527
# 构建生产环境包
npm run build:prod
متوافق مع المتصفحات التي تدعم es2015، وغير متوافق مع IE ويوصى بأن لا يقل عن:
معاينة عبر الإنترنت | الوثائق