Pengenalan proyek
Sistem manajemen artikel komunitas didasarkan pada SpringBoot + MyBatis + MySQL + Redis + Vue2 + ElementUI, dan mengimplementasikan fungsi seperti registrasi pengguna, login, posting, komentar, mengikuti, pencarian, manajemen administrator artikel, dan penambahan pengguna, penghapusan, modifikasi , dan kueri.
Petunjuk Penggunaan
Kloning proyek secara lokal
Jalankan bagian depan
Beralih ke proyek front-end
Pastikan node >= 16, periksa versi node
Instal dependensi
rintisan
lainnya
- File vue.config.js dapat mengubah alamat startup front-end. Default: http://localhost:3001
- File .env dapat mengubah alamat antarmuka server backend. Default: http://localhost:9001
Terapkan front-end
Metode 1: Hasilkan file dist untuk penerapan
Metode 2: Gunakan penerapan kontainer buruh pelabuhan
Membangun:
docker build -t freefish-community-frontend:v0.0.1 .
berlari:
docker run -p 80:80 -d freefish-community-frontend:v0.0.1
Jalankan bagian belakang
Hal-hal yang perlu diperhatikan
- Versi JDK adalah 1.8
- Versi MySQL adalah 8.0+
- Versi Maven adalah 3.9+
- Versi Redis adalah 5.0+
lainnya
- File application-dev.yml dapat memodifikasi port startup layanan, MySQL, konfigurasi Redis, dll.
- File ddl.sql adalah file database MySQL, yang dapat dijalankan dengan Ctrl A + Select All + Ctrl Enter untuk menginisialisasi database dengan cepat.
- Kata sandi default akun administrator |
Terapkan ujung belakang
Metode 1: Hasilkan penerapan paket jar (lewati pengujian unit)
Metode 2: Gunakan penerapan kontainer buruh pelabuhan
Membangun:
docker build -t freefish-community-backend:v0.0.1 .
berlari:
docker run -p 9001:9001 -d freefish-community-backend:v0.0.1
Tampilan proyek
administrator
Manajemen pos
![post_m.png](https://images.downcodes.com/uploads/20250123/img_6791df92033d030.png)
Manajemen pengguna
![pengguna_m.png](https://images.downcodes.com/uploads/20250123/img_6791df9203d3d31.png)
pengguna
Halaman rumah
![rumah.png](https://images.downcodes.com/uploads/20250123/img_6791df920468d32.png)
tema gelap
![gelap.png](https://images.downcodes.com/uploads/20250123/img_6791df920530233.png)
Pendaftaran pengguna
![daftar.png](https://images.downcodes.com/uploads/20250123/img_6791df920600d34.png)
Masuk pengguna
![masuk.png](https://images.downcodes.com/uploads/20250123/img_6791df920678a35.png)
Detail artikel
![posting.png](https://images.downcodes.com/uploads/20250123/img_6791df9206e6036.png)
Komentar artikel
![tolong.png](https://images.downcodes.com/uploads/20250123/img_6791df920793437.png)
Rilis artikel
![post_f.png](https://images.downcodes.com/uploads/20250123/img_6791df920838538.png)
Pencarian artikel
![pencarian.png](https://images.downcodes.com/uploads/20250123/img_6791df9208c8e39.png)
Manajemen artikel
![semua_posting.png](https://images.downcodes.com/uploads/20250123/img_6791df920982d310.png)
Editor artikel
![perbarui.png](https://images.downcodes.com/uploads/20250123/img_6791df920a1b6311.png)
tumpukan teknologi
ujung depan
- Vue2 adalah kerangka kerja untuk membangun JavaScript
- Pustaka komponen UI ElementUI yang indah dan mudah digunakan
bagian belakang
- sepatu musim semi
- Musim SemiMVC
- basis data MySQL
- Redis cache data
- Keamanan Musim Semi (verifikasi keamanan JWT)
- Kode MyBatis-Plus dan MyBatis X dibuat secara otomatis
- Hutool, Apache Common Utils, Gson dan pustaka alat lainnya