express的基本用法

一、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这种开发模型,代码全部是开发者自己去敲,代码量也非常大,后期维护难度大,开发效率低

框架:框架将模块引入,创建服务器,读取文件等都封装起来,我们要做的就是按照框架提供的方法将项目完成,后期优化维护方便,成本较低,开发效率高

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Express是Node社区里的超级明星,他的作者TJ Holowaychuk也因此成为了社区里大红大紫的开发者。...
    2MuchT阅读 8,152评论 1 30
  • 搭建开发环境并模拟交互数据 一、实验说明 下述介绍为实验楼默认环境,如果您使用的是定制环境,请修改成您自己的环境介...
    玄月府的小妖在debug阅读 6,430评论 0 15
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,856评论 25 709
  • 第一夜爱情就如一场大病 过了就好; 第二夜 只有恋爱中的人才认为他们的相遇不是偶然的; 第三夜 小心那些热恋中的人...
    音曼实验室阅读 3,535评论 0 1
  • 活在茶米油盐里,我的真实写照。此刻,我突然想起以前写过的一篇作文:柔软的月光下,一位瘦弱的老人,怀里抱着一个小女娃...
    零零吧阅读 1,241评论 0 0