ดาวน์โหลด SpringCloud acimage - ดาวน์โหลดซอร์สโค้ด SpringCloud acimage

SpringCloud acimage

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

ความประทับใจที่มีมิติ

Dimensional Impression ฟอรัมการสื่อสารเกี่ยวกับแอนิเมชั่นที่สร้างโดย SpringCloud

คำนำ

กล่าวกันว่าครึ่งหนึ่งของโปรแกรมเมอร์ชาวจีนบน Github นั้นเป็นแบบสองมิติ ~~เพื่อดึงดูดดาวให้มากขึ้น~~ ฉันพัฒนาฟอรัมแลกเปลี่ยนแอนิเมชั่นนี้พร้อมกับเรียนรู้เทคโนโลยี SpringCloud

การแนะนำโครงการ

Acimage เป็นฟอรัมแลกเปลี่ยนแอนิเมชั่นที่สร้างขึ้น บน Spring Cloud ที่ แยกส่วน หน้าและส่วนหลัง แบ็กเอนด์ใช้ SpringCloud + Mybatis-Plus + Reids + Rabbitmq + Elasticsearch ส่วนหน้าใช้ Vue + ElementUi + Vite ได้มีการเปิดตัวโครงการแล้ว เรียนชาว Github 2D ทำไมไม่มอบดาวให้ฉันบ้างล่ะ(๑•̀ㅂ•́)و✧

URL

* Dimensional Impressiono( ≧▽≦)ツ~Animation Exchange Forum www.acimage.top (ใช้ได้กับหน้าเว็บเท่านั้น หากหน้าจอเล็กเกินไป คุณสามารถขยายเบราว์เซอร์ได้อย่างเหมาะสมเพื่อให้ได้เอฟเฟกต์ภาพที่ดีขึ้น)

หน้าแรก

หน้าฟอรั่ม

สถาปัตยกรรมระบบ

ฟังก์ชั่นโครงการ

แผนกต้อนรับของผู้ใช้

ใช้รูปภาพเพื่อระบุรูปภาพ กล่าวคือ อัปโหลดรูปภาพเพื่อระบุรูปภาพที่คล้ายกันในฟอรัมและหัวข้อที่เป็นของรูปภาพนั้น
การค้นหาที่หลากหลาย คุณสามารถค้นหาตามคำหลัก หมวดหมู่ แท็ก และฟิลด์การเรียงลำดับได้ในเวลาเดียวกัน และเน้นข้อความที่ตรงกันตามคำหลัก
คำแนะนำหัวข้อที่เกี่ยวข้อง , คำแนะนำแบบสุ่ม
การจัดอันดับหัวข้อ (จัดอันดับตามดาว จำนวนการดู จำนวนความคิดเห็น ฯลฯ เวลาที่ใช้งาน)
การจัดอันดับผู้ใช้ (จัดอันดับตามจำนวนหัวข้อ ดาว ฯลฯ)
หมวดหมู่ แท็ก และคลิกเพื่อกรองหัวข้อที่ตรงกับหมวดหมู่หรือแท็กที่เกี่ยวข้อง
แสดงหัวข้อที่กำลังใช้งานล่าสุดแบบเรียลไทม์
การกรองคำที่ละเอียดอ่อน การบีบอัดภาพ
การแจ้งเตือนข้อความ
ดูการอัปเดตส่วนบุคคลและแก้ไขข้อมูลส่วนบุคคล
เข้าสู่ระบบ ลงทะเบียน ออกจาก ระบบ รหัสยืนยันเพื่อป้องกันการปัด และ การยืนยันอีเมล
โพสต์หัวข้อ ความคิดเห็น ดาว ฯลฯ

การจัดการแบ็กเอนด์

