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

2025-11-05 05:31:57

1、确认已经安装NodeMongodbExpress

然后开始我们的项目MyBlog搭建与配置

(express的版本查看为大写的V)

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

1、命令行输入:express MyBlog  回车

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

2、修改package.json

1:笔者没用过jade模板,暂时改为使用ejs

(如果有用过的小伙伴可以不用改,后面项目基于ejs模板)

2:添加mongoose

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

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

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

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

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

5、修改app.js

1:数据库

2:服务端口

3:页面、路由

4:启动服务监听

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

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

1、引入angular文件

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

2、配置路由及Controllers

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

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

3、ng-app入口

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

1、项目目录下

命令行输入: node app.js

出现

listening on port [8080] in [development] mode

Mongoose conected to [mongodb://127.0.0.1/Blog]

代表启动成功

(别忘了启动Mongodb)

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

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

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

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