WarmSearch PC
1.0.0
Springboot+vue+uni-app을 기반으로 하는 Campus Lost and Found 플랫폼에는 플랫폼의 주요 PC 측면, WeChat 애플릿 및 웹 백엔드 데이터 관리 플랫폼이 포함됩니다.
Vue 2.0 + Vue-router + Vuex + Element-ui + Axios이 프로젝트는 프론트 엔드와 백엔드 분리 개발 모델을 채택합니다. PC 측은 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
프로젝트는 아직 개선 중이므로 아직 온라인 상태가 아닙니다.
주로 나는 가난하고 서버를 감당할 수 없기 때문에
시연영상 : 온라인 시연영상
?저는 현재(2021년 5월 8일) 대학생입니다. 작년(2020년) 5월부터 Java를 독학하려고 준비 중입니다. 기초부터 프레임워크까지, JavaWeb부터 SSM까지, SpringBoot로 이동한 다음 프런트엔드 Ht로 이동합니다. ml5, CSS3, JS, Vue.js, 그리고 마지막으로 Node.js에 대한 연구를 마친 후 이 캠퍼스의 Lost and Found 웹사이트를 만들기 시작했습니다. 현재 프로젝트의 프로토타입이 전면에 나와 있습니다. -엔드와 백엔드 분리 프로젝트 현재는 여가 시간을 활용하여 지속적으로 프로젝트를 개선하고 있습니다. 나는 이것에 익숙하지 않으므로 실수가 있으면 여러분이 나에게 조언을 해줄 수 있기를 바랍니다. 각 부분의 소스코드는 Github에 지속적으로 업데이트될 예정입니다.
이 프로젝트는 프론트엔드와 백엔드 분리 기술인 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 서버로 전달됩니다. Web APP Server 비즈니스 처리 후 결과 데이터는 HTTP Server로 반환되고 최종적으로 브라우저로 반환됩니다. 이 과정에서 Web APP Server는 디스플레이(View) 관련 정보 없이 데이터(json 형식)만 반환하므로 프런트엔드와 백엔드가 완전히 분리되어 페이지와 디스플레이, 백엔드가 담당하게 됩니다. -end는 비즈니스 처리 및 데이터를 담당합니다.
Vue + Vue-router + Vuex + Element-ui + Axios미니 프로그램 업데이트 버전 v2.0 (2022년 2월 17일)
이번 미니프로그램의 두 번째 업데이트이며 앞으로도 계속 업데이트될 예정입니다.
발견된 개체 페이지의 부분 표시
3.백엔드 관리 시스템(WarmSearch-web)
로그인 페이지 표시
홈 페이지 표시
일부 기능 페이지 표시
나중에 계획
제 프로젝트가 나쁘지 않다고 생각하시면 칭찬해주세요. 저는 이제 2학년이고 이 프로젝트를 계속해서 개선할 계획이므로 서버를 구입하여 오픈소스를 배포하는 것이 쉽지 않을 것입니다. 내 프로젝트처럼, 어려움을 겪고 있는 대학생인 나를 위해 내 서버 펀드에 투자해 주실 수 있나요? 정말 감사합니다! ! ! !
이 내용이 보인다면 제 프로젝트에 확실히 관심이 있다는 뜻입니다. 제 프로젝트에 대한 자세한 정보가 업데이트될 제 블로그를 방문해주세요.
아니면 제 Github 홈페이지 [email protected]에 있는 이메일을 통해 저에게 연락하실 수도 있습니다.
이건 내 WeChat입니다. 필요한 것이 있으면 저에게 연락하세요. ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ 제 이메일 주소는 [email protected]입니다. 어떤 조언이라도 환영합니다.
