node08---Express框架
一、Express框架
Express框架是后台的Node框架，所以和jQuery、zepto、yui（雅虎的）、bootstrap都不一个东西。
Express在后台的受欢迎的程度，和jQuery一样，就是企业的事实上的标准。 ● 原生Node开发，会发现有很多问题。比如：
■ 呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题
■ 路由处理代码不直观清晰，需要写很多正则表达式和字符串函数
■ 不能集中精力写业务，要考虑很多其他的东西 我们自己可以把第一天的作业，就是那个静态文件服务给封装成为模块。封装的越多，就自己做出了类似Express的东西。 ● EXPRESS的哲学是在你的想法和服务器之间充当薄薄的一层。这并不意味着他不够健壮，或者没有足够的有用特性，而是尽量少干预你，让你充分表达自己的思想，同时提供一些有用的东西。 英语官网：http://expressjs.com/
中文官网：http://www.expressjs.com.cn/
整体感知，Express框架。
安装Express框架，就是使用npm的命令。
npm install --save express
--save参数，表示自动修改package.json文件，自动添加依赖项。（也可以直接复制过来） 路由能力：
var express = require("express"); var app = express(); app.get("/",function(req,res){
res.send("你好");
}); app.get("/haha",function(req,res){
res.send("这是haha页面，哈哈哈哈哈哈");
}); app.get(/^\/student\/([\d]{10})$/,function(req,res){
res.send("学生信息，学号" + req.params[0]);
}); app.get("/teacher/:gonghao",function(req,res){
res.send("老师信息，工号" + req.params.gonghao);
}); app.listen(3000); 静态文件伺服能力：
app.use(express.static("./public")); 模板引擎：
var express = require("express"); var app = express(); app.set("view engine","ejs"); app.get("/",function(req,res){
res.render("haha",{
"news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]
});
}); app.listen(3000); 我们学习的是Express4.X，和Express3.X差别非常大。
二、路由
当用get请求访问一个网址的时候，做什么事情：
app.get("网址",function(req,res){ }); 当用post访问一个网址的时候，做什么事情：
app.post("网址",function(req,res){ }); 如果想处理这个网址的任何method的请求，那么写all
app.all("/",function(){ }); 这里的网址，不分大小写，也就是说，你路由是
app.get("/AAb",function(req,res){
res.send("你好");
});
实际上小写的访问也行。
所有的GET参数，? 后面的都已经被忽略。 锚点#也被忽略
你路由到/a ， 实际/a?id=2&sex=nan 也能被处理。 正则表达式可以被使用。正则表达式中，未知部分用圆括号分组，然后可以用req.params[0]、[1]得到。
req.params类数组对象。
app.get(/^\/student\/([\d]{10})$/,function(req,res){
res.send("学生信息，学号" + req.params[0]);
}); 冒号是更推荐的写法。
app.get("/student/:id",function(req,res){
var id = req.params["id"];
var reg= /^[\d]{6}$/; //正则验证
if(reg.test(id)){
res.send(id);
}else{
res.send("请检查格式");
}
}); 表单可以自己提交到自己上。
app.get("/",function(req,res){
res.render("form");
}); app.post("/",function(req,res){
//将数据添加进入数据库
res.send("成功");
}); 适合进行 RESTful路由设计。简单说，就是一个路径，但是http method不同，对这个页面的使用也不同。
/student/345345
get 读取学生信息
add 添加学生信息
delete 删除学生新
01.js
var express = require("express");//引入文件夹，不用http库
var app = express();
app.get("/",function(req,res){//http://localhost:3000/
res.send("你好");
});
app.get("/haha",function(req,res){//http://localhost:3000/haha
res.send("这是haha页面，哈哈哈哈哈哈");
});
app.get(/^\/student\/([\d]{10})$/,function(req,res){//http://localhost:3000/student2222
res.send("学生信息，学号" + req.params[0]);
});
app.get("/teacher/:gonghao",function(req,res){//http://localhost:3000/teacher/:gonghao
res.send("老师信息，工号" + req.params.gonghao);
});
app.listen(3000);
02.js
/**
* Created by Danny on 2015/9/22 9:22.
*/
var express = require("express"); var app = express(); app.use(express.static("./public"));//use表示使用中间件，public是一个工程的文件夹根目录，提供静态服务器。 app.get("/haha",function(req,res){
res.send("haha ");
}); app.listen(3000);
03.js
/**
* Created by Danny on 2015/9/22 9:37.
*/
var express = require("express");
var app = express(); app.set("view engine","ejs");//相当于引入require("ejs"); app.get("/",function(req,res){
res.render("haha",{//默认从views文件夹找haha.ejs
"news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]
});
}); app.listen(3000); /*
haha.ejs :
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>哈哈哈哈</h1>
<ul>
<% for(var i = 0 ; i < news.length ; i++){ %>
<li><%= news[i] %></li>
<% } %>
</ul>
</body>
</html>
*/
04.js
/**
* Created by Danny on 2015/9/22 9:37.
*/
var express = require("express");
var app = express(); //无视大小写，? #
app.get("/AAb",function(req,res){
res.send("你好");
}); // 冒号 http://localhost:3000/student/123456 输出：123456
app.get("/student/:id",function(req,res){
var id = req.params["id"];
var reg= /^[\d]{6}$/;
if(reg.test(id)){
res.send(id);
}else{
res.send("请检查格式");
}
}); //冒号 http://localhost:3000/etudent/1234567 输出：etudent1234567
app.get("/:username/:oid",function(req,res){
var username = req.params["username"];
var oid = req.params["oid"]; res.write(username);
res.end(oid);
}); app.listen(3000);
05.js
/**
* Created by Danny on 2015/9/22 10:22.
*/
var express = require("express"); var app = express(); //设置模板引擎
app.set("view engine","ejs"); app.get("/",function(req,res){
res.render("form");
}); app.post("/",function(req,res){
//将数据添加进入数据库
res.send("成功");
}); app.listen(3000); /*
views文件夹中form.ejs:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="post">
<input type="text" name="name"/>
<input type="text" name="age"/> <input type="submit"/>
</form>
</body>
</html>*/
node08---Express框架的更多相关文章
- Node.js、Express框架获取客户端IP地址
Node.js //传入请求HttpRequest function getClientIp(req) { return req.headers['x-forwarded-for'] || req.c ...
- Win8.1 安装Express 框架
1.安装Windows Node.js客户端 2.安装Express框架 我本机是Win8.1的,使用命令npm install -g express安装Express,安装完成后显示一些安装明细,刚 ...
- Node.js Express 框架学习
转载:http://JavaScript.ruanyifeng.com/nodejs/express.html#toc0 感觉很牛的样子,不过觉得对初学者没太大用,里面很多例子用的api都没有详细的说 ...
- Node.js Express 框架
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...
- express框架路由配置及congtroller自动加载
express框架在node官方推荐的一个框架,关于如何入门的文章,已经很多了,我就不在累赘了,本文的核心是如何修改文件使得更接近一个MVC的框架 express原生是通过require的方式实现了模 ...
- nodejs学习笔记二：解析express框架项目文件
上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添 ...
- nodejs学习笔记一：安装express框架并构建工程目录
偶遇node是在一个阳光明媚的上午,无意间打开博客看到一片关于nodejs的介绍,通读全篇后,心情跌宕起伏,哎呀,这么好的东西我竟然现在才知道,这是最气的,于是马上开始制定学习nodejs计划,好了, ...
- Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
具体步骤: 1.安装开发工具WebStorm: 2.安装node/npm(下载地址:https://nodejs.org/download/)选择适合你的xxx.mis安装: 3.安装express框 ...
- express 框架之session
一.什么是session? 最近在学习node.js 的express框架,接触到了关于session方面的内容.翻阅了一些的博客,学到了不少东西,发现一篇博文讲的很好,概念内容摘抄如下: Sessi ...
- 从零开始学习Node.js例子四 多页面实现数学运算 续一(使用connect和express框架)
1.使用connect框架 .use方法用于绑定中间件到connect服务器,它会配置一系列在接到请求时调用的中间件模块,此例中我们要配置的中间件有favicon logger static rout ...
随机推荐
- Map （就一个json.jar）
public static void main(String[] args) { List<Map<Integer, String>> m = new ArrayList< ...
- hdoj--2534--Score(gcd)
Score Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Subm ...
- 如何使用github来展示自己的网页
项目文档或者单纯的html页面怎么用github来展示呢? 第一步:新建库 第二步: 上传自己的页面(index.html需在根目录下) 先把git库克隆下来 进入lineShop文件夹,拷贝自己的页 ...
- 关于QueryRunner数据查询以及常用方法
QueryRunner数据查询操作调用QueryRunner类方法query(Connection con,String sql,ResultSetHandler r, Object.params)R ...
- 基于任务的编程模型TAP
一.引言 在上两个专题中我为大家介绍.NET 1.0中的APM和.NET 2.0中的EAP,在使用前面两种模式进行异步编程的时候,大家多多少少肯定会感觉到实现起来比较麻烦, 首先我个人觉得,当使用AP ...
- sql server 随机生成布尔值
) AS BIT) 或者 )
- struts2学习之基础笔记1
第6章 Strusts 2框架 1 引出 Web App àà MVC àà View 视图(jsp,html,JS) | C(Servlet)Filter,Listneer | M(数据bea ...
- 第七章 Python之模块与包
模块介绍 一个模块就是包含了一组功能的python文件(例如module.py,模块名是module),它从文件级别组织程序,更方便管理,这时我们不仅仅可以把这些文件当作脚本执行,还可以把他们当作模块 ...
- 洛谷T44252 线索_分治线段树_思维题
分治线段树,其实就是将标记永久化,到最后再统一下传所有标记. 至于先后顺序,可以给每个节点开一个时间戳. 一般地,分治线段树用于离线,只查询一次答案的题目. 本题中,标记要被下传 222 次. Cod ...
- [实验楼]python11期--NO.1（未完成）
tuple 是 Python 的一种不可变数据类型,用于列表数据一旦初始化就不会再修改的场景.tuple 只能通过位置索引去访问里面的元素,但有时候我们需要给每个元素取个别名,以便通过别名去获取对应的 ...