使用Express框架开发网站

使用Exprss项目生成器来快速生成Express项目

首先安装Express:

npm install -g expess

接着安装express-generator

npm install -g express-generator

然后使用命令生成一个模板

express -e blog

该条命令用于生成一个名为blog的模板，模板的文件目录如下：

bin –存放连接数据库的操作
public –存放静态资源文件，css，图片等
routes –路由文件，存放js程序，用来分析客户端发来的post和get命令
views –ejs模板文件，存放ejs模板编写的前端页面
app.js –程序的入口
package.json –存放配置信息，保存各个依赖包的版本信息等

app.js文件中的代码如下：

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// 设置视图文件夹的位置
app.set('views', path.join(__dirname, 'views'));
// 设置视图文件使用ejs模板
app.set('view engine', 'ejs');
// 使用日志记录中间件
app.use(logger('dev'));
// 使用express中间件
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
// 使用cookieParser中间件
app.use(cookieParser());
// 使用express默认的static中间件设置静态资源文件夹的位置
app.use(express.static(path.join(__dirname, 'public')));

// 使用路由index
app.use('/', indexRouter);
// 使用路由users
app.use('/users', usersRouter);

// 处理404错误
app.use(function(req, res, next) {
  next(createError(404));
});

// 处理错误
app.use(function(err, req, res, next) {
  // 设置本地错误仅仅在在开发环境中提供
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // 渲染错误请求页面
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

在app.js中添加如下代码：

app。listen(3000,function(){
    console.log('listening port 3000');
});

然后就可以通过node app命令来启动服务器，在浏览器中输入localhost:3000/来进访问。当然此时的服务器只有一个空的主页和一个404错误页面。

使用Express框架开发网站

使用Exprss项目生成器来快速生成Express项目

猜你喜欢