Node系列——express项目搭建

1、项目环境搭建

1.1、 安装node这个不多说了。

1.2、安装express,全局安装-g

npm install -g express

1.3、安装express-generator,全局安装-g

express4.0之后把创建一个APP的功能分离出来为express-generator,没它你创建不了应用程序,需要全局安装-g

npm install -g express-generator

1.4、创建express项目

在想要创建的项目目录下打开cmd窗口,这样就会创建如下目录文件结构,项目就算创建完毕了。

这个时候package.json文件中哟express,但是有没有express-generator.

如果不是全局安装的上面两个模块就只能手动找到模块底下的bin文件中执行。

express JadeWebApp  //默认是jade引擎

express -e EjsWebApp //要创建ejs引擎用下面的命令

2、项目介绍

2.1、项目结构介绍

1.node_modules文件夹

  这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项

2.package.json文件

此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)

node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项

3.public文件夹(包含images、javascripts、stylesheets)

这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的

4.routes文件夹

用于存放路由文件

5.views文件夹

存放视图

2.2、项目内容介绍

1.app.set(name,value)

把名字为name的项的值设为value,用于设置参数

//设定端口
app.set(‘port‘, process.env.PORT || 3000);
//设定视图路径主要清楚__dirname的意思就可以了,它是node.js中的全局变量,表示取当前执行文件的路径     
app.set(‘views‘, path.join(__dirname, ‘views‘));   
//设定视图引擎模板,还可以设定其他模板,后续介绍
app.set(‘view engine‘, ‘jade‘);

2.app.use([path], function)

    用这个方法来使用中间件,因为express依赖于connect,有大量的中间件,可以通过app.use来使用;path参数可以不填,默认为‘/‘

//这一句中可能要注意一下,express.static()是处理静态请求的,
//设置了public文件,public下所有文件都会以静态资料文件形式返回
//(如样式、脚本、图片素材等文件)
app.use(express.static(path.join(__dirname, ‘public‘))); 

//上面代码表示当用户使用/访问时,调用routes,即routes目录下的index.js文件,
//其中.js后缀省略,用/users访问时,调用routes目录下users.js文件
var routes = require(‘./routes/index‘);
var users = require(‘./routes/users‘);
app.use(‘/‘, routes);
app.use(‘/users‘, users);

3.app.get(name)

获取名为name的项的值

    if(app.get(‘env‘) === ‘development‘) {  
      app.use(function(err, req, res, next) { 
          res.status(err.status|| 500);       
           res.render(‘error‘, {           
            message: err.message,  
              error: err        
            });   
        });
    }
    //表示如果是开发环境,处理error时会输出堆栈信息

4.路由文件index.js

主要看下面这段代码

router.get(‘/‘, function(req, res) {  res.render(‘index‘, { title: ‘<h1>Express</h1>‘,users:[{username: ‘Wilson‘},                                {username: ‘Wilson Zhong‘},                                {username: ‘Zhong Wei‘}]             });});

这段表示,router.get表示通过get请求/时,响应后面的function处理,两个参数分别是request、response;

res.render表示调用模版引擎解析名字index的模板,传并传入了title和users两个对象做为参数;

为什么它会知道解板views目录下的index.ejs?而不是其它目录下的文件,或者后其它后缀名的文件?

3、node中常用模块介绍

4、node项目调试介绍

调试nodejs目前知道的有三种方式:

a.下载VS2012的nodejs插件,用VS2012调试

b.用webForm

c.下载node-inspector模块。

我亲测过a和c,vs我就不说了,必须强大,缺点就是感觉就点大材小用了,写个nodejs而已,大动干戈启动VS有点太卡了。所以我用的c方式,当然 了,提前还需要一个文本编辑器,nodejs的文本编辑利器当属Sublime Text了,很爽的,完爆nodepad++和ue,而且它也可以编辑其他语言。

利用node-inspector调试方式如下:

a.首先node —debug-brk  app.js
b.然后新打开一个窗口,启动 node-inspector
出现如下:
Node Inspector v0.5.0
   info  - socket.io started
Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.
浏览器中调试输入   : http://127.0.0.1:8080/debug?port=5858

不出意外将会在浏览器看到源代码的调试界面,ps:最好用谷歌浏览器,不解释。

最后再推荐一个模块supervisor,最好全局安装npm install -g supervisor,这样启动程序时(如app.js)可以 supervisor app启动,这样它会监视你的代码,一旦代码修改了就会自动重启服务,不必手动,调试很方便

http://blog.csdn.net/kkkkkxiaofei/article/details/32935199

Ejs引擎中的三种标签

1.<%= %>

这个标签在接到收到title: ‘<h1>Express</h1>‘时,从显示效果来看,他直接输出HTML标签到页面上,输出的是转义后的变量值

2.<%- %>   

而这个标签,从显示效果上看,他没有直接输出HTML代码到页面上,输出的是没有转义后的变量值

3.<% %>

而这个标签,从显示上看,他循环了出来参数中的值,标签中是javascript逻辑代码,注意括号的开闭合

