SpringBoot をベースにした WeChat 注文システム
注: IDEA のコミュニティ バージョンをダウンロードせず、アルティメット バージョンをダウンロードしてください。私が使用している MySQL データベースはバージョン 5.7.21 です。このプロジェクトのテーブル作成ステートメントはバージョン 5.6 と互換性がないようです。バージョン 5.7 以降をインストールすることをお勧めします。 比較的使いやすい MySQL クライアントである Navicat for MySQL をお勧めします。 Redis クライアントのグラフィカル インターフェイス: Redis デスクトップ マネージャー。 Maven リモート ウェアハウスを Alibaba Cloud ウェアハウスに変更するのが最善です。変更方法はオンラインで紹介されており、非常に簡単です。
git clone https://github.com/sqmax/springboot-project.git
使用して、プロジェクトのクローンをローカルに作成します。http://127.0.0.1:8080/sell/seller/product/list
sell/seller/product/list にアクセスしてください。効果は次のとおりです。 git clone https://github.com/sqmax/vuejs-project.git
を使用します。 -end プロジェクト。プロジェクトのルート パス (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;
git clone したフロントエンド プロジェクトの dist ディレクトリである必要があります。
nginx -s reload
と入力して nginx サーバーを再起動します。http://127.0.0.1/#/order/
、F2 キーを押してブラウザーの開発者ツールを開き、ブラウザーのコンソールにdocument.cookie='openid=abc123'
と入力します。このドメイン名。再度http://127.0.0.1
にアクセスすると、フロントエンド インターフェイスにアクセスできます。次のように: 6. 携帯電話で WeChat パブリック アカウントにアクセスするには、イントラネット侵入ツールを使用する必要があります。WeChat では IP アドレスに直接アクセスできないため、ドメイン名を購入する必要があります。これには、非常に複雑な WeChat のデバッグも必要です。ここでは紹介しません。郵便配達員ツールを使用して、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 アプリを再構築する