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。