项目初衷
该项目从创建自己第一个习惯开始,每天一签到,签到后可以发表这一天的心得体会, 这些心得体会会公布在社区,其他用户可以对某一条心得体会进行收藏和评论;旨在通过每天的记录和不断的正向反馈,慢慢培养起跟随自己一生的好习惯;
技术栈
前端
- react
- react-redux
- redux-saga
- react-router(v4);
- Ant Design Mobile
- webpack
- babel
- postCss
后端
- express
- mongodb
快速开始
假设大家已经安装好node环境
运行步骤:
一、 download项目到本地;
二、 分别在habit-app-master/server
和habit-app-master/fontEnd
输入命令npm install
;
三、 在habit-app-master/server
目录下创建如下文件夹或文件static/upload
和data/log/mongodb.log
、data/db
;
四、 本项目用的是mongodb
数据库,因此需要安装MongoDB,由于本地是window,因此选择了window平台的版本;
- 下载并安装MongoDB后进入
bin
目录,创建文件mongodb-habit.conf
,输入以下配置
dbpath = 本地绝对路径\habit-app-master\server\data\db
logpath = 本地绝对路径\habit-app-master\server\data\log\mongodb.log
port=27017
复制代码
- 在命令行进入
bin
目录,输入mongod -config ./mongodb-habit.conf
回车即开启数据库
五、打包前端项目
- 进入项目的
fontEnd
目录,输入命令npm run build
,稍等片刻打包后的文件将输出到habit-app-master/fontEnd/build
; - 把打包出来的
static
和app.js
搬到habit-app-master/server/static
;
六、 开启服务器
- 进入项目的
server
目录,输入命令supervisor ./bin/www
即开启成功;
最后,在浏览器打开http://localhost:3008
,如果见到下图即可
作者:zhongjiaming
链接:https://juejin.im/post/5b3055ca6fb9a00e2d47ff9a
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。