一、express的安装
先必须初始化项目
npm init 初始化生成一个项目 目的是为了有package.json文件
安装 express模块
npm install express
安装成功后 命令行下面输入express 生成对应的demo目录文件
三、express更改模板引擎
1.下载express
npm install express(常规方式下载) 需求：对express非常熟悉的情况下，采用这种方式
npm install express-generator(express生成器) -g (推荐)
注意：
1.安装成功之后，在cmd下直接输入express，只要不报错"express 不是内部或外部命令"，就是成功
2.生成express项目目录
2.1 express appName(自定义项目名称)
2.2 进入目录 cd appName
2.3 修改package.json文件
{
"name": "shop",
"version": "1.0.0",
"private": true,
"scripts": {
// 将node替换为supervisor，表示自动重启
"start": "supervisor ./bin/www"
},
// 表示当前项目依赖的模块
"dependencies": {
"body-parser": "~1.15.2", // 跟post提交相关
"cookie-parser": "~1.4.3", // 解析cookie数据
"debug": "~2.2.0", // 开启调试模式
"express": "~4.14.0", // express核心内容
"morgan": "~1.7.0", // 不知道
"serve-favicon": "~2.3.0", //
"ejs":"", // 需要的ejs模板引擎
"mongoose":"" // mongodb数据操作模块
}
}
2.4 npm install
2.5 修改app.js文件的内容
2.5.1 修改14.15行代码
app.set('views', path.join(__dirname, 'views'));
// 将模版的后缀名改为html
app.engine('.html', require('ejs').__express); exprss3的新写法 让ejs识别.html后缀的文件
app.set('view engine', 'html'); 将此处的jade改为ejs 让模板引起自动添加.html后缀
--在路由里，可以省去 index.html的后缀，直接写index即可，但是在 视图里 include的时候，
还是需要写上.html的后缀，否则报错
PS:Express变动太大，不成熟
2.5.2 修改view文件夹下所有的后缀名为html后缀
2.5.3 删除layout.jade,直接使用课程的error.html文件（index.html自己修改）
2.6 路由
3.express项目目录结构
bin 脚本执行目录 执行bin/www文件（创建服务器）
node_modules 模块存放目录
public 公共资源存放目录（css，js，图片，音视频，上传的文件等）
routes 路由文件
views 视图文件（HTML模板=>相当于前面的tpl）
app.js 引入各种模块，进行初始化配置
package.json 申明模块依赖等内容
注意：www文件创建服务器，require('../app.js')模块（相当于引入各种依赖模块和进行网站的初始化内容）
4.普通开发和框架开发的对比
app/index.js这种开发模型，代码全部是开发者自己去敲，代码量也非常大，后期维护难度大，开发效率低
框架：框架将模块引入，创建服务器，读取文件等都封装起来，我们要做的就是按照框架提供的方法将项目完成，后期优化维护方便，成本较低，开发效率高
网友评论