此文檔參考https://github.com/constown/mallAPI
進行制作的文檔。
簡述
根據coderwhy老師的仿蘑菇街移動商城開發supermall,然后根據constown
通過已爬蟲的數據存儲到本地數據庫,利用本地的后台提供接口服務
API接口獲取的幾種方式
- 方法一 百度搜索蘑菇街開放平台,按照網頁上提示的方法注冊蘑菇街賬號,申請API應用,可以獲得蘑菇街給你提供的API,很全,基本上蘑菇街的業務邏輯API接口都可以用,但是要申請到APP key
- 方法二 添加coderwhy老師wx,找老師購買接口,可以多多支持老師
- 方法三 采用爬蟲去爬蟲蘑菇街的數據,存放在數據庫里面,搭建一個本地服務器,然后訪問,這種方法方便適合開發,coderwhy老師也是用的這種方法,至於怎么爬,怎么用 請先拉取這位作者寫的spider和利用node搭建的服務器mallAPI,只需要在你的電腦上安裝node環境和mysql數據庫就行了。 使用方法:
- 安裝node
- 安裝mysql
- 建立supermall數據庫
- 執行作者項目中spider下面的supermall.sql使其導入數據到supermall數據庫 (可以使用命令行命令,也可以用Navicat這些工具來執行.sql到指定數據庫)
- 使用npm運行作者項目中的www(默認命令 npm run start) 后台默認端口是 localhost:3000 在vue mall項目中,給你所使用的ajax或者axios添加baseURL為http://localhost:3000就行了 然后可以看app.js里面的路由配置,基本上和coderwhy老師提供的api接口路徑是一致的,有興趣可以在其基礎上添加更多的東西
環境
- mysql數據庫
- node環境
使用步驟
下拉項目到本地並安裝依賴
git clone git@github.com:774274680/vue-supermall-backend-api.git
cd vue-supermall-backend-api
npm install
創建數據庫
創建數據庫名為supermall
create database supermall
導入表
登錄mysql命令行,然后導入mallAPI\spider\supermall.sql
source d:/xxx/supermall.sql
注意:這里在myslq命令行執行上面語句時,需使用"/",而不是使用""
修改項目中訪問數據庫的密碼
vue-supermall-backend-api\routes\mysql.js
中sqlOptions
的password
運行項目
npm run start
訪問項目
瀏覽器輸入:http://localhost:3000/
訪問推薦接口:
http://localhost:3000/recommend
訪問輪播圖數據:
http://localhost:3000/home/multidata
目錄說明
spider文件夾
爬蟲文件,你可以自行爬取數據文件
路由
router文件夾下是所有路由文件
- mysql.js處理數據庫請求,請修改數據庫的連接配置和數據請求的URL
- app.js里修改api地址
數據庫
mallAPI\spider\supermall.sql
參考文檔
- supermall的后台接口:https://github.com/constown/mallAPI
- 后台API接口的不同方式:https://github.com/DriverOwen/VueDemo
致謝
- coderwhy提供項目
- constown:https://github.com/constown