SpringBoot 기반 WeChat 주문 시스템
참고: IDEA의 Community 버전을 다운로드하지 말고 Ultimate 버전을 다운로드하세요. 제가 사용하는 MySQL 데이터베이스는 5.7.21 버전인데, 이 프로젝트의 테이블 생성문이 5.6 버전과 호환되지 않는 것 같습니다. 5.7 이상 버전을 설치하는 것을 권장합니다. 비교적 사용하기 쉬운 MySQL 클라이언트인 Navicat for MySQL을 추천합니다. Redis 클라이언트 그래픽 인터페이스: Redis Desktop Manager. Maven 원격 창고를 Alibaba Cloud 창고로 변경하는 것이 가장 좋습니다. 수정 방법은 온라인으로 소개되며 매우 간단합니다.
git clone https://github.com/sqmax/springboot-project.git
명령을 사용하여 프로젝트를 로컬로 복제합니다.http://127.0.0.1:8080/sell/seller/product/list
를 방문하세요. 효과는 다음과 같습니다. git clone https://github.com/sqmax/vuejs-project.git
사용하여 프런트엔드를 다운로드하세요. -end project. 여기서 프로젝트 루트 경로(vuejs-project )는 컴파일된 프런트엔드 코드입니다. server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root F:vuejs-projectdist; #前端资源路径
index index.html index.htm;
}
location /sell/ {
proxy_pass http://127.0.0.1:8080/sell/;
}
위의 F:vuejs-projectdist;
는 방금 복제한 프런트 엔드 프로젝트의 dist 디렉터리여야 합니다.
nginx -s reload
입력하여 nginx 서버를 다시 시작합니다.http://127.0.0.1/#/order/
, 빈 인터페이스가 나타납니다. F2를 눌러 브라우저의 개발자 도구를 열고 브라우저 콘솔에 document.cookie='openid=abc123'
입력하세요. 이 도메인 이름. 다시 방문하세요: http://127.0.0.1
그러면 프런트 엔드 인터페이스에 액세스할 수 있습니다. 다음과 같이: 6. 휴대폰에서 위챗 공개 계정에 접속하려면 인트라넷 침투 도구를 사용해야 합니다. 위챗에서는 IP 주소에 직접 접속할 수 없기 때문에 도메인 이름을 구입해야 하며, 이 역시 상당히 복잡한 위챗 디버깅을 포함합니다. 여기서는 소개하지 않겠습니다. Postman 도구를 사용하여 WeChat 주문을 시뮬레이션할 수 있습니다. 액세스 인터페이스에 대해서는 컨트롤러 패키지 아래에서 Buyer로 시작하는 클래스를 참조하세요.
7. WeChat 클라이언트의 액세스 효과를 확인하려면 WeChat 클라이언트에서 다음 링크를 방문하세요: http://sell.springboot.cn/
. (이것은 형이 시작한 프로젝트 데모입니다.) 컴퓨터를 사용하여 액세스하는 경우 먼저 http://sell.springboot.cn/#/order/를 방문할 수 있습니다. 그런 다음 F12
눌러 브라우저 개발자를 엽니다. 도구를 클릭하고 콘솔을 클릭하고 콘솔에 document.cookie='openid=abc123'
입력한 다음 다시 http://sell.springboot.cn을 방문하면 프런트 엔드 효과를 볼 수 있습니다.
아이디어에 대하여. Eclipse를 사용하는 사람들은 IDEA를 사용해 볼 수 있습니다. 이 프로젝트에 IDEA를 사용한 것은 이번이 처음이며 매우 스마트하고 사용하기 쉬운 느낌입니다. 이 저장소를 확인하세요. https://github.com/judasn/IntelliJ-IDEA-Tutorial은 매우 좋은 튜토리얼입니다. IDEA 사용법에 대해 알아보세요.
프런트 엔드에 대해. 저는 프론트엔드 vue.js 프로젝트를 연구하지 않았습니다. 단지 데모를 위해 사용했을 뿐입니다. 관심 있는 분들은 MOOC.com에 가서 배우시면 됩니다.
Spring Boot Enterprise WeChat 주문 시스템
Vue.js 2.5 + Cube-ui Ele.me 앱 재구성