成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一步一步構(gòu)建一個react應(yīng)用-開篇

lylwyy2016 / 3491人閱讀

摘要：線上地址主要從下面幾點入手一步一步搭建應(yīng)用前后端初始化爬取豆瓣電影的電影信息開啟身份認(rèn)證使用來做基于的用戶身份認(rèn)證中使用來寫單元測試部署技術(shù)棧沒用之后改運行代碼到本地項目地址喜歡就一下吧前端后端需要安裝本項目端口并開啟權(quán)限認(rèn)證。

介紹

斷斷續(xù)續(xù)利用周末時間做了兩個月，基于react和express的一個小項目差不多做完了。所以想寫一系列文章來總結(jié)一下前后端用到技術(shù)及遇到的問題和解決方法

初衷是練習(xí)一下react相關(guān)的技術(shù)棧，但做的過程感覺對后端投入的熱情更大。。。

線上地址 主要從下面幾點入手

一步一步搭建react應(yīng)用-前后端初始化

爬取豆瓣電影的電影信息

mongodb開啟身份認(rèn)證

使用 jwt + redis 來做基于token的用戶身份認(rèn)證

node中使用 mocha + supertest + should 來寫單元測試

部署

技術(shù)棧

react + react-router + antd-mobile + fetch

redux(沒用,之后改)

express + mongodb + redis

運行 clone代碼到本地 項目地址

喜歡就star一下吧?

前端:

    npm install
    npm start

后端:

    1. 需要安裝mogondb 本項目mogondb端口 3307,并開啟權(quán)限認(rèn)證。可以在/BE/config/db.js中修改

    2. 需要安裝redis  brew install redis

    3. npm install -g pm2

 ? ?3. node 版本最好最新版本，因為使用了 async await,推薦nvm來管理node版本

    4. npm install 

    5. npm run test 運行單元測試

    6. npm start
功能介紹

之前看了挺多棒子電影的，所以想做一個電影相關(guān)的小項目，主要功能：

首頁 電影列表展示，可搜索和分類篩選

電影詳情頁(有無下載地址)

爬取豆瓣電影并錄入

登錄、注冊

管理員增刪改查

普通登錄用戶收藏電影

我的收藏列表

部分截圖 首頁




錄入


用戶



文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/19099.html

相關(guān)文章

  • 一步一步構(gòu)建一個react應(yīng)用-開篇

    摘要：線上地址主要從下面幾點入手一步一步搭建應(yīng)用前后端初始化爬取豆瓣電影的電影信息開啟身份認(rèn)證使用來做基于的用戶身份認(rèn)證中使用來寫單元測試部署技術(shù)棧沒用之后改運行代碼到本地項目地址喜歡就一下吧前端后端需要安裝本項目端口并開啟權(quán)限認(rèn)證。 介紹 斷斷續(xù)續(xù)利用周末時間做了兩個月，基于react和express的一個小項目差不多做完了。所以想寫一系列文章來總結(jié)一下前后端用到技術(shù)及遇到的問題和解決方法...

    BigTomato 評論0 收藏0

  • 一步一步搭建react應(yīng)用-mongodb開啟身份認(rèn)證

    摘要：一步一步構(gòu)建一個應(yīng)用開篇地址通過不認(rèn)證的方式啟動連接實例創(chuàng)建用戶超級管理員重啟，加上訪問控制認(rèn)證連接時認(rèn)證連接后認(rèn)證為其他庫創(chuàng)建用戶添加對有讀寫權(quán)限，對有讀權(quán)限 [一步一步構(gòu)建一個react應(yīng)用-開篇](https://segmentfault.com/a/11... git地址 通過不認(rèn)證的方式啟動Mongodb mongod --port 3007 --config mongo...

    fredshare 評論0 收藏0

  • 一步一步搭建react應(yīng)用-mongodb開啟身份認(rèn)證

    摘要：一步一步構(gòu)建一個應(yīng)用開篇地址通過不認(rèn)證的方式啟動連接實例創(chuàng)建用戶超級管理員重啟，加上訪問控制認(rèn)證連接時認(rèn)證連接后認(rèn)證為其他庫創(chuàng)建用戶添加對有讀寫權(quán)限，對有讀權(quán)限 [一步一步構(gòu)建一個react應(yīng)用-開篇](https://segmentfault.com/a/11... git地址 通過不認(rèn)證的方式啟動Mongodb mongod --port 3007 --config mongo...

    elarity 評論0 收藏0

  • 一步一步搭建react應(yīng)用-部署

    摘要：前端前端構(gòu)建后的目錄下的文件可以寫個腳本到服務(wù)器，但這里借用一下的部署功能來部署前端代碼。 線上地址 git地址 一步一步構(gòu)建一個react應(yīng)用-開篇 推薦瀏覽器開發(fā)者工具開啟手機設(shè)備模式 裝環(huán)境 前提：買個ESC、彈性公網(wǎng)ip、域名 設(shè)置服務(wù)器免密登錄 本地應(yīng)該都有.ssh目錄，并且生成了公私鑰,將本地id_rsa,id_rsa.pub scp到服務(wù)器 /.ssh目錄 之所以把私鑰也...

    roadtogeek 評論0 收藏0

  • 一步一步搭建react應(yīng)用-部署

    摘要：前端前端構(gòu)建后的目錄下的文件可以寫個腳本到服務(wù)器，但這里借用一下的部署功能來部署前端代碼。 線上地址 git地址 一步一步構(gòu)建一個react應(yīng)用-開篇 推薦瀏覽器開發(fā)者工具開啟手機設(shè)備模式 裝環(huán)境 前提：買個ESC、彈性公網(wǎng)ip、域名 設(shè)置服務(wù)器免密登錄 本地應(yīng)該都有.ssh目錄，并且生成了公私鑰,將本地id_rsa,id_rsa.pub scp到服務(wù)器 /.ssh目錄 之所以把私鑰也...

    mikyou 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<