การควบคุมสิทธิ์ RBAC ที่ค่อนข้างสมบูรณ์สามารถปรับบทบาทของผู้ใช้ สิทธิ์ของบทบาท สิทธิ์ของอินเทอร์เฟซ ฯลฯ ได้แบบไดนามิก
การแสดงข้อมูลเว็บไซต์พื้นฐาน จำนวนผู้เยี่ยมชม จำนวนการเรียกอินเทอร์เฟซ ฯลฯ
การจัดการภาพหมุนหน้าแรก
หัวข้อ ความคิดเห็น การจัดการผู้ใช้

คุณสมบัติของโครงการ

JWT ใช้การลงชื่อเข้าระบบครั้งเดียว การรับรองความถูกต้องและการรับรองความถูกต้องของข้อมูลประจำตัวแบบรวมที่เกตเวย์ และการควบคุมสิทธิ์ RBAC อย่างสมบูรณ์
ใช้ สคริปต์ Redis+Lua+งานที่กำหนดเวลาไว้ เพื่อคงข้อมูลที่เปลี่ยนแปลงบ่อยครั้ง (มุมมอง ฯลฯ) เป็นประจำ
การใช้ สคริปต์ Redis + Lua + คำอธิบายประกอบที่กำหนดเอง สามารถใช้คำอธิบายประกอบเพียงรายการเดียวเท่านั้นเพื่อจำกัดโฟลว์ของ IP ผู้ใช้ และปริมาณคำขอโดยรวม
อัลกอริธึม Dhash ใช้เพื่อรับรู้การทำงานของการจดจำรูปภาพด้วยรูปภาพ และเอฟเฟกต์ก็ไม่เลว
รูปภาพที่อัปโหลดทั้งหมดจะถูกบีบอัดโดยใช้ webp ซึ่งช่วยลดแรงกดดันแบนด์วิธได้อย่างมาก

ไดเรกทอรีโครงการ

บริการแบ็กเอนด์

acimage_gateway : เกตเวย์, การตรวจสอบตัวตนแบบรวม, การตรวจสอบสิทธิ์, การจำกัดปัจจุบันสำหรับผู้ใช้ และปริมาณคำขอโดยรวมตามลำดับ
acimage_user : ศูนย์ผู้ใช้, การลงทะเบียนผู้ใช้, เข้าสู่ระบบ, บริการอีเมล ฯลฯ
acimage_community : บริการชุมชน รับผิดชอบหน้าที่หลักที่เกี่ยวข้องกับหัวข้อฟอรั่ม
acimage_image : บริการรูปภาพ รับผิดชอบในการอัพโหลดรูปภาพหัวข้อ อัพโหลดรูปประจำตัว และระบุรูปภาพด้วยรูปภาพ ฯลฯ
acimage_admin : บริการการจัดการ

โมดูลแบ็กเอนด์

acimage_common : โมดูลสาธารณะซึ่งจัดเก็บคลาสเอนทิตี ตัวดักสาธารณะ การกำหนดค่าสาธารณะ และคลาสเครื่องมือสาธารณะ ฯลฯ
acimage_feign : วางไคลเอนต์ปลอมของแต่ละโมดูล

ส่วนหน้า

vue_manage_system : หน้าการจัดการเบื้องหลัง
vue_acimage_web : หน้าพอร์ทัล

อื่น

doc : เอกสาร รูปภาพ และไฟล์ฐานข้อมูลบางส่วน

เรียกใช้และปรับใช้

โครงการยังคงอยู่ในระหว่างการปรับปรุง และกระบวนการดำเนินการและการใช้งานจะได้รับการอัปเดตในภายหลัง

