Campus-Fundbüro-Plattform basierend auf Springboot+vue+uni-app. Sie umfasst die Haupt-PC-Seite der Plattform, das WeChat-Applet und die Web-Backend-Datenverwaltungsplattform.
Vue 2.0
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Das Projekt übernimmt das Front-End- und Back-End-Trennungsentwicklungsmodell. Die PC-Seite verwendet: Vue + Element-ui, das Miniprogramm wird mit Uni-App entwickelt und die Back-End-Daten-API wird mit Java und Spring entwickelt. Stiefel.
PC-Codeadresse: https://github.com/lijinghailjh/WarmSearch-PC
Adresse des Mini-Programmcodes: https://github.com/lijinghailjh/WarmSearch-uniapp
Backend-Code-Adresse: https://github.com/lijinghailjh/WarmSearch
Codeadresse des Webverwaltungsterminals: https://github.com/lijinghailjh/WarmSearch-Web
Da das Projekt noch verbessert wird, ist es noch nicht online;
Vor allem, weil ich arm bin und mir keinen Server leisten kann
Demonstrationsvideo: Online-Demonstrationsvideo
„Ich bin derzeit (8. Mai 2021) Student im zweiten Studienjahr und bereite mich seit Mai letzten Jahres (2020) auf das Selbststudium von Java vor. In meiner Freizeit beginne ich mit JavaWeb und SSM. zu SpringBoot. Dann zum Front-End Ht ml5, CSS3, JS, Vue.js und schließlich Node.js. Nach Abschluss der Studie habe ich mit der Erstellung dieser Campus-Lost-and-Found-Website begonnen -End- und Backend-Trennungsprojekt. Derzeit verwende ich meine Freizeit und verbessere das Projekt ständig. Ich bin neu in diesem Bereich. Wenn ich also Fehler mache, hoffe ich, dass ihr mir einen Rat geben könnt. Der Quellcode jedes Teils wird auf Github kontinuierlich aktualisiert.
Dieses Projekt verwendet die Front-End- und Back-End-Trennungstechnologie Springboot + vue + uniapp + MySQL
1. Dieses Projekt umfasst das Back-End-Managementsystem WarmSearch-Web 2. Das Front-End-System WarmSearch-PC 3. Den WeChat-Applet-Teil WarmSearch-uniapp
Wenn Sie denken, dass dieses Projekt gut ist, können Sie es
Star
in der oberen rechten Ecke unterstützen. Vielen Dank! ! !
Das Front-End und das Back-End dieses Projekts sind getrennt. Das Front-End basiert auf Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
und wird unter Bezugnahme auf Hammer Mall implementiert. Das Backend ist basierend auf SpringBoot (Framework) + JSON WEB TOKEN (Token-Mechanismus) + MybatisPlus + Mysql implementiert.
Gesamtarchitektur
Das Systemdesign folgt der Gesamtidee der „Trennung von Front-End und Back-End/SOA“. Das Front-End verwendet Vue/ElementUI als Haupt-Framework-Technologie und Nginx als HTTP-Server, um statische Seitenzugriffsdienste bereitzustellen und Reverse-Proxy-Funktionen; das Back-End verwendet die Springboot-Mainstream-Framework-Technologie. Hauptsächlich wird die Open-Source-Datenbank MySQL verwendet, und das Front-End und das Back-End verwenden Restful-Spezifikationen zum Datenaustausch.
Das System verwendet die JWT-Token-Authentifizierungsmethode, um den Serverbetriebsverbrauch zu reduzieren und die Skalierbarkeit und Erweiterbarkeit des Systems zu verbessern.
Gesamtarchitektur
Das Gesamtdesign basiert auf der Methode der „Front-End- und Back-End-Trennung“. Wenn der Browser eine Seite oder eine statische Ressource anfordert, antwortet der HTTP-Server direkt, wenn der Browser Daten anfordert zunächst erfasst und über den Server an den Web APP Server weitergeleitet. Nach der Geschäftsverarbeitung durch den Web APP Server werden die Ergebnisdaten an den HTTP-Server und schließlich an den Browser zurückgegeben. Bei diesem Vorgang gibt der Web APP-Server nur Daten (JSON-Format) ohne Informationen zur Anzeige (Ansicht) zurück, wodurch eine vollständige Trennung von Front-End und Back-End erreicht wird. Das Front-End ist für Seiten und Anzeige verantwortlich und das Back-End -end ist für die Geschäftsabwicklung und Daten verantwortlich.
Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Miniprogramm aktualisierte Version v2.0 (2022 2 17)
Dies ist das zweite Update des Miniprogramms und wird auch in Zukunft weiter aktualisiert.
Teilweise Anzeige der Fundstückseite
3.Backend-Managementsystem (WarmSearch-web)
Anzeige der Anmeldeseite
Anzeige der Startseite
Anzeige einiger Funktionsseiten
Spätere Pläne
Wenn Sie der Meinung sind, dass mein Projekt nicht schlecht ist, können Sie mich loben. Ich bin jetzt Student im zweiten Jahr und habe vor, dieses Projekt weiter zu verbessern. Daher ist es nicht einfach, einen Server zu kaufen und ihn als Open Source bereitzustellen Können Sie, wie mein Projekt, in meinen Serverfonds für mich, einen Studenten mit Schwierigkeiten, investieren? Vielen Dank! ! ! !
Wenn Sie dies sehen, bedeutet das, dass Sie definitiv an meinem Projekt interessiert sind. Dann besuchen Sie bitte meinen Blog, der mit detaillierteren Informationen zu meinem Projekt aktualisiert wird.
Oder Sie können mich auch über die E-Mail auf meiner Github-Homepage [email protected] kontaktieren
Dies ist mein WeChat. Wenn Sie etwas benötigen, können Sie mich kontaktieren ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ Dies ist meine E-Mail-Adresse: [email protected] Jeder Rat ist willkommen.