服务框架Express

Express 是一个基于 Node.js 平台的简单灵活的 Web 应用开发框架&＃xff0c;是对 http 模块的再封装&＃xff0c;提供一系列的特性&＃xff0c;用来创建各种 Web 和移动应用&＃xff1b;
Express 的核心包括如下几点&＃xff1a;

1. 可设置中间件来响应 HTPP 的请求&＃xff1b;
2. 定义了路由表用来执行不同的 HTTP 请求的动作&＃xff1b;
3. 可通过向模块传递参数来动态渲染 HTML 页面&＃xff1b;

预先对 Express 使用 get() 方法定义若干路由&＃xff0c;用于处理用户不同的 HTTP 请求&＃xff1b;
使用 Express 框架前&＃xff0c;要用以下命令来先安装 EXpress&＃xff1a;

npm install express


在 vs code 的终端可用如下命令来查看安装了哪些模块&＃xff1a;

npm list


例子&＃xff1a;使用用 Express 框架

var express&＃61;require(&＃39;express&＃39;); //加载express模块
var app&＃61;express(); //创建一个应用
var server&＃61;app.listen(3080,function(){var host&＃61;server.address().address;var port&＃61;server.addListener.port;console.log(&＃39;Example app listening at htpp://%s:%s&＃39;,host,port);
});
app.get(&＃39;/&＃39;,function(req,res){//定义路由res.send("Hello are you!"); //响应信息
});
console.log("Web 服务器正在运行中...");
console.log("请打开浏览器访问&＃xff1a;http://localhost:3080");
console.log("按 Ctrl&＃43;C 停止 Web 服务器&＃xff0c;返回命令方式。");


例子&＃xff1a;用 Express 框架定义多个洛阳

var express&＃61;require(&＃39;express&＃39;); //加载 web 框架 express
const { json } &＃61; require(&＃39;express/lib/response&＃39;);
var app&＃61;express(); //创建一个 app
var server&＃61;app.listen(8082,function(){//创建一个 HTTP 服务器console.log("多路由实例&＃xff0c;访问地址1&＃xff1a;http://localhost:8082/");console.log("多路由实例&＃xff0c;访问地址1&＃xff1a;http://localhost:8082/users");
});
var mysql&＃61;require("mysql"); //加载MySQL模块
//定义了两个路由
app.get(&＃39;/&＃39;,function(req,res){//定义路由res.send("访问数据库");
});
app.get(&＃39;/users&＃39;,function(req,res){//获取资源&＃xff0c;/users相当于一个urlres.writeHead(200,{&＃39;Content-Type&＃39;:&＃39;text/plain;charset&＃61;utf-8&＃39;});var connection&＃61;mysql.createConnection({host:&＃39;localhost&＃39;,user:&＃39;root&＃39;,password:&＃39;123456&＃39;,port:&＃39;3306&＃39;,database:&＃39;data&＃39;,dateStrings:true});connection.connect();var sql&＃61;&＃39;SELECT * FROM user&＃39;;connection.query(sql,function(err,result){if(err){res.end(err.message);return;}else{res.end(json.toString(result)); //返回数据&＃xff0c;将 JS 对象转换为 JSON 字符串}});
});


WebPack 是现在热门的前端资源模块化管理和打包工具&＃xff0c;是一个现代 Javascript 应用程序打包器&＃xff1b;
当 WebPack 处理应用程序时&＃xff0c;他会递归地构建成一个依赖关系图&＃xff0c;包含应用程序需要的每个模块&＃xff0c;将这些模块打包成一个或多个 bundle&＃xff1b;
WebPack 能将许多松散的模块安装依赖和规则打包成符合生产环境部署的前端资源&＃xff0c;还能按需加载的模块进行代码分割&＃xff0c;等到实际需要的时候在异步加载&＃xff1b;
WebPack 可看作是模块打包机&＃xff0c;根据项目结构找到 Javascript 模块和其他的一些浏览器不能直接运行的拓展语言&＃xff08;Sass 和 TypeScript 等&＃xff09;&＃xff0c;并将其转换和打包为合适的格式&＃xff0c;给浏览器使用&＃xff1b;
WebPack 3.0 还能优化项目&＃xff0c;常用的组合如下所示&＃xff1a;

• Peact.js &＃43; WebPack&＃xff1b;
• Vue.js &＃43; WebPack&＃xff1b;
• AnguarJS &＃43; WebPack&＃xff1b;