นำเข้าฐานข้อมูลทั้งสามภายใต้ doc/sql ไปยัง mysql ฐานข้อมูลทั้งสี่เป็นฐานข้อมูลที่สอดคล้องกับบริการส่วนหน้าทั้งสี่รายการ
กำหนดค่าที่อยู่หรือรหัสผ่านบัญชีที่สอดคล้องกันของ mysql, redis, rabbitmq และ nacos ในไฟล์ application-dev.yml ของแต่ละบริการ
กรอกข้อมูลบัญชี Qiniu Cloud ใน application-qiniu-template.yml ใน acimage_common รวมถึง access-key , Secret-key , domian , bucket หรือกำหนดค่าใดๆ ให้กับแอตทริบิวต์ทั้งสี่นี้ (ต้องไม่เว้นว่าง มิฉะนั้น NPE ) แต่คุณ ไม่สามารถอัพโหลดภาพในลักษณะนี้ได้ และเปลี่ยนชื่อ application-qiniu-template.yml เป็น application-qiniu.yml
กำหนดค่าที่อยู่ nacos และที่อยู่ Sentinel ใน application.yml ภายใต้โมดูล acimage_common (หากไม่ได้กำหนด ค่า Sentinel ก็จะไม่ส่งผลกระทบต่อการดำเนินการ)
เริ่ม nacos, redis, rabbitmq, mysql
เริ่ม acimage_user , acimage_community , acimage_image , acimage_gateway ตามลำดับ มิฉะนั้น ข้อผิดพลาดอาจถูกรายงานเนื่องจากปัญหาการสร้างคิว rabbitmq และลำดับการเชื่อมโยง หากพบ บริการทั้งหมดจะถูกรีสตาร์ทอีกครั้ง
หลังจากรันส่วนหน้า (ดูรายละเอียดใน README ของ vue_acimage_web ) ให้คลิกลิงก์ป๊อปอัปดีฟอลต์เพื่อเข้าถึงโฮมเพจ
เข้าสู่ระบบแผนกต้อนรับ**: ผู้ใช้: wk, รหัสผ่าน: wk123456 (มีผู้ใช้อื่นๆ อีกหลายคนที่สามารถดูได้จากไฟล์ฐานข้อมูล sql และรหัสผ่านทั้งหมดเป็นชื่อผู้ใช้ 123456)
ท่าเรือ:
- acimage_user : 8100
- acimage_image : 8090
- acimage_community : 8080
- acimage_gateway : 8070

การเลือกใช้เทคโนโลยี

กองเทคโนโลยีแบ็กเอนด์

SpringBoot , SpringCloud , MyBatis-plus , Druid (พูลการเชื่อมต่อฐานข้อมูล), Redis (แคชแบบกระจาย), Rabbitmq (คิวข้อความ), Elasticsearch (เครื่องมือค้นหาแบบกระจาย), Minio (บริการจัดเก็บวัตถุ), Nginx (พร็อกซีเซิร์ฟเวอร์ย้อนกลับ) , Docker ( เครื่องยนต์คอนเทนเนอร์แอปพลิเคชัน)

ส่วนหน้าส่วนต่อประสานผู้ใช้

Vue2 , Vue Router (การกำหนดเส้นทาง), ElementUi (ไลบรารีส่วนประกอบพื้นฐาน Vue), axios (ไคลเอ็นต์ http), jsencrypt (ไลบรารี js ที่ใช้การเข้ารหัสและการถอดรหัส RSA), vue-dompurify-html (การโจมตีต่อต้าน XSS), Tinymce-vue ( โปรแกรมแก้ไขข้อความที่หลากหลาย)

ส่วนหน้าอินเทอร์เฟซการจัดการแบ็กเอนด์

เยี่ยมชม , TypeSript

สิ่งที่ต้องทำ

สื่อสาร

โปรเจ็กต์นี้สร้างขึ้นเพื่อเรียนรู้เทคโนโลยี เนื่องจากความสามารถที่จำกัด คุณจึงยังมีข้อบกพร่องอยู่หลายประการ หากใครสนใจ (หวังว่าจะมีคนสนใจจริงๆ) หรือหากพบปัญหาใดๆ กับโครงการ หรือมีข้อเสนอแนะใดๆ แจ้งปัญหา สามารถติดต่อได้ที่อีเมล [email protected] หรือเข้าร่วมกลุ่ม 692992463 เพื่อติดต่อสื่อสาร ถ้าชอบอย่าลืมให้ดาวด้วย