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