这是一个具有贴吧功能的Web工程,发帖、查询发帖信息、图表统计、发表用户评论、用户注册登陆注销等。 本工程使用React全家桶+NodeJS+MongoDB搭建。当然,如果你愿意,也可以使用此工程作为脚手架进行项目构建或者学习。
- 1.前端
ReactJS-15.5 + React-router-4 + redux + react-redux + antd组件库 + recharts-1.0 + ES6 + webpack + sass + redux DEVTOOLS(默认关闭,需要请在index.js中取消注释)
其中antd组件与recharts库均已配置为按需加载 - 2.后端
NodeJS + express4 + MongoDB(MongoDB未集成在工程中请自行安装)
前后端完全分离
开发阶段采用nodeJS 7.9,前端调试使用chrom 51,后端nodeJS调试使用devtool
根据db.sh中的说明修改db.sh路径为自己本机上的mongo路径
git clone https://github.com/kkltmoyu/NightPost.git
npm install安装库
启动mongo:./db.sh
启动node服务器端:node server/index.js
npm run dev
浏览器输入 localhost:7000
npm run dist
This is a post-bar-project for Web,you can publish your topics ,query your topics,submit your comment,user register login and logout,it will generate your statistical chart automatically.This project is built by ReactJs stack + NodeJS + MongoDB.Actually you can use the project as your startkit or biolerplate if you want.
- 1.front-end development
ReactJS-15.5 + React-router-4 + redux + react-redux + antd lib + recharts-1.0 + ES6 + webpack + sass + redux DEVTOOLS(closed default,you can open it in index.js)
antd lib and recharts lib is set to just load what they need. - 2.server
NodeJS + express4 + MongoDB(you need to intall MongoDB by yourself)
I use nodeJS 7.9 for server environment,the front-end's debugger uses chrom 51,server's debugger uses devtool
If you want to run this project, you should follow this steps:
you need to follow the db.sh and modify the mongoDB parh to yourself
git clone https://github.com/kkltmoyu/NightPost.git
npm install
start MongoDB:./db.sh
start nodeJS server:node server/index.js
npm run dev
in explorer: localhost:7000
npm run dist