node中的中间件

所谓的中间件就是类似于过滤器,面向切面编程,在执行一些东西之前要先执行这些东西。

http://www.yuansir-web.com/2013/06/25/%E7%90%86%E8%A7%A3node-js%E4%B8%AD%E9%97%B4%E4%BB%B6%E4%BB%A5%E5%8F%8Aconnect-%E6%A8%A1%E5%9D%97/

node中的缓存策略

http://www.infoq.com/cn/articles/nodejs-8-connect-module-part-2/

免责说明

1、本博客中的文章摘自网上的众多博客,仅作为自己知识的补充和整理,并分享给其他需要的coder,不会用于商用

2、因为很多博客的地址已经记不清楚了,所以不会在这里标明出处

OK,这样就算入门了吧,基础的东西推荐大家去汇智网上去学习。

时间: 2024-10-12 22:58:44

Node系列——express项目搭建的相关文章

Vue.js系列之项目搭建

项目搭建具体步骤如下: 1.安装node (中)https://nodejs.org/zh-cn/ (英)https://nodejs.org/en/ 2.安装cnpm镜像 (node自带安装了npm,故不再安装) $ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装模块时安装方法 $ cnpm install [name] 3.快速学习Vue2.0教程 (中)http://cn.vuejs.org/ (英)htt

Vue.js系列之项目搭建(1)

项目搭建具体步骤如下: 1.安装node 到官网下载安装,我这里是win7系统. (中)https://nodejs.org/zh-cn/ (英)https://nodejs.org/en/ 2.安装cnpm镜像 (node自带安装了npm,故不再安装) ? 1 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装模块时安装方法 ? 1 $ cnpm install [name] 3.快速学习Vue2.0教程 (中

Vue.js系列之项目搭建(vue2.0 + vue-cli + webpack )

1.安装node node.js环境(npm包管理器) cnpm npm的淘宝镜像 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功. npm包管理器,是集成在node中的,所以,直接输入 npm -v就会显示出npm的版本信息. 2.安装cnpm 在命令行中输入 npm install -g cnpm --registry=http://registr

Node.js, Express的服务器搭建过程的问题

Node.js, Express的服务器搭建过程的问题 Express : node.js 的框架,根据2012年BYvoid的说法,是node.js官方唯一推荐的框架 怎么搭建项目? - 安装nodejs->npm->express - express 的问题: 2017年, express-generator已经被独立成命令行工具了,所以要用 npm install express-generator 这样才能用express命令 怎么启动项目? 启动服务器可以用node app.js,因

Node.js + Express + Mongodb 开发搭建个人网站(一)

一.Node + Express环境搭建 0.去Node官网下载安装node,如果安装了 npm 和 node的话 那么就 安装 全局的 express,-g全局安装 npm install express –g 1.然后使用 express 创建项目,命令:   express 项目名 初始化一个node项目 注意 这里 默认的页面模版 是jade 大部分小项目使用的是 ejs模版,所以 利用express创建ejs模版的node项目,命令为express -e 项目名 express -e

node快速构建express项目

1.首先,到node官网,下载node安装.我的电脑是windows系统,所以下载的是windows版本的,下载完成之后,一路下一步安装就可以了.node中文网:http://nodejs.cn:node官网:https://nodejs.org/en/: 2.node安装完成之后,会自动安装npm包管理器.打开CMD,(windows系统,点击开始-->运行-->输入cmd回车):输入命令 node -v 如果输出信息,表示node安装成功;接着输入 npm -v 如果输出信息,表示npm安

基于 Node.js + Express + mongoDB + Bootstrap 搭建的电影网站

电影网站 ?? GitHub: https://github.com/bxm0927/movie-website 此项目是基于 Node.js + Express + mongoDB + Bootstrap 搭建的电影网站. 主要功能模块: 一期:前台电影展示页.电影详情页.后台电影管理中心(电影录入.电影修改) 二期:用户登录注册注销功能.用户识别和持久化.后台用户管理中心(用户录入.用户修改).电影评论 <!-- more --> 图片预览 技术栈 [前端] HTML/CSS/JS:亘古不

Node.js Express+Mongodb 项目实战

Node.js Express+Mongodb 项目实战 这是一个简单的商品管理系统的小项目,包含的功能还算挺全的,项目涵盖了登录.注册,图片上传以及对商品进行增.删.查.改等操作,对于新手来说是个很不错的练手项目,分享给大家. GitHub源码:https://github.com/oceanMin/cms 项目前准备 安装node.js 安装express 安装mongoDB 章节目录 快速开始 快速开始 模块 express商品管理系统介绍 框架搭建.ejs .express.static

babel-node + Express NodeJS项目搭建指南

1.搭建Node.js环境 从官网下载安装 2.搭建Express环境 express 是 node.js的短精简的Web框架,官网:http://www.expressjs.com.cn/ 安装: npm install express -g  #-g表示全局安装  -S = --save npm install express-generator -g 3.在某个目录下,用express命令创建项目 3.1 创建项目 express <项目名> 创建的文件有app.js,package.j