首页 > 代码库 > 项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(4)
项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(4)
本章主要讲什么(一句话)?
《项目实战:基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(4)》
-- 基于Node的Express项目环境框架搭建
一、前言
从本节开始,我们将正式【多用户博客系统】的项目开发工作。首先我们先从后台Node部分开始做起,一步步带领大家完成整个博客系统的开发。
本篇将主要帮助大家把Node环境下的Express框架搭建起来,后继后台将会在这个框架上进行扩展与业务逻辑开发。
二、项目环境
Node.js: v 6.x
Express: v 4.x
MongoDB: v 3.x
三、准备工作&储备知识
3.1、安装Node
3.1.1 、下载
官网地址:https://nodejs.org/en/,目前最新版是V6.3.0
3.1.2、安装
下载到本地硬盘后,双击 .msi文件直接安装!
上面这些默认都要安装!
安装成功之后,可以在Windows系统菜单里看到关于Node的相关菜单,如下所示:
点击 命令行工具:Node.js 菜单
出现以下界面,并敲入以下命令,如果出现如下结果,则说明Node.js安装成功!
3.2、利用npm安装包
什么是npm?
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
1、允许用户从NPM服务器下载别人编写的第三方包到本地使用。。
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:
$ npm -v
2.15.8
3.3、淘宝npm镜像
由于npm下载对应的服务器在国外,有一个 “被墙” 的问题,为此,建议安装一个NPM镜像,这里国内比较有名的就是 “ 淘宝npm镜像
官网:淘宝NPM镜像:http://npm.taobao.org/
你可以使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装成功之后,以后就可以用cnpm命令代替npm命令去安装全局包了!
淘宝镜像安装成功后,则可以尝试使用 cnpm install 来安装相关的依赖包!如:
cnpm install bootstrap
3.4、安装mongodb
具体见:
《项目实战:基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(2)》
《项目实战:基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(3)》
此处略!
Node中安装mongodb模块
cnpm install mongodb
3.5、安装Express
3.5.1、什么是Express?
Express 基于 Node.js 平台,快速、开放、极简的 web 开发框架。
官网:http://www.expressjs.com.cn/
3.5.2、Express特性
3.5.3、如何安装Express?
npm install express 或 cnpm install express
四、快速搭建项目Express框架
4.1、安装Node,安装MongoDB
略。。。
4.2、安装Express框架
安装express,全局安装 -g
npm install -g express //说明:全局安装的目的是为了更方便的在命令行使用
或
cnpm install -g express //说明:全局安装的目的是为了更方便的在命令行使用
4.3、 安装express-generator,全局安装-g
express4.0之后把创建一个APP的功能分离出来为express-generator,没它你创建不了应用程序,需要全局安装-g
npm install -g express-generator
或
cnpm install -g express-generator
4.4、 创建express项目
在想要创建的项目目录下打开cmd窗口,定位到你需要创建项目的目录下(如我本机是在D:\MyWebProject目录下),执行如下命令:
express node-blog //默认是jade引擎
或
express --view=ejs node-blog //要创建ejs引擎用下面的命令
执行命令成功后,控制台上会出现如下提示:
查看创建的项目录:
4.5、运行测试
第一步:在命令行中健入如下命令:
cd node-blog & cnpm install
如下图所示:
第二步:再在命令行中,健入:npm start
如下图所示:
第三步:打开浏览器,健入:
http://localhost:3000
出现如下画面,说明Express框架成功:
至此:基于Node的Express框架搭建成功!
五、后述
本小节主要介绍了项目前期所必须的环境搭建必备知识,其中重点介绍了Express框架,演示了MyBlog后台框架搭建的全过程。
此部分代码下载(百度网盘):链接:http://pan.baidu.com/s/1miwNExa
《基于Angular2+Mongodb+Node技术实现的多用户博客系统》正在连载中,明天我将为大家推出【第五章:Express框架自动产生的代码进行深度剖析和优化重构】,欢迎各位继续关注~
搜索并关注“风舞烟”的简书专栏、头条号、微信公众号、 企鹅媒体平台,你可以定期收到关于简书专栏的最新动态以及IT前沿最新技术的高质量经验文章、视频分享。
谢谢大家的支持,欢迎大家留言交流。
项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(4)