基于node的Express模板开发—安装,框架,中间件,路由

以前看到一堆英文就果断关闭,现在因为工作需要回来好好学习,诶,记录下。
或者可以简单速用教程

下面根据实际项目记录:
首先,为了代码规范,使用严格模式"use strict"
(本篇所有文件中只有路由部分,http部分未贴)

1.node环境下安装:

珍惜中文part:http://www.expressjs.com.cn/starter/installing.html
具体:

//打开路径文件夹
$ cd myapp
//安装
$ npm install express --save

2.框架:

认知里相当原生的框架(express+jquery):
项目目录:
页面:views ; 静态资源:public
路由代理:routes
路由配置:app.js
项目配置:package.json
访问接口/服务器地址配置:env.ini
在这里插入图片描述

3.路由:

app.js

//require只基于node环境中
var express = require('express');
var path = require('path');//引入node中的path模块,处理文件路径
var ejs = require('ejs');//引入模板引擎
var logger = require('morgan');//引入日志
var app = express();

//设置模板引擎为html页面
app.set('views', path.join(__dirname, 'views'));
app.engine('html', ejs.__express);
app.set('view engine', 'html');

//创建日志(重启即更新)
app.use(logger('dev'));

//express中间件使用
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(express.static(path.join(__dirname, 'public')));

//创建router并激活(创建新目录)
var indexRouter = require('./routes/index');
app.use('/index',indexRouter);

//暴露模块接口
module.exports = app;

express中间件(middleware function):

  • json() : 使用json转换
  • static() : 加载静态资源
  • Router() : 创建路由
  • urlencoded() : 解析请求

routes/index.js (新项目路由文件)

var express = require('express');
var router = express.Router();

//render新项目(index)的首页
router.get('/', function (req, res) {
    res.render('index/index');
});

4.开发

views/index/index.html
1.开发页面
2.静态资源放在public文件夹下,即引用时以public为资源当前目录,例:/js/index.js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值