Node js之使用应用生成器来搭建第一个基于express的应用

   摘要:原生node和express框架开发有和区别,所谓的express,就是基于框架的开发,人家已经提供了一个成型的基本骨架,在这个基础之上来进行开发,大大提高了开发效率,前一篇文章在构建一个express项目,还是需要我们写很多的代码,还不够强大。我们可以借助应用生成器,帮我们把项目的基本骨架搭建好。一般提到开发,通常有如下几种:

  •   原生开发,所有的代码从0开始。自己做,一砖一瓦。
  •   框架开发,底层的代码,人家已经帮我们写好了,我们要写的是具体的功能。买的毛坯房,房子成型了,但还不直接入住,需要装修。
  •    二次开发,本身就已经是一个完整的项目,能够运行,但是有些地方需要修改,在原来的基础之上进行开发。已装修的房子或二手房,拎包入住

1.安装生成器 (npm install express-generator -g) 

  所谓的生成器,可以理解为脚手架工具。

  需要全局安装,确保在任何目录下都可以使用。

  

2.创建应用 (express 项目名称)

  在指定目录下,使用express 项目名称 来创建应用。

  

3.安装依赖包 (cd目录 && npm install)

  按照命令行的提示,操作即可。

  

  这其实是两个命令

1.cd app,切换目录,进入app目录

    2.npm install,安装依赖包

  说明:这个两个命令,可以使用 逻辑与 (&&) 形成一个命令。如果左边的成立的话, 右边会执行。如果左边的不成立的话,右边也不会执行。

  我们也可以分开写。

  

  实际上,在项目的根目录下,有一个配置文件---package.json,如下:

  

  其中有一个配置项 --- dependencies,就列出了当前这个项目所依赖的包(模块)。如果我们在安装包的使用,没有指定包名,它就会找这个package.json文件,逐个安装dependencies中所列出的这些包和模块。

4.启动应用 (npm start 或 node ./bin/www)

  按照刚才第二步的提示。

  

  直接使用npm start 命令启动项目。

  

  其中,启动应用时,还可以使用node ./bin/www

  

  

5.浏览 (localhost:3000)

  在浏览器中使用 localhost:3000访问之,如下:

6.项目结构分析

  我们需要搞清楚,项目结构,然后才可以自己写代码。

  项目目录结构划分如下:

  

  

bin目录,如下

  

  其核心的代码如下:

  

  刚才执行 npm start命令,其实就是执行这个www文件。

  

public目录:存放的就是静态资源目录,所谓的静态资源就是指图片、css和js文件。

  

  

  routes目录:路由目录,保存的是路由文件。

  

  其中,index.js是实现首页路由的,如下:

  

  而user.js则是实现/user路由的。

  

  访问 /users,效果如下:

  

  如果我们需要增加新的路由,就可以在这里写上路由的处理。

Views目录:视图目录,也就说存在模板文件的,这些模板文件,其实都是基于html的,Express默认使用了jade模板。

  

  

  我们还可以使用ejs模板。其中index.jade,就是访问首页时,载入的模板,如下:

  

package.json:项目的配置文件。任何基于npm的的项目,都应该具备这个package.json文件。

  

app.js:整个项目的入口文件。

  功能分解如下:

  第一步,载入相应模块

   

  第二步,实例化一个app对象

  

  第三步,设置模板相关参数

  

  第四步,使用中间件

  

  不同的中间件实现的是不同的功能。其中,如下两个是实现路由功能

  

  

  如果输入的是localhost:3000/,就交给index处理,如果输入的是localhost:3000/users,就交给users处理

  Index和users就是上面引入的自定义模块

  

  查看routes/index.js,就知道是怎么回事了

  

  第五步,导出模块

  

  导出给WWW文件来使用。

  

  当服务器开启的时候,app对象就已经可以使用了。

  

时间: 2024-10-27 07:20:29

Node js之使用应用生成器来搭建第一个基于express的应用的相关文章

[转载] Node.js 笔记(一) nodejs、npm、express安装

感谢原作者: http://blog.csdn.net/haidaochen/article/details/7257655 Windows平台下的node.js安装 直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 测试安装是否成功: 在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号 简单的例子写一段简短的代码,保存为helloworld.js,大致看下nodejs是怎么用的. 如下:该代码主要是创建一个http服

Node.js 笔记(一) nodejs、npm、express安装(转)

