多语言展示
当前在线:1085今日阅读:27今日分享:41

Node+Express+Mongodb+Angular项目搭建与配置

Node+Express+Mongodb+Angular项目搭建与配置
工具/原料
1

后端:node、Mongodb、express

2

前端:angularjs

环境

确认已经安装Node、Mongodb、Express然后开始我们的项目MyBlog搭建与配置(express的版本查看为大写的V)

Express创建项目MyBlog并运行
1

命令行输入:express MyBlog  回车

2

修改package.json1:笔者没用过jade模板,暂时改为使用ejs(如果有用过的小伙伴可以不用改,后面项目基于ejs模板)2:添加mongoose

3

命令行输入:cd MyBlog && npm install

4

整理项目结构(也可以根据个人习惯整理)

5

修改app.js1:数据库2:服务端口3:页面、路由4:启动服务监听

引入Angular
1

引入angular文件

2

配置路由及Controllers

3

ng-app入口

成功启动
1

项目目录下命令行输入: node app.js出现listening on port [8080] in [development] modeMongoose conected to [mongodb://127.0.0.1/Blog]代表启动成功(别忘了启动Mongodb)

2

浏览器地址栏输入:http://localhost:8080/index

3

F12可以看到angular的controller有访问到,访问成功!!!

注意事项

页面刷新问题,相应node路由也要进行配置

推荐信息