Express的初步使用
废话不多说直接上步骤:
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的初步使用的更多相关文章
- express 框架初步体验
一. 安装express 1.打开cmd 全局安装express 输入:npm install -gd express 2. 安装命令行工具,不然你输入express 会出现 不是内部命令. 输入: ...
- express框架初步
express框架初步使用 var exp = require('express'); var ejs = require('ejs'); var app = new exp(); app.set(& ...
- node.js之express框架
之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? expr ...
- 初步认识Node 之Express
通过本文,你会对Express有一个较为具体的了解. 起源 2009年6月26日,TJ Holowaychuk提交了Express的第一次commit,接下来在2010年1月2日,有660次co ...
- 初步认识Express框架渲染视图
给出一个简单的例子,讲述模板渲染的基础功能 在nodejs中使用express框架,默认的是ejs和jade渲染模板,以下是以ejs模板进行解析 1.ejs 模板安装 npm install ejs ...
- Express 初步使用
Express express 是 node 中最流行的框架之一. 1. 起步 安装: npm install express --save hello world const express = r ...
- 初步认识express,并创建web服务器,挂载静态资源
1.Express简介 1.1什么是Express 官方给出的概念:Express 是基于 Node.js 平台,快速.开放.极简的 Web 开发框架,官方网址 相似用途:Express 的作用和 N ...
- express-2 express介绍
脚手架 大多数项目都需要一定数量的"套路化"代码,所有可以创建一个通用的项目骨架,每次开始新项目时,只需复制这个骨架,或者说是模板. RoR把这个概念向前推进了一步,它提供了一个可 ...
- 修改VISUAL STUDIO EXPRESS 2012新建C++文件编码
本站文章除注明转载外,均为本站原创或者翻译. 本站文章欢迎各种形式的转载,但请18岁以上的转载者注明文章出处,尊重我的劳动,也尊重你的智商: 本站部分原创和翻译文章提供markdown格式源码,欢迎使 ...
随机推荐
- Codeforces 982 B. Bus of Characters(模拟一个栈)
解题思路: 排序之后模拟一个栈(也可以用真的栈),时间复杂度o(n). 代码: #include <bits/stdc++.h> using namespace std; typedef ...
- swift语言点评十一-Methods
Assigning to self Within a Mutating Method Mutating methods can assign an entirely new instance to t ...
- 路飞学城Python-Day16
- [Python随笔]>>range()函数?
因为自己在考核的时候没有记清range()函数的具体用法,所以特意去查了下 Python range() 函数用法 python range() 函数可创建一个整数列表,一般用在 for 循环中 函数 ...
- 路飞学城Python-Day7
Moudle 2 1.鸡汤中国人均阅读4.35本:日本40本:韩国17本:法国20本:以色列60本成长的路上需要读书,坚持读书内心会得到升华的想法不要太多,尽量多读书,多充电多读书,多看报,少吃零食, ...
- mycat读写分离+垂直切分+水平切分+er分片+全局表 测试
原文http://blog.163.com/bigoceanwu@126/blog/static/172718064201683031639683/ 读写分离:利用最基础的mysql主从复制,事务性的 ...
- Linux学习总结(12)——Linux必须学会的60个命令
Linux系统信息存放在文件里,文件与普通的公务文件类似.每个文件都有自己的名字.内容.存放地址及其它一些管理信息,如文件的用户.文件的大小等. 文件可以是一封信.一个通讯录,或者是程序的源语句.程序 ...
- Ubuntu 10.04 右上角网络管理图标消失的解决的方法
那个显示网络状态的那个图标.叫做:network-manager.假设是有线网络连接的话.是上下两个箭头,假设是无线网络的话.是一个发射信号的形状. sudo gedit /etc/Ne ...
- OC中的@的作用研究
OC中的@字符用的频率很的高,其主要作用是为了差别于其它语言的keyword和语法 以下我们来研究一下其应用 1.声明类,协议,延展,权限,属性等 @interface声明类 @protocol声明协 ...
- 轻松学习JavaScript二十二:DOM编程学习之节点操作
DOM编程不只能够查找三种节点,也能够操作节点.那就是创建,插入,删除.替换和复制节点.先来看节点 操作方法: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQ ...