Kampus kehilangan dan menemukan platform berdasarkan Springboot+vue+uni-app. Ini mencakup sisi PC utama dari platform, applet WeChat, dan platform manajemen data backend web.
Vue 2.0
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Proyek ini mengadopsi model pengembangan pemisahan front-end dan back-end. Sisi PC menggunakan: Vue + Element-ui, program mini dikembangkan menggunakan Uni-app, dan API data back-end dikembangkan menggunakan Java dan Spring- sepatu bot.
Alamat kode PC: https://github.com/lijinghailjh/WarmSearch-PC
Alamat kode program mini: https://github.com/lijinghailjh/WarmSearch-uniapp
Alamat kode backend: https://github.com/lijinghailjh/WarmSearch
Alamat kode terminal manajemen web: https://github.com/lijinghailjh/WarmSearch-Web
Karena proyek ini masih dalam tahap perbaikan, proyek ini belum online;
Terutama karena saya miskin dan tidak mampu membeli server
Video demonstrasi: Video demonstrasi online
?Saat ini saya (8 Mei 2021) adalah seorang mahasiswa tahun kedua. Saya telah mempersiapkan diri untuk belajar Java secara mandiri sejak Mei tahun lalu (2020), dari dasar hingga kerangka kerja. ke SpringBoot.Kemudian ke front-end Ht ml5, CSS3, JS, Vue.js, dan terakhir Node.js. Setelah menyelesaikan studi, saya mulai membuat situs web kampus yang hilang dan ditemukan. Saat ini, prototipe proyek telah disajikan Proyek pemisahan -end dan back-end. Saat ini, saya menggunakan waktu luang saya, dan terus meningkatkan proyek. Saya baru dalam hal ini, jadi jika saya membuat kesalahan, saya harap kalian bisa memberi saya saran. Kode sumber setiap bagian akan terus diperbarui di Github.
Proyek ini menggunakan teknologi pemisahan front-end dan back-end Springboot + vue + uniapp + Mysql
1. Proyek ini mencakup sistem manajemen back-end WarmSearch-Web 2. Sistem front-end WarmSearch-PC 3. Bagian applet WeChat WarmSearch-uniapp
Jika menurut Anda proyek ini bagus, Anda dapat mendukungnya
Star
di pojok kanan atas. ! !
Front-end dan back-end proyek ini dipisahkan. Front-end didasarkan pada Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
, dan diimplementasikan dengan mengacu pada Hammer Mall. Backend diimplementasikan berdasarkan SpringBoot (kerangka kerja) + JSON WEB TOKEN (mekanisme token) + MybatisPlus + Mysql.
Arsitektur keseluruhan
Desain sistem menganut gagasan keseluruhan "pemisahan front-end dan back-end/SOA". Front-end menggunakan Vue/ElementUI sebagai teknologi kerangka utama dan Nginx sebagai server HTTP untuk menyediakan layanan akses halaman statis. dan membalikkan fungsi proxy; back-end menggunakan teknologi kerangka mainstream Springboot Terutama, database open source MySQL digunakan, dan ujung depan dan belakang menggunakan spesifikasi Restful untuk bertukar data.
Sistem ini mengadopsi metode otentikasi token JWT untuk mengurangi konsumsi operasi server dan meningkatkan skalabilitas dan perluasan sistem.
Arsitektur keseluruhan
Desain keseluruhan didasarkan pada metode "pemisahan front-end dan back-end". Ketika browser meminta halaman atau sumber daya statis, Server HTTP merespons secara langsung; ketika browser meminta data, permintaan tersebut masih dikirim ke Server HTTP pertama dan diteruskan ke Web APP Server melalui server. Setelah pemrosesan bisnis Web APP Server, data hasil dikembalikan ke Server HTTP dan akhirnya dikembalikan ke browser. Dalam proses ini, Server Aplikasi Web hanya mengembalikan data (format json) tanpa informasi apa pun terkait tampilan (tampilan), mencapai pemisahan front-end dan back-end yang lengkap. Front-end bertanggung jawab atas halaman dan tampilan, serta bagian belakang -end bertanggung jawab atas pemrosesan bisnis dan data.
Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Program mini diperbarui versi v2.0 (2022 2 17)
Ini merupakan update mini program yang kedua dan akan terus diupdate kedepannya.
Tampilan sebagian halaman objek yang ditemukan
3.Sistem manajemen backend (WarmSearch-web)
Tampilan halaman masuk
Tampilan halaman beranda
Tampilan beberapa halaman fungsi
Rencana selanjutnya
Jika menurut Anda proyek saya tidak buruk, Anda dapat memberi saya pujian. Saya sekarang adalah mahasiswa tahun kedua dan berencana untuk terus meningkatkan proyek ini, jadi saya berencana untuk membeli server dan menerapkannya secara open source tidaklah mudah, jika Anda seperti proyek saya, dapatkah Anda berinvestasi dalam dana server saya untuk saya, seorang mahasiswa yang sedang berjuang, terima kasih banyak! ! ! !
Jika anda bisa melihat ini berarti anda pasti tertarik dengan proyek saya, maka silahkan kunjungi blog saya yang akan diupdate dengan informasi lebih detail tentang proyek saya.
Atau Anda juga dapat menghubungi saya melalui email di beranda Github saya [email protected]
Ini WeChat saya, jika Anda butuh sesuatu, Anda dapat menghubungi saya ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ Ini alamat email saya: [email protected]. Setiap saran diterima.