转载地址:http://blog.csdn.net/haidaochen/article/details/7257655 Windows平台下的node.js安装 直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 测试安装是否成功: 在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号 简单的例子写一段简短的代码,保存为helloworld.js,大致看下nodejs是怎么用的. 如下:该代码主要是创建一个http服务器

Node.js连接Mysql,并把连接集成进Express中间件中

引言 在node.js连接mysql的过程,我们通常有两种连接方法,普通连接和连接池. 这两种方法较为常见,当我们使用express框架时还会选择使用中间express-myconnection,可以单独对mysql配置,也可以把connection集成到express中间件中. 最后送上一个node.js 连接各种主流数据库示例代码. 前提条件 1.安装mysql对应的驱动,npm install mysql 2.安装第三方插件express-connection, npm install e

MAC 下node.js初体验 开发环境搭建

1.安装Xcode https://developer.apple.com/xcode/ 搜索官网下载并安装Xcode. 2.安装Homebrew 安装homebrew是为了便于安装后续需要的程序软件 a.进入主页https://brew.sh/index_zh-cn.html b.复制homebrew主页的安装代码到终端中进行安装 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/

node.js在windows下的学习笔记(6)---安装Express

Express是什么呢? express.js是nodejs的一个MVC开发框架,并且支持jade等多种模板.对于WEB应用程序而言,会有许多诸如模板和路由这样的公共模式在的,虽然也可以自己编写代码解决这些问题,但是很多的开发者会选择如Express这样的框架来避免这样的工作,并且对之有所贡献 1.安装express,命令是:npm install -g express,这里-g表示Express将是全局安装的,可以在系统的任何地方使用其命令 2.安装express命令工具,命令是:npm in

vue+mongoose+node.js项目总结第一篇_图片文件上传

一.前言 项目演示:每个新用户登录之后会有个默认的头像,用户可以根据自己选择自己的头像图片进行更改. 二.主要内容 1.需求实现的思路分析. 第一步:用户点击按钮选择图片其实是间接触发input图片选择 第二步:input表单被监听change事件 第三步:选择图片,然后将图片用canvas画在预览框处 第四步:点击“确定按钮”,请求后端接口配合云存储,将图片上传到云存储上 第五步:利用云存储器中生成的图片url地址替换掉原来的地址 2.具体实现      2.1总体思路  2.2前台实现部分

Mac下进行Node.js开发环境的配置

我们知道,Mac是一款天生可以提升我们开发效率的系统,合理的使用Mac下面的神器,有助于提升我们的开发效率.个人是个VIM控,今天分享一下,我在mac下是如何进行Node.js的开发环境搭建的.先给大家看看最终的效果图片吧! Iterm2 首先,推荐Iterm2这款命令行神器.它是一款终端替代工具,支持 Macos 10.5+ 版本.它具备很多优点:比如开源免费.快捷键丰富.水平垂直分屏.远程使用vi时兼容性好.如果再加上一点,就是它UI也比较友好,如果你喜欢捣鼓,可以配置主题,让iterm2界

Mac下进行Node.js开发环境配置

我们知道,Mac是一款天生可以提升我们开发效率的系统,合理的使用Mac下面的神器,有助于提升我们的开发效率.个人是个VIM控,今天分享一下,我在mac下是如何进行Node.js的开发环境搭建的.先给大家看看最终的效果图片吧! Iterm2 首先,推荐Iterm2这款命令行神器.它是一款终端替代工具,支持 Macos 10.5+ 版本.它具备很多优点:比如开源免费.快捷键丰富.水平垂直分屏.远程使用vi时兼容性好.如果再加上一点,就是它UI也比较友好,如果你喜欢捣鼓,可以配置主题,让iterm2界

推荐近期15个 Node.js 开发工具

近来Node.js 越来月流行了,这个基于Google V8 引擎建立的平台, 用于方便地搭建响应速度快.易于扩展的网络应用.在本文中,我们列出了2015年最佳的15个 Node.js 开发工具.这些工具对于刚刚开始学习 Node.js 的新手开发者非常有帮助.如果你知道任何其他有用的 Node.js 资源,请让我们知道. 1. IO.js JavaScript的I / O是一个NPM兼容的平台,最初是基于Node.js和建立在Chrome V8运行.它的目的是提供更快和可预测的发布周期. 2.