- 前言
之前做项目都是用别人搭好的脚手架,最近有时间就自己用Reactjs全家桶写了一个带有贴吧功能的脚手架,传到github来和大家分享交流一下:https://github.com/kkltmoyu/NightPost。
这是一个具有贴吧功能的Web工程,发帖、查询发帖信息、图表统计、发表用户评论、用户注册登陆注销等。 本工程使用React全家桶+NodeJS+MongoDB搭建。当然,如果你愿意,也可以使用此工程作为脚手架进行项目构建或者学习。
- 关键技术
-
前端
ReactJS-15.5 + React-router-4 + redux + react-redux + antd组件库 + recharts-1.0 + ES6 + webpack + sass + redux DEVTOOLS(默认关闭,需要请在index.js中取消注释)
其中antd组件与recharts库均已配置为按需加载 -
后端
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
欢迎大家交流,提出宝贵的意见,如果对大家有帮助,欢迎github上赐予小星星哦