หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

เว็บไซต์วิทยาเขตที่สูญหายและพบ |

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

แพลตฟอร์ม Campus ที่สูญหายและพบซึ่งใช้ Springboot+vue+uni-app ซึ่งรวมถึงฝั่งพีซีหลักของแพลตฟอร์ม แอปเพล็ต WeChat และแพลตฟอร์มการจัดการข้อมูลแบ็กเอนด์ของเว็บ

  • รายการข้อมูลที่สูญหายและพบ
  • การเผยแพร่ข้อมูล (รองรับการอัพโหลดรูปภาพ)

กองเทคโนโลยีโครงการ

  • ฝั่งพีซี (WarmSearch-PC): Vue 2.0 + Vue-router + Vuex + Element-ui + Axios
  • ระบบการจัดการแบ็กเอนด์ (WarmSearch-Web): อิงตามโครงนั่งร้าน Vue-admin-ui
  • แอพเพล็ต WeChat (WarmSearch-uniapp): uni-app + Vue.js
  • แบ็กเอนด์ (WarmSearch): Springboot 2.4.2 + Java Web Token +MybatisPlus + Swagger
  • ฐานข้อมูล: MySql 5.7

ที่อยู่โครงการ?

โครงการใช้รูปแบบการพัฒนาการแยกส่วนหน้าและส่วนหลัง ฝั่งพีซีใช้: Vue + Element-ui มินิโปรแกรมได้รับการพัฒนาโดยใช้ Uni-app และ API ข้อมูลส่วนหลังได้รับการพัฒนาโดยใช้ Java และ Spring- บูต

ที่อยู่รหัส PC: https://github.com/lijinghailjh/WarmSearch-PC

ที่อยู่รหัสโปรแกรมขนาดเล็ก: https://github.com/lijinghailjh/WarmSearch-uniapp

ที่อยู่รหัสแบ็กเอนด์: https://github.com/lijinghailjh/WarmSearch

ที่อยู่รหัสเทอร์มินัลการจัดการเว็บ: https://github.com/lijinghailjh/WarmSearch-Web

ที่อยู่ประสบการณ์

เนื่องจากโครงการยังอยู่ในระหว่างการปรับปรุง จึงยังไม่ออนไลน์

สาเหตุหลักมาจากฉันยากจนและไม่มีเงินจ่ายเซิร์ฟเวอร์

วิดีโอสาธิต: วิดีโอสาธิตออนไลน์

คำนำ:

?ปัจจุบัน (8 พฤษภาคม 2564) ฉันเป็นนักศึกษาชั้นปีที่สอง ฉันได้เตรียมตัวเรียน Java ด้วยตนเองตั้งแต่เดือนพฤษภาคมปีที่แล้ว (2563) ตั้งแต่พื้นฐานไปจนถึงเฟรมเวิร์ก ฉันใช้เวลาว่างเพื่อเริ่มต้นจาก JavaWeb ไปจนถึง SSM ไปที่ SpringBoot จากนั้นไปที่ส่วนหน้า ml5, CSS3, JS, Vue.js และสุดท้ายคือ Node.js หลังจากเสร็จสิ้นการศึกษา ฉันเริ่มทำให้เว็บไซต์นี้สูญหายและพบ ปัจจุบัน มีการนำเสนอต้นแบบของโครงการนี้อยู่ด้านหน้า -โครงการแยกส่วนท้ายและส่วนหลัง ปัจจุบันฉันใช้เวลาว่างและปรับปรุงโครงการอย่างต่อเนื่อง ฉันยังใหม่กับเรื่องนี้ ดังนั้นหากฉันทำผิดพลาดฉันหวังว่าเพื่อนๆ จะสามารถให้คำแนะนำฉันได้ ซอร์สโค้ดของแต่ละส่วนจะได้รับการอัปเดตอย่างต่อเนื่องบน Github

นี่คือที่อยู่อีเมลของฉัน [email protected] เรายินดีให้ทุกคนทำการแก้ไข
รหัสล่าสุดจะได้รับการอัปเดตอย่างต่อเนื่องบน GitHub
นักเรียนชั้นปีที่สองปัจจุบัน (8 พฤษภาคม 2564)

แสดงให้เห็น

โปรเจ็กต์นี้ใช้เทคโนโลยีการแยกส่วนหน้าและส่วนหลัง Springboot + vue + uniapp + Mysql

1. โครงการนี้ประกอบด้วยระบบการจัดการส่วนหลัง WarmSearch-Web 2. ระบบส่วนหน้า WarmSearch-PC 3. ส่วนแอปเพล็ต WeChat WarmSearch-uniapp

