vue supermall蘑菇街API后端接口


此文檔參考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.jssqlOptionspassword

運行項目

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

參考文檔

致謝


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM