React+Node.js+Express+mongoskin+MongoDB

首發：我的博客，更新&糾錯&回覆

採用React + Node.js + Express + mongoskin + MongoDB技術開發的一個示例，演示地址在這裏，項目源碼在這裏。

 

源碼使用方法：
1.安裝Node.js
在Node.js官網下載並安裝Node.js
2.安裝MongoDB數據庫
在MongoDB官網下載並安裝MongoDB
3.下載示例源碼
在Github下載本示例源碼
4.運行
1)在下載後的源碼的解壓目錄，運行如下命令安裝依賴的Node.js模塊：

npm install

2)初始化MongoDB數據庫
在MongoDB的bin目錄的父目錄下創建data目錄（即讓data目錄與bin目錄成爲兄弟目錄）。
在bin目錄中運行如下命令啓動數據庫服務器：

mongod --dbpath ../data

運行bin目錄下的mongo.exe啓動客戶端窗口，在該窗口中運行如下命令來創建示例程序使用的數據庫：

use dota_new_year

3)啓動示例程序
在示例程序源碼的解壓目錄，運行如下程序啓動Node.js服務器：

node app.js

4)訪問頁面
訪問http://localhost:3000/，點擊表格中的紅色或綠色色塊，顏色變化後刷新頁面，若是刷新後顯示的頁面與剛纔操做後相同，則表示顏色的變化已經保存到數據庫中，至此示例程序運行成功。

 

參考：
react入門教程
express文檔
mongoskin模塊示例
mongoDB中文文檔

長期歡迎項目合做機會介紹，項目收入10%用於酬謝介紹人。新浪微博：@冷鏡，QQ：908789432。