unduhan genal chat - unduhan kode sumber genal chat

genal chat

Kode Sumber AI

v6.0.0强大细节版阿童木聊天室

Unduh

Ruang Obrolan Astro Boy

awan kode
~~Alamat online www.genal.fun~~ (Tidak valid dan tidak lagi direncanakan untuk diterapkan)
Jika Anda mempunyai saran, silakan buka area masalah

Pengenalan proyek

? Di waktu senggang, saya ingin membuat ruang obrolan untuk mengkonsolidasikan keterampilan front-end, jadi saya memulai perjalanan pengembangan ruang obrolan Astro Boy pada 24 Juni 2020.
? Proyek ini dikembangkan menggunakan skrip penuh, yang meletakkan dasar untuk iterasi fungsional di masa depan. Tentu saja, saya juga sangat menyukai skrip ketikan.
? Saat ini chat room sudah memiliki fungsi chat yang lengkap. ~~Lebih banyak fitur keren akan dikembangkan di masa depan~~ Iterasi telah dihentikan sekarang! Teman-teman yang berminat bisa fork dan mengembangkannya sendiri, dan bisa dimodifikasi sesuka hati! Saya akan meningkatkan fitur baru ketika saya punya waktu!

Antarmuka proyek

versi PC

komputer

Terminal seluler

Seluler Seluler

Pengenalan fungsi

Kompatibel dengan seluler
Modifikasi informasi pengguna (avatar/nama pengguna/kata sandi)
Obrolan grup/obrolan pribadi
Buat grup/gabung grup/keluar grup/grup pencarian fuzzy
Tambahkan teman/hapus teman/pengguna pencarian kabur
Penomoran halaman pesan
Emotikon
Pengiriman gambar/pratinjau gambar
Statistik orang daring
Tema khusus
Hubungkan kembali pengingat

Ikhtisar teknologi

TypeScript : Sebuah superset dari JavaScript. Keuntungan terbesarnya adalah ia menyediakan sistem tipe dan meningkatkan keterbacaan dan pemeliharaan kode.
Vue2.6.x : Kerangka kerja progresif front-end.
Socket/io : Komunikasi real-time, perpustakaan pihak ketiga websocket.
Vuex : Pola manajemen status yang dikembangkan khusus untuk aplikasi Vue.js.
Nestjs : Ini adalah kerangka kerja untuk membangun aplikasi sisi server Node.js yang efisien dan skalabel. Ini ditulis berdasarkan TypeScript dan menggabungkan konsep terkait OOP1, FP2, dan FRP3.
Typeorm : Mendukung fitur JavaScript terbaru dan menyediakan fitur tambahan untuk membantu Anda mengembangkan aplikasi apa pun yang menggunakan database.
ES6+ : Menggunakan sintaks ES6+, fungsi panah, async/await dan sintaks lainnya sangat mudah digunakan.
SASS (SCSS) : Menggunakan SCSS sebagai bahasa pra-pemrosesan CSS, Anda dapat menggunakan cara paling efisien untuk membuat desain kompleks dengan sedikit kode.

Desain struktur tabel database

Konfigurasi lingkungan

Database mysql dan database chat (perhatikan bahwa format database adalah utf8mb4)
simpul v10.16.3

Jalankan proyek

Proyek ujung depan

 cd genal - chat - client 
npm i
npm run serve

konfigurasi mysql Jika mysql tidak dapat terhubung dan dilaporkan kesalahan: ER_NOT_SUPPORTED_AUTH_MODE, hal ini disebabkan oleh ketidakcocokan versi mysql. Silakan merujuk ke artikel ini https://blog.csdn.net/qq_41831345/article/details/83150502
Tidak ada skrip sql di database. Cukup ubah kata sandi database di app.module.ts back-end dan buat database chat baru.
Proyek ujung belakang

 cd genal - chat - server
npm i
npm run start: dev

Catatan iterasi sistem

Klik untuk melihat