废话不多说直接上步骤:

1. 首先建立一个新文件夹,进入此文件夹的命令窗口通过 npm init 命令为你的应用创建一个           package.json 文件,然后下载express模块指令为 npm install express --save

2 在窗口命令中输入 npm install express-generator -g(全局安装)然后输入express -e会自动生成各种包,此时就具有了初步的骨架.

3 其中的stylesheets是样式文件夹,views是页面显示文件夹,routes是路由文件夹。

4.views里边的index.ejs可以用<link>引入css样式需要注意的是href的开头是从stylesheets开始的如:

href='/stylesheets/index.css' 在body标签中写内容时要注意用ejs规范

ejs模板规范:
    <%= %>输出标签(转义输出)(原文输出HTML标签<b>1</b>)
    <%- %>输出标签(不转义输出)
   <%# %>注释标签
   <%% %%>转义标签(输出标签)
    <%if()%> 流程控制语句
   如:<h1><%=hello %></h1>

其中的hello 是在index.js中的路由中声明的index.js代码如下:

var express = require('express');
         var router = express.Router();
         router.get('/', function(req, res, next) {
                //render函数内置了ejs模板 返回Html界面,第一个参数是模板的名字
                 //第二个参数是数据
                //rander函数拿到模板->拿到数据->把模板中的<%=hello%>全部替换成hello的值,
                //->把替换后的字符串反回给用户
           res.render('index', { title: 'yf',
                  hello:"<h1>how are</h1>",               
  });
});

module.exports = router;

5.项目中的app.js中可引入多个路由

//引入index路由
    var index = require('./routes/index');

//引入users路由
     var users = require('./routes/users');

//如果访问的是根目录就使用index这个路由
    app.use('/', index);
    //如果访问的是users目录就使用users这个路由
    app.use('/users', users);

//到出app(app是一个express的实例var app = express();)

module.exports = app;

希望初学者会有所收获。。。

Express的初步使用的更多相关文章

  1. express 框架初步体验

    一. 安装express 1.打开cmd  全局安装express 输入:npm install -gd express 2. 安装命令行工具,不然你输入express 会出现 不是内部命令. 输入: ...

  2. express框架初步

    express框架初步使用 var exp = require('express'); var ejs = require('ejs'); var app = new exp(); app.set(& ...

  3. node.js之express框架

    之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? expr ...

  4. 初步认识Node 之Express

    通过本文,你会对Express有一个较为具体的了解.    起源 2009年6月26日,TJ Holowaychuk提交了Express的第一次commit,接下来在2010年1月2日,有660次co ...

  5. 初步认识Express框架渲染视图

    给出一个简单的例子,讲述模板渲染的基础功能 在nodejs中使用express框架,默认的是ejs和jade渲染模板,以下是以ejs模板进行解析 1.ejs 模板安装 npm install ejs ...

  6. Express 初步使用

    Express express 是 node 中最流行的框架之一. 1. 起步 安装: npm install express --save hello world const express = r ...

  7. 初步认识express,并创建web服务器,挂载静态资源

    1.Express简介 1.1什么是Express 官方给出的概念:Express 是基于 Node.js 平台,快速.开放.极简的 Web 开发框架,官方网址 相似用途:Express 的作用和 N ...

  8. express-2 express介绍

    脚手架 大多数项目都需要一定数量的"套路化"代码,所有可以创建一个通用的项目骨架,每次开始新项目时,只需复制这个骨架,或者说是模板. RoR把这个概念向前推进了一步,它提供了一个可 ...

  9. 修改VISUAL STUDIO EXPRESS 2012新建C++文件编码

    本站文章除注明转载外,均为本站原创或者翻译. 本站文章欢迎各种形式的转载,但请18岁以上的转载者注明文章出处,尊重我的劳动,也尊重你的智商: 本站部分原创和翻译文章提供markdown格式源码,欢迎使 ...

随机推荐

  1. php 生成 guid

    function guid( $opt = true ){ // Set to true/false as your default way to do this. if( function_exis ...

  2. 'Upgrade' header is missing

    spring-websocket 握手失败是因为 有拦截器  注释掉拦截器就OK

  3. 计数排序(counting-sort)

    计数排序是一种稳定的排序算法,它不是比较排序.计数排序是有条件限制的:排序的数必须是n个0到k的数,所以计数排序不适合给字母排序.计数排序时间复杂度:O(n+k),空间复杂度:O(k),当k=n时,时 ...

  4. Linux 文件系统的层次化结构

    FHS,Filesystem Hierarchy Standard,文件系统层次化标准.这是一个推荐标准,可以从 http://www.pathname.com/fhs/ 获取. 本文不讨论 FHS, ...

  5. [TJOI2011]树的序(贪心,笛卡尔树)

    [TJOI2011]树的序 题目描述 众所周知,二叉查找树的形态和键值的插入顺序密切相关.准确的讲:1.空树中加入一个键值k,则变为只有一个结点的二叉查找树,此结点的键值即为k:2.在非空树中插入一个 ...

  6. 对于树的序列化,用了stream,很好

    https://leetcode.com/problems/serialize-and-deserialize-binary-tree/?tab=Description 下面这个解法里面的C++部分很 ...

  7. 新手做2D手游该用哪些工具?

    全球手游行业规模将突破250亿美元,越来越多的开发者开始进入手游研发领域,而作为一名菜鸟,很多时候,如果没有其他开发者的建议,会走很多弯路.一开始进入游戏研发领域的时候,你很难知道该选择什么工具.什么 ...

  8. phpcms v9会员推荐位

    模版显示推荐会员代码 <div class="zhanxun2">             <div class="title">   ...

  9. bzoj4873: [Shoi2017]寿司餐厅(最大权闭合子图)

    4873: [Shoi2017]寿司餐厅 大难题啊啊!!! 题目:传送门 题解:一眼题是网络流,但还是不会OTZ,菜啊... %题解... 最大权闭合子图!!! 好的...开始花式建边: 1.对于每个 ...

  10. js中Json字符串如何转成Json对象(4种转换方式)

    js中Json字符串如何转成Json对象(4种转换方式) 一.总结 一句话总结:原生方法(就是浏览器默认支持的方法) 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie ...