springboot project下載 - springboot project原始碼下載

springboot project

Ai源碼

i am trying this

下載

基於SpringBoot的微信點餐系統

專案整體介紹。 http://www.sqmax.top/springboot-project/
專案中涉及的知識細節及難點以部落格的形式整理在Wiki裡。 Wiki

運行環境：

MySQL。可以下載這個線上安裝器：https://dev.mysql.com/downloads/windows/installer/8.0.html，安裝MySQL社群版。
Redis。下載網址：https://github.com/servicestack/redis-windows/tree/master/downloads，下載最新版redis-latest.zip，解壓縮即可。可以在解壓縮後的根目錄下看到redis-server.exe文件，雙擊即可啟動redis伺服器。
Nginx。下載網址：http://nginx.org/en/download.html。下載的zip壓縮包，解壓縮後根目錄下有nginx.exe文件，雙擊即可啟動nginx伺服器。
IDEA。下載網址：https://www.jetbrains.com/idea/download/#section=windows
JDK1.8+、maven、IDEA。

註：IDEA不要下載Community版，下載Ultimate版。 MySQL資料庫我用的是5.7.21的版本，本專案的建表語句好像不相容5.6的版本，建議也裝5.7以上的版本。推薦一個比較好用的MySQL客戶端：Navicat for MySQL。 Redis客戶端圖形介面：Redis Desktop Manager。 Maven遠端倉庫最好改成阿里雲倉庫，網路上有介紹修改方式，很簡單。

運行方式：

使用指令git clone https://github.com/sqmax/springboot-project.git將專案複製到本機。
將專案導入IDEA。在IDEA裡，File->open...，然後選擇專案資料夾（springboot-project）。如果是初次使用spring boot，這個過程可能會有點久，需要下載許多依賴的jar包。
為IDEA安裝lombok插件。在IDEA裡，File->Settings...->Plugin，搜尋lombok，安裝。專案wiki介紹日誌時有提到為什麼要安裝這個插件。
專案的設定檔在resources目錄下，application.yml檔案。修改MySQL資料庫連線資訊。我的資料庫帳號密碼分別為root，123456，改為你的即可。
在MySQL資料庫終端機執行建表語句的sql腳本（或使用剛下載的Navicat for MySQL圖形化工具），本專案的建表語句為專案根路徑下的sqmax.sql
啟動redis。在剛才解壓縮的Redis根目錄下，雙擊redis-server.exe即可執行redis服務。
最後就可以啟動專案了。在IDEA裡以Spring Boot的方式運行SellApplication這個主類別。可以看到這和我們傳統的web專案啟動的方式不一樣，我們沒有配置tomcat等之類的伺服器，因為Spring Boot已將伺服器引入起步依賴中了。
經過以上步驟，我們的專案應該已經可以啟動起來了。造訪： http://127.0.0.1:8080/sell/seller/product/list ，即可來到我們的賣家端的商家管理系統介面。效果如下：

訪問買家的前端介面

專案的前後端是完全分開的，買家端前端的程式碼在另一個倉庫，使用git clone https://github.com/sqmax/vuejs-project.git下載前端項目，其中專案根路徑（vuejs-project ）下的dist目錄就是前端編譯後的程式碼。
修改nginx的設定文件，讓nginx可以找到前端程式碼。在nginx根目錄下的conf目錄下有一個nginx.conf文件，它就是我們要修改的設定文件，其中有下面一段：

 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.exe啟動nginx伺服器，如果已啟動過，命令列進入nginx的根目錄，輸入nginx -s reload重啟nginx伺服器。
瀏覽器存取：http: http://127.0.0.1/#/order/ ，這是會出現空白介面，按F2開啟瀏覽器的開發者工具，在瀏覽器的控制台輸入document.cookie='openid=abc123'向該網域下新增cookie。再次造訪： http://127.0.0.1 ，這時就可以存取到前端介面了。如下：

6. 對於手機端微信公眾號內訪問，還要使用到內網穿透工具，由於微信裡不能直接訪問ip地址，還要購買域名，還涉及到挺複雜的微信調試。這裡就不再介紹。可以使用postman這個工具模擬微信點餐下單。存取介面請參考controller包下以Buyer開頭的類別。
7. 如果想查看微信端的存取效果，可以在微信客戶端存取這個連結： http://sell.springboot.cn/ 。（注意這是師兄上線的專案示範）如果使用電腦存取的話，可以先造訪：http://sell.springboot.cn/#/order/；然後，按F12開啟瀏覽器的開發者工具，點選控制台，在控制台輸入： document.cookie='openid=abc123' ；然後重新訪問：http://sell.springboot.cn，就可以看到前端效果了。