SpringCloud acimage

kesan dimensi

Dimensional Impression, forum komunikasi animasi yang dibangun oleh SpringCloud

Kata pengantar

Dikatakan bahwa setengah dari programmer Cina di Github adalah dua dimensi Untuk menarik lebih banyak bintang Saya mengembangkan forum pertukaran animasi ini sambil mempelajari teknologi SpringCloud.

Pengenalan proyek

Acimage adalah forum pertukaran animasi yang dibangun di Spring Cloud yang memisahkan bagian depan dan belakang . Backendnya menggunakan SpringCloud + Mybatis-Plus + Reids + Rabbitmq + Elasticsearch . Bagian depan menggunakan Vue + ElementUi + Vite . Proyek ini telah diluncurkan. Orang-orang Github 2D yang terhormat, mengapa tidak memberi saya bintang(๑•̀ㅂ•́)و✧.

URL

* Dimensional Impressiono( ≧▽≦)ツ~Animation Exchange Forum www.acimage.top (Hanya berlaku untuk halaman web. Jika layar terlalu kecil, Anda dapat memperbesar browser dengan tepat untuk efek visual yang lebih baik).

halaman depan

Halaman forum

Arsitektur sistem

Fungsi proyek

Meja depan pengguna

• Gunakan gambar untuk mengidentifikasi gambar , yaitu mengunggah gambar untuk mengidentifikasi gambar serupa di forum dan topiknya.
• Pencarian terdiversifikasi , Anda dapat mencari berdasarkan kata kunci, kategori, tag, dan bidang penyortiran secara bersamaan, dan menyorot teks yang cocok berdasarkan kata kunci.
• Rekomendasi topik terkait , rekomendasi acak .
• Peringkat topik (diurutkan berdasarkan bintang, jumlah penayangan, jumlah komentar, dll., waktu aktif).
• Peringkat pengguna (diberi peringkat berdasarkan jumlah topik, bintang, dll.).
• Kategori, tag, dan klik untuk memfilter topik yang cocok dengan kategori atau tag yang relevan.
• Menampilkan topik aktif terkini secara real time .
• Penyaringan kata sensitif , kompresi gambar .
• Pemberitahuan pesan
• Lihat pembaruan pribadi dan ubah informasi pribadi.
• Masuk, daftar, keluar, kode verifikasi untuk mencegah gesekan , dan verifikasi email .
• Posting topik, komentar, bintang, dll.

Manajemen ujung belakang

• Kontrol izin RBAC yang relatif lengkap dapat secara dinamis menyesuaikan peran pengguna, izin peran, izin antarmuka, dll.
• Tampilan data dasar website, jumlah pengunjung, jumlah panggilan antarmuka, dll.
• Manajemen gambar carousel halaman beranda.
• Topik, komentar, manajemen pengguna.

Fitur proyek

• JWT mengimplementasikan sistem masuk tunggal, autentikasi dan autentikasi identitas terpadu di gateway, dan menyelesaikan kontrol izin RBAC .
• Gunakan skrip Redis+Lua+tugas terjadwal untuk secara teratur mempertahankan data yang sering berubah (tampilan, dll.).
• Menggunakan skrip Redis + Lua + anotasi khusus , hanya satu anotasi yang dapat digunakan untuk membatasi aliran IP, pengguna, dan volume permintaan secara keseluruhan.
• Algoritma Dhash digunakan untuk mewujudkan fungsi pengenalan gambar dengan gambar, dan efeknya tidak buruk.
• Semua gambar yang diunggah dikompresi menggunakan webp, yang sangat mengurangi tekanan bandwidth.

Direktori proyek

Layanan ujung belakang

• acimage_gateway : gateway, autentikasi identitas terpadu, autentikasi, batasan arus untuk pengguna, dan volume permintaan keseluruhan
• acimage_user : Pusat pengguna, registrasi pengguna, login, layanan email, dll.
• acimage_community : layanan masyarakat, bertanggung jawab atas fungsi inti terkait topik forum
• acimage_image : Layanan gambar, bertanggung jawab untuk mengunggah gambar topik, mengunggah avatar, dan mengidentifikasi gambar dengan gambar, dll.
• acimage_admin : layanan manajemen

modul ujung belakang

• acimage_common : modul publik, yang menyimpan kelas entitas, pencegat publik, konfigurasi publik, dan kelas alat publik, dll.
• acimage_feign : Tempatkan klien palsu dari setiap modul

ujung depan

• vue_manage_system : halaman manajemen latar belakang
• vue_acimage_web : Halaman portal

lainnya

