غرفة دردشة أسترو بوي
سحابة الكود
العنوان على الانترنت www.genal.fun (غير صالح ولم يعد من المقرر نشره)
إذا كان لديك أي اقتراحات، يرجى الذهاب إلى منطقة القضايا
مقدمة المشروع
في أوقات فراغي، كنت أرغب في إنشاء غرفة دردشة لتعزيز مهارات الواجهة الأمامية، لذلك بدأت رحلة تطوير غرفة دردشة Astro Boy في 24 يونيو 2020.
تم تطوير المشروع باستخدام الآلة الكاتبة الكاملة، والتي تضع الأساس للتكرارات الوظيفية المستقبلية. وبطبيعة الحال، أنا أيضا أحب الآلة الكاتبة كثيرا.
في الوقت الحاضر، تحتوي غرفة الدردشة بالفعل على وظائف دردشة كاملة. سيتم تطوير المزيد من الميزات الرائعة في المستقبل لقد تم إيقاف التكرار الآن! يمكن للأصدقاء المهتمين تفرعها وتطويرها بأنفسهم، ويمكنك تعديلها كما تريد! سأقوم بترقية الميزات الجديدة عندما يكون لدي الوقت!
واجهة المشروع
نسخة الكمبيوتر
محطة متنقلة
مقدمة الوظيفة
- متوافق مع الجوال
- تعديل معلومات المستخدم (الصورة الرمزية/اسم المستخدم/كلمة المرور)
- دردشة جماعية/دردشة خاصة
- إنشاء مجموعة/الانضمام إلى المجموعة/مغادرة المجموعة/مجموعة بحث غامضة
- إضافة أصدقاء/حذف الأصدقاء/مستخدمي البحث الغامض
- ترقيم الصفحات الرسالة
- المشاعر
- إرسال الصور/معاينة الصورة
- إحصائيات الأشخاص عبر الإنترنت
- موضوع مخصص
- إعادة الاتصال التذكير
نظرة عامة على التكنولوجيا
- Typescript : مجموعة شاملة من JavaScript وتتمثل أكبر ميزة لها في أنها توفر نظام كتابة وتحسن إمكانية قراءة التعليمات البرمجية وصيانتها.
- Vue2.6.x : الإطار التقدمي للواجهة الأمامية.
- المقبس/io : الاتصال في الوقت الحقيقي، مكتبة الطرف الثالث websocket.
- Vuex : نمط إدارة حالة تم تطويره خصيصًا لتطبيقات Vue.js.
- Nestjs : هو إطار عمل لبناء تطبيقات خادم Node.js فعالة وقابلة للتطوير، وهو مكتوب استنادًا إلى TypeScript ويجمع بين المفاهيم ذات الصلة لـ OOP1 وFP2 وFRP3.
- Typeorm : يدعم أحدث ميزات JavaScript ويوفر ميزات إضافية لمساعدتك في تطوير أي تطبيق يستخدم قاعدة بيانات.
- ES6+ : استخدام بناء جملة ES6+، ووظائف الأسهم، والمزامنة/الانتظار، وغيرها من صيغ الجملة سهلة الاستخدام للغاية.
- SASS (SCSS) : باستخدام SCSS كلغة معالجة مسبقة لـ CSS، يمكنك استخدام الطريقة الأكثر فعالية لإنشاء تصميمات معقدة بكمية صغيرة من التعليمات البرمجية.
تصميم هيكل جدول قاعدة البيانات
تكوين البيئة
- قاعدة بيانات MySQL وقاعدة بيانات الدردشة (لاحظ أن تنسيق قاعدة البيانات هو utf8mb4)
- العقدة v10.16.3
تشغيل المشروع
- مشروع الواجهة الأمامية
cd genal - chat - client
npm i
npm run serve
تكوين mysql إذا تعذر على mysql الاتصال وتم الإبلاغ عن خطأ: ER_NOT_SUPPORTED_AUTH_MODE، فذلك يرجع إلى عدم توافق إصدار MySQL، يرجى الرجوع إلى هذه المقالة https://blog.csdn.net/qq_41831345/article/details/83150502.
لا يوجد برنامج نصي SQL في قاعدة البيانات، ما عليك سوى تغيير كلمة مرور قاعدة البيانات في app.module.ts الخلفية وإنشاء قاعدة بيانات chat جديدة.
مشروع الواجهة الخلفية
cd genal - chat - server
npm i
npm run start: dev
سجل تكرار النظام
انقر للعرض
v1.0.0
وظيفة
- إضافة مستخدم جديد
- إضافة مجموعة جديدة
- دردشة جماعية
واجهة v1.0.0
v2.0.0
وظيفة
- دردشة جماعية/دردشة خاصة
- أنشئ مجموعة/انضم إلى مجموعة دردشة/مجموعة بحث غامض
- إضافة أصدقاء/بحث غامض عن الأصدقاء
- تغيير اسم المستخدم/تحميل الصورة الرمزية
- المشاعر
- ترقيم الصفحات الرسالة
واجهة v2.0.0
v3.0.0
وظيفة
- دردشة جماعية/دردشة خاصة
- أنشئ مجموعة/انضم إلى مجموعة دردشة/مجموعة بحث غامض
- إضافة أصدقاء/بحث غامض عن الأصدقاء
- تحميل الصور / لصق إرسال الصورة / معاينة الصورة
- تغيير اسم المستخدم/تحميل الصورة الرمزية
- المشاعر
- ترقيم الصفحات الرسالة
واجهة v3.0.0
نفس الإصدار 2.0.0
v4.0.0
وظيفة
- دردشة جماعية/دردشة خاصة
- أنشئ مجموعة/انضم إلى مجموعة دردشة/مجموعة بحث غامض
- إضافة أصدقاء/بحث غامض عن الأصدقاء
- تحميل الصور / لصق إرسال الصورة / معاينة الصورة
- تغيير اسم المستخدم/تحميل الصورة الرمزية
- المشاعر
- ترقيم الصفحات الرسالة
- متوافق مع الجوال
واجهة v4.0.0
نفس الإصدار 2.0.0
v5.0.0
وظيفة
- دردشة جماعية/دردشة خاصة
- إنشاء مجموعة/الانضمام إلى الدردشة الجماعية/مغادرة المجموعة/مجموعة البحث الغامضة
- إضافة أصدقاء/حذف الأصدقاء/البحث الغامض عن الأصدقاء
- تحميل الصور / لصق إرسال الصورة / معاينة الصورة
- تغيير اسم المستخدم/تحميل الصورة الرمزية
- المشاعر
- ترقيم الصفحات الرسالة
- متوافق مع الجوال
- إحصائيات الأشخاص عبر الإنترنت
- إعادة الاتصال التذكير
واجهة v5.0.0
v6.0.0
وظيفة
- متوافق مع الجوال
- تعديل معلومات المستخدم (الصورة الرمزية/اسم المستخدم/كلمة المرور)
- دردشة جماعية/دردشة خاصة
- إنشاء مجموعة/الانضمام إلى المجموعة/مغادرة المجموعة/مجموعة بحث غامضة
- إضافة أصدقاء/حذف الأصدقاء/مستخدمي البحث الغامض
- ترقيم الصفحات الرسالة
- المشاعر
- إرسال الصور/معاينة الصورة
- إحصائيات الأشخاص عبر الإنترنت
- موضوع مخصص
- إعادة الاتصال التذكير
واجهة v6.0.0
مؤلف
جيثب: اديسون
قائمة المساهمين
mtnbgx، BoBoooooo، Nyaasu66، BeanCookie (بدون ترتيب معين)
كيفية النشر
تعليمات نشر غرفة الدردشة Astro Boy
مزيد من التفاصيل
استخدم الآلة الكاتبة لإنشاء غرفة دردشة ويب قوية
