celeris web
1.0.0
Celeris Web هو إطار عمل تطوير أمامي مجاني ومفتوح المصدر يستخدم أحدث التقنيات، بما في ذلك Vue 3 وVite وTypeScript. يسهّل نهج monorepo الخاص به إدارة التبعيات والتعاون في مشاريع متعددة، مما يوفر للمطورين حلاً شاملاً لبناء تطبيقات الويب الحديثة.
سواء كنت مطورًا متمرسًا أو بدأت للتو، تقدم Celeris Web عملية تطوير أمامية مبسطة تستفيد من أحدث الأدوات والتقنيات.
ابدأ مع celeris-web اليوم واستمتع بتجربة عملية تطوير واجهة أمامية مبسطة للغاية تستغل قوة أحدث التقنيات، بما في ذلك إمكانات معالجة اللغات الطبيعية المتطورة.
الرسم البياني TD
المشرف {المشرف}
المشرف -> المشرف-api
المشرف --> الأصول
المشرف -> مكونات كاليفورنيا
المشرف --> المكونات
المشرف --> الثوابت
المشرف --> التوجيهات
المشرف --> الخطافات
المشرف -> اللغة
المشرف --> الطلب
المشرف --> الأنماط
المشرف --> الأنواع
المشرف --> المرافق
أصول
عناصر
المكونات --> الأصول
المكونات -> مكونات كاليفورنيا
المكونات --> الثوابت
المكونات -> الأنماط
المكونات --> الأنواع
المكونات -> الأدوات
مكونات كاليفورنيا
مكونات كاليفورنيا -> الثوابت
مكونات ca-> utils
التوجيهات
التوجيهات -> الاستخدامات
خطافات
السنانير --> الأنواع
لغة
الإعدادات المحلية -> الثوابت
لغة -> أنواع
الإعدادات المحلية -> المرافق
طلب
الطلب --> الثوابت
طلب --> لغة
طلب --> أنواع
طلب --> المرافق
أنواع
الأنواع --> الثوابت
utils
الاستخدامات --> الأنواع
admin-api
المشرف API -> الثوابت
admin-api --> الأنواع
لتحديث الرسم البياني أعلاه، قم بتحرير ملف README وافتح ملف PR جديدًا يتضمن التغييرات.
في تصميم Celeris Web، نؤكد على سهولة قراءة التعليمات البرمجية وقابلية تعلمها. ولتحقيق ذلك، تم تجهيز كل وظيفة بتعليقات ثنائية اللغة باللغتين الصينية والإنجليزية، مما يضمن أن المطورين، بغض النظر عن لغتهم الأم، يمكنهم فهم التعليمات البرمجية والتعلم منها بسهولة.
لماذا تختار التعليقات ثنائية اللغة؟
التعاون العالمي: في الفرق متعددة الثقافات، تعزز التعليقات ثنائية اللغة التواصل والتعاون بشكل أفضل، مما يضمن أن أعضاء الفريق يمكنهم فهم وظائف الكود وتنفيذه بدقة.
التعلم المريح: بالنسبة للمبتدئين، توفر التعليقات ثنائية اللغة بيئة تعليمية أكثر سهولة في الاستخدام، مما يساعدهم في فهم منطق الكود وبنيته بسرعة.
صديقة للمطورين: نحن ملتزمون بخلق بيئة صديقة للمطورين، والتعليقات ثنائية اللغة هي إجراء حاسم اتخذناه لتحقيق هذا الهدف.
مثال:
/**
* 打开一个新的浏览器窗口
* Open a new browser window
*
* @param {string} url - 要在新窗口中打开的 URL
* The URL to open in the new window
*
* @param {object} options - 打开窗口的选项
* Options for opening the window
* @param {string} options.target - 新窗口的名称或特殊选项，默认为 "_blank"
* @param {string} options.features - 新窗口的特性（大小，位置等），默认为 "noopener=yes,noreferrer=yes"
*/
export function openWindow ( url : string , { target = "_blank" , features = "noopener=yes,noreferrer=yes" } : {
target ?: "_blank" | "_self" | "_parent" | "_top" ; // 新窗口的名称或特殊选项，默认为 "_blank"
features ?: string ; // 新窗口的特性（大小，位置等），默认为 "noopener=yes,noreferrer=yes"
} = { } ) {
window . open ( url , target , features ) ;
}من خلال هذه التعليقات ثنائية اللغة، نهدف إلى تزويد المطورين بتجربة برمجة أكثر متعة وكفاءة، مما يجعل Celeris Web قالبًا أماميًا يسهل حقًا التقاطه والتعمق فيه.
1. إدارة التبعية بشكل أسهل: تعمل شركة Monorepo على مركزية إدارة التبعيات لجميع المشاريع، وتجنب تعارض الإصدارات بين المشاريع المختلفة وجعل إدارة التبعية الشاملة أكثر وضوحًا وبساطة.
2. مشاركة التعليمات البرمجية وإمكانية إعادة الاستخدام: يمكن للمشاريع المختلفة مشاركة التعليمات البرمجية وإعادة استخدامها بسهولة، مما يقلل من عبء عمل التطوير الزائد عن الحاجة. وهذا مفيد للغاية للحفاظ على اتساق التعليمات البرمجية وتحسين كفاءة التطوير.
3. البناء والنشر الموحد: تعمل شركة Monorepo على تبسيط عملية التطوير بأكملها من خلال سير عمل البناء والنشر الموحد، مما يقلل من تعقيد التكوين والإدارة ويعزز كفاءة التعاون داخل فريق التطوير.
4. التحكم الموحد في الإصدار: مع وجود جميع المشاريع في نفس مستودع التحكم في الإصدار، تصبح إدارة الإصدار أكثر اتساقًا وقابلية للتحكم. يساعد هذا الفريق على تتبع المشكلات المتعلقة بالإصدار والتعامل معها بشكل أفضل. لا يضع تصميم Monorepo Celeris Web كقالب نظام إداري فحسب، بل أيضًا كقالب ويب للواجهة الأمامية لمنتجات C-end سريعة التطور. مع Celeris Web، تصبح رحلة تطوير الواجهة الأمامية أكثر راحة ومتعة!
في السوق، تلبي معظم قوالب الواجهة الأمامية في المقام الأول احتياجات مستخدمي الفئة B، مما يوفر ميزات قوية وواجهات مرنة لأنظمة إدارة المؤسسات (المسؤول). ومع ذلك، هناك عدد قليل من القوالب التي تأخذ في الاعتبار خصائص منتجات C-end في تصميمها، وهذا هو المكان الذي تبتكر فيه Celeris Web.
كسر حدود الإدارة الإدارية:
تعطي أنظمة الإدارة التقليدية الأولوية لعرض البيانات وإدارة الأعمال، بينما تركز منتجات C-end على تجربة المستخدم والجاذبية البصرية. من خلال إدراك متطلبات مستخدمي C-end لواجهات جمالية وتفاعلات سلسة، لا توفر Celeris Web ميزات إدارة خلفية قوية فحسب، بل تركز أيضًا على رفع واجهة الواجهة الأمامية إلى مستوى أعلى من رضا المستخدم.
التركيز على تجربة المستخدم النهائي:
Celeris Web ليس مجرد قالب لأنظمة الإدارة؛ إنه قالب ويب للواجهة الأمامية يعطي الأولوية لتجربة المستخدم لمنتجات C-end. نحن نهدف إلى التحرر من قيود أنظمة الإدارة التقليدية من خلال تقديم مبادئ التصميم المبتكرة، مما يضمن أن منتجات C-end المقدمة على الواجهة الأمامية تقدم تجربة مستخدم متميزة.
الميزات المميزة:
ومن خلال فلسفة التصميم الفريدة هذه، تسعى Celeris Web جاهدة لاستكشاف إمكانيات جديدة في تطوير الواجهة الأمامية، وضخ المزيد من الحيوية والإبداع في منتجات C-end. نحن نؤمن بأن مثل هذا الابتكار سيحظى باعتراف واسع النطاق من قبل المستخدمين وسيساهم في رفع قيمة المنتج. في عالم Celeris Web، يتجاوز تطوير الواجهة الأمامية حدود أنظمة الإدارة، حيث يتضمن عناصر أكثر إثارة تتعلق بتجربة المستخدم.
قم بإنشاء الريبو من هذا القالب على GitHub.
npx degit kirklin/celeris-web my-vite-app
cd my-vite-app
pnpm iفقط قم بتشغيل وزيارة http://localhost:8888
pnpm run devلبناء التطبيق، قم بتشغيل
pnpm run build وسترى الملف الذي تم إنشاؤه في dist جاهزًا للعرض.
انتقل إلى Netlify وحدد النسخة الخاصة بك، ثم OK على طول الطريق، وسيتم تشغيل تطبيقك خلال دقيقة واحدة.
أولاً، أنشئ صورة الويب celeris عن طريق فتح الوحدة الطرفية في الدليل الجذر للمشروع.
docker buildx build . -t celeris-web:latest قم بتشغيل الصورة وحدد تعيين المنفذ باستخدام العلامة -p .
docker run --rm -it -p 8080:80 celeris-web:latest