หากคุณคิดว่าโครงการนี้ดีสามารถสนับสนุนได้ Star ที่มุมขวาบน ขอบคุณมาก! - -

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

  • ส่วนหน้าและส่วนหลังของโปรเจ็กต์นี้แยกจากกัน ส่วนหน้าจะขึ้นอยู่กับ Vue + Vue-router + Vuex + Element-ui + Axios และนำไปใช้โดยอ้างอิงกับ Hammer Mall แบ็กเอนด์ถูกนำไปใช้ตาม SpringBoot (เฟรมเวิร์ก) + JSON WEB TOKEN (กลไกโทเค็น) + MybatisPlus + Mysql

  • สถาปัตยกรรมโดยรวม

    การออกแบบระบบเป็นไปตามแนวคิดโดยรวมของ "การแยกส่วนหน้าและส่วนหลัง/SOA" ส่วนหน้าใช้ Vue/ElementUI เป็นเทคโนโลยีเฟรมเวิร์กหลัก และใช้ Nginx เป็นเซิร์ฟเวอร์ HTTP เพื่อให้บริการการเข้าถึงเพจแบบคงที่ และฟังก์ชันพร็อกซีย้อนกลับ ส่วนแบ็คเอนด์ใช้เทคโนโลยีเฟรมเวิร์กหลักของ Springboot โดยพื้นฐานแล้วจะใช้ฐานข้อมูลโอเพ่นซอร์ส MySQL และส่วนหน้าและส่วนหลังใช้ข้อกำหนด Restful เพื่อแลกเปลี่ยนข้อมูล

    ระบบใช้วิธีการตรวจสอบโทเค็น JWT เพื่อลดปริมาณการใช้เซิร์ฟเวอร์และปรับปรุงความสามารถในการปรับขนาดและการขยายระบบ

  • สถาปัตยกรรมโดยรวม

    การออกแบบโดยรวมจะขึ้นอยู่กับวิธีการ "แยกส่วนหน้าและส่วนหลัง" เมื่อเบราว์เซอร์ร้องขอเพจหรือทรัพยากรแบบคงที่ เซิร์ฟเวอร์ HTTP จะตอบสนองโดยตรง เมื่อเบราว์เซอร์ร้องขอข้อมูล คำขอจะยังคงส่งไปยังเซิร์ฟเวอร์ HTTP ก่อนและส่งต่อไปยัง Web APP Server ผ่านทางเซิร์ฟเวอร์ หลังจากการประมวลผลทางธุรกิจของ Web APP Server ข้อมูลผลลัพธ์จะถูกส่งกลับไปยังเซิร์ฟเวอร์ HTTP และสุดท้ายจะส่งคืนไปยังเบราว์เซอร์ ในกระบวนการนี้ Web APP Server ส่งคืนเฉพาะข้อมูล (รูปแบบ json) โดยไม่มีข้อมูลใดๆ ที่เกี่ยวข้องกับการแสดงผล (มุมมอง) ทำให้สามารถแยกส่วนหน้าและส่วนหลังได้อย่างสมบูรณ์ ส่วนหน้าจะรับผิดชอบสำหรับเพจและการแสดงผล และส่วนหลัง -end รับผิดชอบการประมวลผลและข้อมูลทางธุรกิจ

กองเทคโนโลยี

  • ระบบแสดงผลหน้าแรก (WarmSearch-PC): Vue + Vue-router + Vuex + Element-ui + Axios
  • ระบบการจัดการแบ็กเอนด์: อิงตามโครง Vue-admin-ui
  • แอพเพล็ต WeChat: uni-app + Vue.js
  • แบ็กเอนด์: Springboot + Java Web Token + MybatisPlus + เฟรมเวิร์ก Swagger
  • ฐานข้อมูล: MySql

โมดูลฟังก์ชัน

1. การแสดงหน้าแรก (WarmSearch-PC)

  • หน้าแรกของ WarmSearch-PC แสดงบางส่วน
  • หน้ารายละเอียดสินค้า
  • การแสดงหน้าที่สูญหายและพบ
  • หน้าเรียกร้อง
  • หน้าเผยแพร่ข้อมูล
  • การแสดงหน้าบางส่วนของเจ้าของที่หายไป
  • การแสดงหน้าส่วนการบริจาค

2. หน้ามินิโปรแกรม WeChat (WarmSearch-uniapp)

  • หน้าเข้าสู่ระบบ v1.0 (2021.5)

  • หน้าแรกแสดงบางส่วนของหน้า v1.0 (2021.5)

มินิโปรแกรมอัพเดตเวอร์ชั่น v2.0 (2022 2 17)

นี่เป็นการอัปเดตครั้งที่สองของมินิโปรแกรมและจะมีการอัปเดตต่อไปในอนาคต

  • การแสดงหน้าวัตถุที่พบบางส่วน

3.ระบบจัดการแบ็กเอนด์ (WarmSearch-web)

  • การแสดงหน้าเข้าสู่ระบบ

  • การแสดงหน้าแรก

  • การแสดงหน้าฟังก์ชั่นบางส่วน

แผนต่อมา

หากคุณคิดว่าโครงการของฉันไม่เลว คุณสามารถชมเชยฉันได้ ตอนนี้ฉันเป็นนักเรียนชั้นปีที่สองและวางแผนที่จะปรับปรุงโครงการนี้ต่อไป ดังนั้นฉันจึงวางแผนที่จะซื้อเซิร์ฟเวอร์และปรับใช้โอเพ่นซอร์สไม่ใช่เรื่องง่าย เช่นเดียวกับโปรเจ็กต์ของฉัน คุณช่วยลงทุนในกองทุนเซิร์ฟเวอร์ของฉันให้ฉันซึ่งเป็นนักศึกษาวิทยาลัยที่กำลังดิ้นรนได้ไหม ขอบคุณมาก! - - -

หากคุณเห็นสิ่งนี้ แสดงว่าคุณสนใจโครงการของฉันอย่างแน่นอน โปรดไปที่บล็อกของฉัน ซึ่งจะมีการอัปเดตด้วยข้อมูลโดยละเอียดเพิ่มเติมเกี่ยวกับโครงการของฉัน

หรือคุณสามารถติดต่อฉันผ่านทางอีเมลในหน้าแรกของ Github ของฉัน [email protected]

นี่คือ WeChat ของฉัน หากคุณต้องการอะไร โปรดติดต่อฉันได้ ੭ ᐕ)੭*⁾⁾ ╰( `︶` )╯
นี่คือที่อยู่อีเมลของฉัน: [email protected] ยินดีรับคำแนะนำ
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด