Plataforma de objetos perdidos del campus basada en Springboot+vue+uni-app. Incluye el lado principal de la plataforma para PC, el subprograma WeChat y la plataforma de gestión de datos backend web.
Vue 2.0
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
El proyecto adopta el modelo de desarrollo de separación de front-end y back-end. El lado de la PC usa: Vue + Element-ui, el mini programa se desarrolla usando Uni-app y la API de datos de back-end se desarrolla usando Java y Spring-. Bota.
Dirección del código de PC: https://github.com/lijinghailjh/WarmSearch-PC
Dirección del código del mini programa: https://github.com/lijinghailjh/WarmSearch-uniapp
Dirección del código de backend: https://github.com/lijinghailjh/WarmSearch
Dirección del código del terminal de administración web: https://github.com/lijinghailjh/WarmSearch-Web
Dado que el proyecto aún se está mejorando, aún no está en línea;
Principalmente porque soy pobre y no puedo permitirme un servidor.
Vídeo de demostración: vídeo de demostración en línea
Actualmente (8 de mayo de 2021) soy un estudiante universitario de segundo año. Me he estado preparando para estudiar Java por mi cuenta desde mayo del año pasado (2020), desde lo básico hasta los marcos. Utilizo mi tiempo libre para comenzar desde JavaWeb hasta SSM. a SpringBoot y luego al front-end Ht. ml5, CSS3, JS, Vue.js y finalmente Node.js Después de terminar el estudio, comencé a crear este sitio web de objetos perdidos. Actualmente, se ha presentado el prototipo del proyecto. -Proyecto de separación de end y back-end. Actualmente, uso mi tiempo libre y mejoro constantemente el proyecto. Soy nuevo en esto, así que si cometo algún error, espero que puedan darme algún consejo. El código fuente de cada parte se actualizará continuamente en Github.
Este proyecto utiliza la tecnología de separación de front-end y back-end Springboot + vue + uniapp + Mysql
1. Este proyecto incluye el sistema de gestión back-end WarmSearch-Web 2. El sistema front-end WarmSearch-PC 3. La parte del subprograma WeChat WarmSearch-uniapp
Si crees que este proyecto es bueno, puedes apoyarlo
Star
en la esquina superior derecha. ¡Muchas gracias! ! !
El front-end y el back-end de este proyecto están separados. El front-end se basa en Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
y se implementa con referencia a Hammer Mall. El backend se implementa en base a SpringBoot (framework) + JSON WEB TOKEN (mecanismo de token) + MybatisPlus + Mysql.
Arquitectura general
El diseño del sistema se adhiere a la idea general de "separación de front-end y back-end/SOA". El front-end utiliza Vue/ElementUI como tecnología de marco principal y Nginx como servidor HTTP para proporcionar servicios de acceso a páginas estáticas. y las funciones de proxy inverso; el back-end utiliza la tecnología de marco principal Springboot. Principalmente, se utiliza la base de datos de código abierto MySQL, y el front-end y el back-end utilizan especificaciones Restful para intercambiar datos.
El sistema adopta el método de autenticación de token JWT para reducir el consumo de operación del servidor y mejorar la escalabilidad y expansibilidad del sistema.
Arquitectura general
El diseño general se basa en el método de "separación de front-end y back-end". Cuando el navegador solicita una página o un recurso estático, el servidor HTTP responde directamente cuando el navegador solicita datos y la solicitud aún se envía al servidor HTTP. primero y se reenvía al servidor de aplicaciones web a través del servidor. Después del procesamiento comercial del servidor de aplicaciones web, los datos del resultado se devuelven al servidor HTTP y finalmente al navegador. En este proceso, el servidor de aplicaciones web devuelve solo datos (formato json) sin ninguna información relacionada con la visualización (vista), logrando una separación completa entre el front-end y el back-end. El front-end es responsable de las páginas y la visualización, y el back-end. -end es responsable del procesamiento y los datos comerciales.
Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Mini programa versión actualizada v2.0 (2022 2 17)
Esta es la segunda actualización del miniprograma y seguirá actualizándose en el futuro.
Visualización parcial de la página del objeto encontrado.
3.Sistema de gestión backend (WarmSearch-web)
Visualización de la página de inicio de sesión
Visualización de la página de inicio
Visualización de algunas páginas de funciones.
Planes posteriores
Si cree que mi proyecto no es malo, puede elogiarme. Ahora soy un estudiante de segundo año y planeo continuar mejorando este proyecto, por lo que planeo comprar un servidor e implementarlo de código abierto, si es así; Me gusta mi proyecto, ¿pueden invertir en el fondo de mi servidor para mí, un estudiante universitario con dificultades? ¡Muchas gracias! ! ! !
Si puede ver esto, significa que definitivamente está interesado en mi proyecto, entonces visite mi blog, que se actualizará con información más detallada sobre mi proyecto.
O también puedes contactarme a través del correo electrónico en mi página de inicio de Github [email protected]
Este es mi WeChat, si necesitas algo puedes contactarme. ੭ᐕ)੭*⁾⁾ ╰( ´︶` )╯ Esta es mi dirección de correo electrónico: [email protected]. Cualquier consejo es bienvenido.