设为首页 收藏本站
查看: 1452|回复: 0

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

[复制链接]

尚未签到

发表于 2017-12-16 10:53:08 | 显示全部楼层 |阅读模式
本章主要讲什么(一句话)?
DSC0000.jpg   《项目实战:基于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

DSC0001.jpg 3.1.2、安装
  下载到本地硬盘后,双击  .msi文件直接安装!
DSC0002.jpg DSC0003.jpg DSC0004.jpg DSC0005.jpg

  上面这些默认都要安装!
DSC0006.jpg DSC0007.jpg

  安装成功之后,可以在Windows系统菜单里看到关于Node的相关菜单,如下所示:
DSC0008.jpg

  点击 命令行工具:Node.js 菜单
  出现以下界面,并敲入以下命令,如果出现如下结果,则说明Node.js安装成功!

DSC0009.jpg 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特性
DSC00010.jpg 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引擎用下面的命令
  执行命令成功后,控制台上会出现如下提示:
DSC00011.jpg

  查看创建的项目录:

DSC00012.jpg 4.5、运行测试
  第一步:在命令行中健入如下命令:
  cd node-blog & cnpm install
  如下图所示:
DSC00013.jpg

  第二步:再在命令行中,健入:npm start
  如下图所示:
DSC00014.jpg

  第三步:打开浏览器,健入:
  http://localhost:3000
  出现如下画面,说明Express框架成功:
DSC00015.jpg

  至此:基于Node的Express框架搭建成功!
五、后述
  本小节主要介绍了项目前期所必须的环境搭建必备知识,其中重点介绍了Express框架,演示了MyBlog后台框架搭建的全过程。
  此部分代码下载(百度网盘):链接:http://pan.baidu.com/s/1miwNExa
  《基于Angular2+Mongodb+Node技术实现的多用户博客系统》正在连载中,明天我将为大家推出【第五章:Express框架自动产生的代码进行深度剖析和优化重构】,欢迎各位继续关注~
  搜索并关注“风舞烟”的简书专栏、头条号、微信公众号、 企鹅媒体平台,你可以定期收到关于简书专栏的最新动态以及IT前沿最新技术的高质量经验文章、视频分享。
  谢谢大家的支持,欢迎大家留言交流。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-424655-1-1.html 上篇帖子: wamp 增加mongodb拓展 安装 下篇帖子: Ubuntu14.04下Mongodb数据库可视化工具安装部署步骤(图文详解)(博主推荐)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表