• doc : beberapa dokumen, gambar dan file database

Jalankan dan terapkan

Proyek ini masih dalam perbaikan, dan proses pengoperasian serta penerapannya akan diperbarui nanti .

• Impor masing-masing tiga database di bawah doc/sql ke mysql . Keempat database tersebut adalah database yang terkait dengan empat layanan front-end.

• Konfigurasikan alamat atau kata sandi akun mysql, redis, Rabbitmq , dan nacos yang sesuai di file application-dev.yml setiap layanan

• Isi informasi akun Qiniu Cloud di application-qiniu-template.yml di acimage_common , termasuk access-key , secret-key , domian , bucket , atau tetapkan nilai apa pun ke empat atribut ini (tidak boleh kosong, jika tidak NPE ), tetapi Anda tidak dapat mengunggah gambar dengan cara ini. Dan ganti nama application-qiniu-template.yml menjadi application-qiniu.yml

• Konfigurasikan alamat nacos dan alamat sentinel di application.yml di bawah modul acimage_common (jika sentinel tidak dikonfigurasi, itu tidak akan mempengaruhi operasi)

• Mulai nacos, redis, kelincimq, mysql

• Mulai acimage_user , acimage_community , acimage_image , acimage_gateway secara berurutan. Jika tidak, kesalahan mungkin dilaporkan karena masalah pembuatan antrian Rabbitmq dan urutan pengikatan.

• Setelah menjalankan front end (lihat README vue_acimage_web untuk detailnya), klik link pop-up default untuk mengakses halaman beranda.

• Login meja depan**: user: wk, password: wk123456 (ada beberapa user lain yang bisa dilihat dari file sql database, dan passwordnya semua username 123456)

• pelabuhan:

  • acimage_pengguna : 8100

  • gambar_gambar : 8090

  • acimage_community : 8080

  • acimage_gateway : 8070

Pemilihan teknologi

Tumpukan teknologi backend

SpringBoot , SpringCloud , MyBatis-plus , Druid (kumpulan koneksi database), Redis (cache terdistribusi), Rabbitmq (antrean pesan), Elasticsearch (mesin pencari terdistribusi), Minio (layanan penyimpanan objek), Nginx (server proxy terbalik), Docker ( mesin kontainer aplikasi)

antarmuka pengguna bagian depan

Vue2 , Vue Router (perutean), ElementUi (perpustakaan komponen dasar Vue), axios (klien http), jsencrypt (perpustakaan js berdasarkan enkripsi dan dekripsi RSA), vue-dompurify-html (serangan anti-XSS), tinymce-vue ( editor teks kaya)

Antarmuka manajemen backend ujung depan

Vite , TypeSript

Semua yang harus dilakukan

• Kategori, tag
• Topik, peringkat pengguna
• Rekomendasi acak
• Merekomendasikan topik serupa
• Pemfilteran kata sensitif
• Antarmuka idempoten
• Batas saat ini disempurnakan
• Tingkatkan kontrol otoritas RABC, autentikasi identitas terpadu, dan autentikasi di gateway
• Tambahkan layanan email, verifikasi email, kode verifikasi, dll.
• Simpan gambar di minio (awalnya disimpan di Qiniu Cloud)
• pencarian terdiversifikasi elasticsearch, penyorotan kata kunci
• Tambahkan fungsi pemberitahuan pesan pengguna
• Gunakan redis+lua untuk mengekstrak topik dan tampilan halaman secara batch dari cache guna mengurangi jumlah komunikasi dan menampilkan data secara real-time.
• Tambahkan emotikon komentar
• Tambahkan fungsi ikuti
• Meningkatkan konfigurasi dan penggunaan sentinel dan naco
• Tambahkan modul perayap
• Tingkatkan pengujian unit
• Tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu tunggu.

berkomunikasi

Proyek ini awalnya dibangun untuk mempelajari teknologi. Karena keterbatasan kemampuan, masih banyak kekurangan. Jika ada yang tertarik (saya sangat berharap ada yang tertarik) atau jika Anda mengalami masalah dengan proyek atau memiliki saran untuk mengangkat masalah, Anda dapat menghubungi alamat email [email protected] atau bergabung dengan grup 692992463 untuk berkomunikasi. Jika Anda menyukainya, ingatlah untuk memberikannya bintang.

Tangkapan layar situs web

Sisi web

Terminal admin <br> Jangan ragu untuk memposting beberapa gambar sistem manajemen. Bagaimanapun, semua sistem manajemen terlihat sama.

Perjanjian sumber terbuka

Lisensi Apache 2.0