码迷,mamicode.com
首页 > 其他好文 > 详细

Express 简介

时间:2020-04-25 17:31:23      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:shel   调用   require   ges   send   OLE   app   class   src   

Express

Express 安装及hello world

安装:

npm install express

Hello World:

const express = require(‘express‘)
const app = express()

app.get(‘/‘, (req, res) => res.send(‘Hello World‘))
app.listen(8000, () => console.log("服务已启动"))
通过 express-generator创建express项目

安装 express-generator到项目目录的 node_modules 中:

npm install express-generator

创建 express 项目

# node_modules\.bin\express --view=模板引擎名 项目名
node_modules\.bin\express --view=pug myapp

安装依赖

npm install

cd 到项目中,启动项目

npm start
express 路由

配置 app.js,配置好后网站就根据访问 / 找到系统的子路由 index.js

var indexRouter = require(‘./routes/index‘);
app.use(‘/‘, indexRouter);

配置 index.js 的路由规则,直接返回数据到页面

router.get(‘/index‘, (req, res) => {
  res.send("<h1>hello getcharzp</h1>")
})

配置 index.js 的路由规则,调用模板返回数据

router.get(‘/‘, function(req, res, next) {
  res.render(‘index‘, { title: ‘getcharzp ‘ });
});
安装 nodemon 实现修改后自动重启

安装:

npm i nodemon

配置 package.json 文件,将 start 修改为:

"start": "nodemon ./bin/www"
静态资源访问

通过浏览器访问:

http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

通过 pug 模板引擎访问:

block content
  img(src=‘/images/qingtou.jpg‘)
  block scripts
    script(src=‘/javascripts/index.js‘)

Express 简介

标签:shel   调用   require   ges   send   OLE   app   class   src   

原文地址:https://www.cnblogs.com/GetcharZp/p/12773561.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!