Plataforma de achados e perdidos do campus baseada em Springboot + vue + uni-app. Inclui o lado principal do PC da plataforma, o miniaplicativo WeChat e a plataforma de gerenciamento de dados de backend da web.
Vue 2.0
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
O projeto adota o modelo de desenvolvimento de separação front-end e back-end. O lado do PC usa: Vue + Element-ui, o miniprograma é desenvolvido usando Uni-app e a API de dados back-end é desenvolvida usando Java e Spring-. Bota.
Endereço do código do PC: https://github.com/lijinghailjh/WarmSearch-PC
Endereço do código do mini programa: https://github.com/lijinghailjh/WarmSearch-uniapp
Endereço do código de back-end: https://github.com/lijinghailjh/WarmSearch
Endereço do código do terminal de gerenciamento da Web: https://github.com/lijinghailjh/WarmSearch-Web
Como o projeto ainda está em aprimoramento, ainda não está online;
Principalmente porque sou pobre e não posso pagar um servidor
Vídeo de demonstração: Vídeo de demonstração online
?Atualmente sou (8 de maio de 2021) um estudante universitário do segundo ano. Estou me preparando para estudar Java por conta própria desde maio do ano passado (2020), do básico ao framework, uso meu tempo livre para começar do JavaWeb ao SSM,. para SpringBoot. Depois para o front-end Ht. ml5, CSS3, JS, Vue.js e finalmente Node.js Depois de terminar o estudo, comecei a fazer este site de achados e perdidos do campus. Atualmente, o protótipo do projeto foi apresentado. Projeto de separação de final e back-end Atualmente, uso meu tempo livre e aprimoro constantemente o projeto. Sou novo nisso, então se eu cometer algum erro, espero que vocês possam me dar alguns conselhos. O código fonte de cada parte será atualizado continuamente no Github.
Este projeto usa tecnologia de separação front-end e back-end Springboot + vue + uniapp + Mysql
1. Este projeto inclui o sistema de gerenciamento back-end WarmSearch-Web 2. O sistema front-end WarmSearch-PC 3. A parte do miniaplicativo WeChat WarmSearch-uniapp
Se você acha que este projeto é bom, você pode apoiá-lo
Star
no canto superior direito. Muito obrigado! ! !
O front-end e o back-end deste projeto são separados. O front-end é baseado em Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
e é implementado com referência ao Hammer Mall. O backend é implementado com base em SpringBoot (framework) + JSON WEB TOKEN (mecanismo de token) + MybatisPlus + Mysql.
Arquitetura geral
O design do sistema segue a ideia geral de "separação de front-end e back-end/SOA". O front-end usa Vue/ElementUI como tecnologia de estrutura principal e Nginx como servidor HTTP para fornecer serviços de acesso a páginas estáticas. e funções de proxy reverso; o back-end usa a tecnologia de estrutura principal Springboot. Principalmente, o banco de dados de código aberto MySQL é usado, e o front-end e o back-end usam especificações Restful para trocar dados.
O sistema adota o método de autenticação de token JWT para reduzir o consumo de operação do servidor e melhorar a escalabilidade e expansibilidade do sistema.
Arquitetura geral
O design geral é baseado no método de "separação front-end e back-end". Quando o navegador solicita uma página ou recurso estático, o servidor HTTP responde diretamente quando o navegador solicita dados, a solicitação ainda é enviada ao servidor HTTP; primeiro e é encaminhado para o servidor Web APP por meio do servidor. Após o processamento de negócios do Web APP Server, os dados resultantes são retornados ao Servidor HTTP e finalmente retornados ao navegador. Neste processo, o Web APP Server retorna apenas dados (formato json) sem nenhuma informação relacionada à exibição (visualização), conseguindo a separação completa do front-end e back-end. O front-end é responsável pelas páginas e exibição, e o back-end. -end é responsável pelo processamento e dados comerciais.
Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Versão atualizada do mini programa v2.0 (2022 2 17)
Esta é a segunda atualização do miniprograma e continuará a ser atualizada no futuro.
Exibição parcial da página do objeto encontrado
3.Sistema de gerenciamento de back-end (WarmSearch-web)
Exibição da página de login
Exibição da página inicial
Exibição de algumas páginas de funções
Planos posteriores
Se você acha que meu projeto não é ruim, pode me elogiar. Agora sou um estudante do segundo ano e pretendo continuar a melhorar este projeto, então pretendo comprar um servidor e implantá-lo de código aberto. como meu projeto, você pode investir em meu fundo de servidor para mim, um estudante universitário em dificuldades, muito obrigado! ! ! !
Se você consegue ver isso, significa que está definitivamente interessado no meu projeto, então visite meu blog, que será atualizado com informações mais detalhadas sobre o meu projeto.
Ou você também pode entrar em contato comigo através do e-mail na minha página inicial do Github [email protected]
Este é o meu WeChat, se precisar de alguma coisa pode entrar em contato comigo ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ Este é o meu endereço de e-mail: [email protected]. Qualquer conselho é bem-vindo.