码迷,mamicode.com
首页 > 数据库 > 详细

项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(4)

时间:2017-02-05 21:30:27      阅读:465      评论:0      收藏:0      [点我收藏+]

标签:try   业务逻辑   微信公众号   data   快速   src   目的   安装包   tar   

本章主要讲什么(一句话)?

技术分享

《项目实战:基于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)

标签:try   业务逻辑   微信公众号   data   快速   src   目的   安装包   tar   

原文地址:http://www.cnblogs.com/fwyTech/p/6368541.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!