Express:框架安装 及项目框架搭建步骤

1.下载express框架
npm install express-generator -g //(安装 安装express的工具-生成框架文件目录的命令。只需要执行一次)  
初始化项目

express 项目名称(app) -e //(自动化创建项目,-e采用ejs模板引擎)

2.目录结构说明
bin:命令执行目录
	cmd中可以执行 npm,mysql,mysqldump,能够在cmd中直接运行的程序称之为命令
node_modules:模块存放目录
	npm根据package.json文件,下载的模块全部放在node_modules目录总
public:公共目录,存放CSS,JS,图片,音视频等资源
	
routes:路由文件目录
views:存放模板目录(1.html,2.html...)
app.js:项目的启动文件
package.json:当前项目依赖关系和相关配置
3.下载项目依赖模块
1.修改package.json
"scripts": {
    "start": "supervisor ./bin/www"    // 每次修改及时生效
}
2.执行 npm install(结果中不含有error等关键字,表示下载模块成功)
4.修改模板引擎的后缀名
4.1 app.js中第15行改为下列两行代码
    app.engine('html', require('ejs').__express);
    app.set('view engine', 'html');

4.2 修改views目录下的文件后缀名为html

QQ图片20200228113718.png

5.进入到项目目录并启动
cd 项目名称(app)
npm start

Express使用

1.核心
routes:存放当前的路由文件(index.js)
	router.get('/',function(req,res){})
		在浏览器中访问地址:http://localhost:3000/
		或者 <a href="/">首页/路径</a>
		或者 $.get('/')
		在html页面中省略了:http://localhost:3000
	router.post('/doLogin',function(req,res){})
		表单地址是:<form action="http://localhost:3000/doLogin"></form>
		或者:$.post('/doLogin')
		在html页面中省略了:http://localhost:3000

views:存放当前的模板文件(html文件) 
	// 实际访问Url地址:http://localhost:3000/
	router.get('/',function(req,res){
		// 给客户端响应views/index.html页面
		res.render('index');
		// 给客户端响应"Hello world"字符串 
		res.end('Hello world'); 
		// 给客户端响应json数据 
		res.json({"username":"刘俊俊"});
	})

public:存放css,js,image文件
	在html文件的
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jacky张

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值