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

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

时间: 2024-12-22 12:40:59

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

基于MEAN全栈架构的多用户博客系统(Angular2+Node+MongoDB)

基于MEAN全栈架构的多用户博客系统(Angular2+Node+MongoDB)课程学习地址:http://www.xuetuwuyou.com/course/223课程出自学途无忧网:http://www.xuetuwuyou.com 课程介绍一.课程简介MEAN是一个Javascript平台的现代Web开发框架总称,它是MongoDB + Express +AngularJS + NodeJS 四个框架的第一个字母组合.它与传统LAMP一样是一种全套开发工具的简称.本课程结合项目全面系统的

【ASP.NET实战教程】基于ASP.NET技术下多用户博客系统全程实战开发(NNblog)

岁末主推:牛牛老师主讲,多用户博客系统,基于ASP.NET技术,年后将带来移动业务平台项目项目目标: 打造个性品牌Blogo,定制多用户博客 为每一个博客用户提供个性化的 blogo解决方案,打造精品blogo门户网站  环境:VS2008+SQL Server2005 [小编推荐:现在学习可以使用 VS2012或者以上+SQL 2008或及以上  环境不一定必须和教程一样,学习的是思路]主要技术: 主体框架:逻辑架构ASP.NET MVC,物理架构Three Ties,2者相结合. 为了提高网

基于SAE+CodeIgniter3.0+管理端angularjs+前台amazeui的多用户博客系统V1.0--系统设计(一)

开发环境: 服务器系统:CentOS-6.x web服务器:Apache-2.2.x php版本:PHP-5.3.x 开发工具:sublime text 3 ,谷歌浏览器 数据库查询工具:phpmyadmin 协作工具:乌龟SVN 约定: 数据表前缀:blog_ 数据表主键名:表名_id,自增,不为空 时间字段类型统一为timestamp,每个表必须含有创建时间(默认当前时间),更新时间(默认由mysql更新) 字符集采用UTF-8 项目定义:多用户博客系统--运行在SAE上,基于php的最新3

云计算Docker全面项目实战(Maven+Jenkins、日志管理ELK、WordPress博客镜像)

2013年,云计算领域从此多了一个名词“Docker”.以轻量著称,更好的去解决应用打包和部署.之前我们一直在构建Iaas,但通过Iaas去实现统一功  能还是相当复杂得,并且维护复杂.将特殊性封装到镜像中实现几乎一致得部署方法,它就是“Docker”,以容器为技术核心,实现了应用的标准化.企业可  以快速生成研发.测试环境,并且可以做到快速部署.实现了从产品研发环境到部署环境的一致化.Docker让研发更加专注于代码的编写,并且以“镜像”作  为交付.极大的缩短了产品的交付周期和实施周期. 课

基于阿里云Ubuntu14.04 64bit部署WordPress博客系统

环境:基于阿里云Ubuntu14.04  64bit服务器系统 1, 安装apache2+mysql5+php5+php5-mysql sudo apt-get install apache2 sudo apt-get install php5 sudo apt-get install mysql-server sudo apt-get install php5-mysql sudo /etc/init.d/apache2 restart 至此重启了apache后应该就已经配置好服务器了,对此先

基于CrossApp引擎和ghost博客系统的APP

技多不压身,即使没有用,也能装个逼. 开发这款APP,其实并不是给别人用的,更多的是给自己用.一直以来都是为APP开发数据接口,对APP开发并不了解,只知道业务需求需要什么数据,我提供什么接口来调取数据.如果止步如此,对技术的提升是没有帮助的. APP并不难,但也不简单,这款APP从学习CrossApp引擎到APP完成,总花掉了12天时间.并且还未对android适配调整,不过我也不打算适配了.android虚拟机实在太卡,还时不时的不响应(人生哲学:自身的发展,受限于当时环境影响). Cros

基于NodeJS+Express+mongoDB+Bootstrap的全栈式工程化开发前后端分离博客系统实战

课程目标本课程通过一个完整的项目,让学员了解如何使用Jade+Node.js+Express+mongoDB+Bower+Gulp+Yeoman的组合开发Web应用.可以让学员更深入地掌握Node.js和Express技术. 适用人群node.js程序员,express程序员,JAVAscript程序员 课程简介本系统是一款博客系统,拥有博客必要的功能,如用户注册.用户登录.用户退出.文章列表,文章查看.添加文章,删除文章,修改文章.文章搜索.后台权限控制等. -----------------

基于Spring Boot技术栈 博客系统企业级前后端实战 渐进式讲解+Thymeleaf+Elasticsearch+多种数据库

第1章 Spring Boot 简介讲解Spring Boot的项目背景,已经与其他技术框架(比如,Spring.SpringMVC.SpringCloud等)的关系.简单介绍下Spring Boot 整个生态系统1-1 _Spring Boot博客_课程导学1-2 -Spring Boot 是什么 第2章 开启 Spring Boot 的第一个 Web 项目通过 Spring Initializr 来快速初始化一个 Spring Boot 原型,方便学员来极速体验Spring Boot.本课程

重磅回归-SSM整合进阶项目实战之个人博客系统

历经一个多月的重新设计,需求分析以及前后端开发,终于有了一定的输出:我自己实现的spring4+springmvc+mybatis3整合的进阶项目实战-个人博客系统 已然完成了,系统采用mvc三层模式进行整体的开发,涉及到技术一下子很难全部列出,其中不得不提的有:整合shiro实现登录安全认证,整合lucene实现全文信息检索,基于Spring的事件驱动模型实现业务服务模块之间的异步解耦(在RabbitMQ视频教程中我也会重提这个技术点!),爬虫框架Jsoup解析html文本中的图片,整合ued