WeChat-Bestellsystem basierend auf SpringBoot
Hinweis: Laden Sie nicht die Community-Version von IDEA herunter, sondern die Ultimate-Version. Die MySQL-Datenbank, die ich verwende, ist Version 5.7.21. Die Tabellenerstellungsanweisung dieses Projekts scheint nicht mit Version 5.6 kompatibel zu sein. Es wird empfohlen, Versionen 5.7 und höher zu installieren. Empfehlen Sie einen relativ einfach zu verwendenden MySQL-Client: Navicat für MySQL. Grafische Benutzeroberfläche des Redis-Clients: Redis Desktop Manager. Am besten ändern Sie das Maven-Remote-Warehouse in das Alibaba Cloud-Warehouse. Die Änderungsmethode wird online eingeführt und ist sehr einfach.
git clone https://github.com/sqmax/springboot-project.git
um das Projekt lokal zu klonen.http://127.0.0.1:8080/sell/seller/product/list
um zur Schnittstelle unseres Händlerverwaltungssystems auf der Verkäuferseite zu gelangen. Der Effekt ist wie folgt: git clone https://github.com/sqmax/vuejs-project.git
um das Front-End herunterzuladen -End-Projekt, wobei der Projektstammpfad (vuejs-project) der kompilierte Front-End-Code ist. 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;
sollte das dist-Verzeichnis des Front-End-Projekts sein, das Sie gerade geklont haben.
nginx -s reload
ein, um den Nginx-Server neu zu starten.http://127.0.0.1/#/order/
, eine leere Oberfläche wird angezeigt, um die Entwicklertools des Browsers zu öffnen, und geben Sie document.cookie='openid=abc123'
in die Konsole des Browsers ein diesen Domainnamen. Besuchen Sie erneut: http://127.0.0.1
, dann können Sie auf die Front-End-Schnittstelle zugreifen. wie folgt: 6. Für den Zugriff auf das öffentliche WeChat-Konto auf dem Mobiltelefon muss ein Intranet-Penetrationstool verwendet werden. Da in WeChat nicht direkt auf die IP-Adresse zugegriffen werden kann, muss ein Domainname erworben werden, was ebenfalls ein recht kompliziertes WeChat-Debugging erfordert. Es wird hier nicht vorgestellt. Mit dem Postman-Tool können Sie WeChat-Bestellungen simulieren. Informationen zur Zugriffsschnittstelle finden Sie in der Klasse, die mit „Buyer“ beginnt, unter dem Controller-Paket.
7. Wenn Sie die Zugriffswirkung des WeChat-Clients überprüfen möchten, können Sie diesen Link auf dem WeChat-Client besuchen: http://sell.springboot.cn/
. (Beachten Sie, dass es sich hierbei um eine vom älteren Bruder gestartete Projektdemonstration handelt.) Wenn Sie für den Zugriff einen Computer verwenden, können Sie zuerst Folgendes besuchen: http://sell.springboot.cn/#/order/ Drücken Sie dann F12
, um den Browser-Entwickler zu öffnen Tools und klicken Sie auf die Konsole. Geben Sie in die Konsole ein: document.cookie='openid=abc123'
. Besuchen Sie dann erneut: http://sell.springboot.cn. Sie können den Front-End-Effekt sehen.
Über IDEA. Für diejenigen, die Eclipse verwenden, können Sie IDEA ausprobieren. Ich verwende IDEA zum ersten Mal für dieses Projekt und es fühlt sich sehr intelligent und einfach an. Sie können sich dieses Repository ansehen: https://github.com/judasn/IntelliJ-IDEA-Tutorial, ein sehr gutes Tutorial zur Verwendung von IDEA.
Über das Frontend. Ich habe das Front-End-Projekt vue.js nicht studiert, sondern es nur zur Demonstration verwendet. Interessierte können es auf MOOC.com erfahren.
Spring Boot Enterprise WeChat-Bestellsystem
Vue.js 2.5 + Cube-UI Rekonstruieren Sie die Ele.me-App