摘要:不斷更新筆記效果有待進一步完善搭建一個基于的多人功能登錄注冊上傳頭像發(fā)表博文發(fā)表留言參考自前端部分以的腳手架搭起的全家桶后端采用開發(fā)環(huán)境開發(fā)環(huán)境要求以上目錄結(jié)構(gòu)如何運行后端默認配置在中請確保本地端口默認可用發(fā)布到目錄中默
Full-stack-blog(不斷更新筆記)
效果Demo
(有待進一步完善)
搭建一個基于Koa2的多人blog
功能(登錄注冊上傳頭像,發(fā)表博文,發(fā)表留言)
參考自https://github.com/nswbmw/N-blog
前端部分以create-react-app的腳手架搭起react+react-router v4+redux的全家桶
后端采用koa2+mongodb
開發(fā)環(huán)境(node要求 7.6以上)
Nodejs:7.6.0
koa:2.0
MongoDB:3.2.10
后端默認配置在config/default.js中
請確保本地Mongodb 端口27017(默認)可用
git clone https://github.com/Sunshine168/Full-stack-Blog.git cd Full-stack-Blog/myblog npm install //or yarn install npm build node scripts/publish ./server //發(fā)布到server目錄中 cd .. cd server/ npm install //or yarn install node index //默認3305端口 //open localhost:3305/調(diào)試配置 前后端分離配置(默認不需要配置)
(需要整體運行一下項目產(chǎn)生一下cookies)
前端修改進入myblog目錄進入config的env文件里修改
"ORIGIN":"http://localhost:3005" //修改一下本地主機后端修改
進入server目錄下
config/default.js//默認配置文件
修改cors,修改成前端運行的域名,默認指向3000端口
node index -c總體任務(wù) 1改寫項目框架由express->Koa2 2前端->工程化的react.js
TODO
[ ] 重寫布局css
[x] 2.1多頁面實踐(待更新/font)
[x] 2.2redux實踐
[x] 2.3單頁面實踐
[ ] 2.4服務(wù)器同構(gòu)
[ ] 2.5Immutable
[ ] 2.6react動畫機制
express->koa2目前進度
[x] 工作目錄設(shè)定
[x] 依賴模塊
[x] 配置文件
[x] 路由部分
[x] 數(shù)據(jù)庫訪問
[x] 處理react單頁重定向
筆記網(wǎng)絡(luò)請求
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/83312.html
摘要:本來不想推的,看到上有個項目很簡單,都有,推推看咯。雖然這個項目很簡單,但是還蠻有趣,用來入門和以及再好不過了。 本來不想推的,看到github上有個項目很簡單,都有300 star,推推看咯。雖然這個項目很簡單,但是還蠻有趣,用來入門vue2和nodejs以及mongodb再好不過了。 等這幾天把公司手頭的事情忙完,再把vuex的部分強化下。 基于vue2/vuex/vue-rout...
摘要:注意網(wǎng)站中用的所有技術(shù)可以交流學(xué)習(xí)不要以線上環(huán)境運行,因為源碼中沒有包含相關(guān)文件中的,授權(quán)登陸需要自己配置賬號密碼只有讀取權(quán)限交流群 前言 線上環(huán)境小包總 showImg(https://segmentfault.com/img/bVTvhf?w=1297&h=763); 技術(shù)棧 服務(wù)器: node、koa2 客戶端: vue、vuex、vue-router、Element-UI 數(shù)...
摘要:注意網(wǎng)站中用的所有技術(shù)可以交流學(xué)習(xí)不要以線上環(huán)境運行,因為源碼中沒有包含相關(guān)文件中的,授權(quán)登陸需要自己配置賬號密碼只有讀取權(quán)限交流群 前言 線上環(huán)境小包總 showImg(https://segmentfault.com/img/bVTvhf?w=1297&h=763); 技術(shù)棧 服務(wù)器: node、koa2 客戶端: vue、vuex、vue-router、Element-UI 數(shù)...
閱讀 1553·2021-09-22 16:04
閱讀 2870·2019-08-30 15:44
閱讀 948·2019-08-30 15:43
閱讀 829·2019-08-29 15:24
閱讀 1904·2019-08-29 14:07
閱讀 1202·2019-08-29 12:30
閱讀 1790·2019-08-29 11:15
閱讀 2804·2019-08-28 18:08