zoukankan      html  css  js  c++  java
  • 项目实战(连载):基于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前沿最新技术的高质量经验文章、视频分享。

    谢谢大家的支持,欢迎大家留言交流。

  • 相关阅读:
    Caused by: java.io.IOException: Type mismath in vlaue from map: excepted org.apache.hadoop.io.InaWritable,received SC
    Caused by:java.lang.ClassNotFoundException:org.apache.hadoop.yarn.util.Apps
    Ubuntu下的eclipse配置MapReduce
    C#语法糖(Csharp Syntactic sugar)大汇总 分类: .NET 2013-07-25 06:32 412人阅读 评论(0) 收藏
    SQLite3 一列多行合并为一列一行 分类: 数据库 2013-06-25 17:02 1251人阅读 评论(0) 收藏
    Spring Boot中集成Mybaties
    Spring Boot中的注解(annotation)
    Spring Boot中获取.properties出现乱
    Andriod 权限
    Andriod中的屏幕适配
  • 原文地址:https://www.cnblogs.com/fwyTech/p/6368541.html
Copyright © 2011-2022 走看看