Express 项目结构分析

1、bin:启动配置文件,在 www 里修改运行端口号
2、node_modules:存放所有的项目依赖库,就像java存放架包
3、public:用于存放静态资源文件 图片,CSS,JAVASCRIPT文件..
4、routers:路由文件相当于springmvc中的Controller,ssh中的action
5、views:存放页面的地方
6、package.json:项目依赖配置及开发者信息。
7、app.js:应用核心配置文件,项目入口

app.js配置详解

// 1. 导入相关模块
var createError = require(‘http-errors‘);  //引用
var express = require(‘express‘);   //引用express
var path = require(‘path‘);   // 服务器路径
var cookieParser = require(‘cookie-parser‘);   //解析cookie
var bodyParser = require(‘body-parser‘);   // 解析request,respond参数
var logger = require(‘morgan‘);   //日志功能,需要手动配置

var indexRouter = require(‘./routes/index‘);   //注册路由的位置
var usersRouter = require(‘./routes/users‘);

// 2. 注册var app = express()
var app = express();

// 3. 使用app.set 设置 express 内部的一些参数
// view engine setup
app.set(‘views‘, path.join(__dirname, ‘views‘));   //设置模板文件夹的路径
app.set(‘view engine‘, ‘ejs‘);   //设置视图模板为ejs

// 4. 使用app.use 来注册函数,可以简单的认为是向task的数组进行push操作
app.use(logger(‘dev‘));   //设为开发模式 输出信息
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(bodyParser.urlencoded({ extended:false }))
app.use(express.static(path.join(__dirname, ‘public‘)));   //静态资源文件夹为public

app.use(‘/‘, indexRouter);   //设置url为 /引向index路由
app.use(‘/users‘, usersRouter);   //设置url为 /user引向user路由

// catch 404 and forward to error handler 捕获404错误信息
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler 错误处理中间件
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get(‘env‘) === ‘development‘ ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render(‘error‘);
});

module.exports = app;

  

routes(index.js和user.js)

这个主要是配置完app.js之后,如何使用,主要涉及路由级中间件的使用。

# 1. index.js
var express = require(‘express‘);
var router = express.Router();

/* GET home page. */
router.get(‘/‘, function(req, res, next) {
  res.render(‘index‘, { title: ‘Express‘ });
});

module.exports = router;

# 2. users.js
var express = require(‘express‘);
var router = express.Router();

/* GET users listing. */
router.get(‘/‘, function(req, res, next) {
  res.send(‘respond with a resource‘);
});

module.exports = router;

  

一个页面的运行过程和逻辑大致分为三步,路由中间件(index.js)的书写同时中间件的模板(index.ejs)要写好、最后由app.js配置和调用路由中间件。

1.app.js配置

var indexRouter = require(‘./routes/index‘);   //注册路由的位置
var usersRouter = require(‘./routes/users‘);

app.use(‘/‘, indexRouter);   //设置url为 /引向index路由
app.use(‘/users‘, usersRouter);   //设置url为 /user引向user路由

2.routes 调用路由级中间件

# 1. index.js
var express = require(‘express‘);
var router = express.Router();

/* GET home page. */
router.get(‘/‘, function(req, res, next) {
  res.render(‘index‘, { title: ‘Express‘ });
});

module.exports = router;

# 2. users.js
var express = require(‘express‘);
var router = express.Router();

/* GET users listing. */
router.get(‘/‘, function(req, res, next) {
  res.send(‘respond with a resource‘);
});

module.exports = router;

3.views 模板渲染

# index.ejs 模板
<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

  

文章来源于:https://blog.csdn.net/u014465934/article/details/81210254

原文地址:https://www.cnblogs.com/x0815/p/12368758.html

时间: 2024-10-31 00:30:31

Express 项目结构分析的相关文章

node快速构建express项目

1.首先,到node官网,下载node安装.我的电脑是windows系统,所以下载的是windows版本的,下载完成之后,一路下一步安装就可以了.node中文网:http://nodejs.cn:node官网:https://nodejs.org/en/: 2.node安装完成之后,会自动安装npm包管理器.打开CMD,(windows系统,点击开始-->运行-->输入cmd回车):输入命令 node -v 如果输出信息,表示node安装成功;接着输入 npm -v 如果输出信息,表示npm安

Mongo基础使用,以及在Express项目中使用Mongoose

MongoDB的基本使用 MongoDB特点: 使用BSON存储数据 支持相对丰富的查询操作(相对其他nosql数据库) 支持索引 副本集(支持多个实例/多个服务器运行同个数据库) 分片(数据库水平扩展) 无模式(同个数据文档中的数据可以不一样) 部署简单方便(默认无密码,也带来安全问题) 服务的启动: mongod (此前需要安装了mongo数据库,并创建过mongodb的目录:$ mkdir -p /data/db) 启动mongodb后,可以使用mongo命令行来操作数据库,或使用Robo

Node系列——express项目搭建

1.项目环境搭建 1.1. 安装node这个不多说了. 1.2.安装express,全局安装-g npm install -g express 1.3.安装express-generator,全局安装-g express4.0之后把创建一个APP的功能分离出来为express-generator,没它你创建不了应用程序,需要全局安装-g npm install -g express-generator 1.4.创建express项目 在想要创建的项目目录下打开cmd窗口,这样就会创建如下目录文件

quick-cocos2d-x学习笔记【2】——项目结构分析、创建新场景

创建完一个新项目之后,我们可以简单的看一看这个项目的文件组成,有这么一个文件层次结构 几个proj.*文件夹就不用说了,是对应的平台的解决方案,res专门存放我们的游戏资源,scripts存放我们的lua代码,sources中有我们熟悉的AppDelegate类,我们主要常用的就两个文件夹,res和scripts(我这不是废话吗) 好吧,还是再打开scripts文件夹看下, 该文件下有main.lua,它是程序lua脚本的启动文件 function __G__TRACKBACK__(errorM

nodejs创建Express项目

Express项目 环境准备:nodejs.express npm install -g express/ npm install -g express-generator 使用WebStorm创建Express项目 创建express-generator版本选择4.14.1及以下版本创建,选择4.15创建会失败. 使用命令创建Express项目 参考: nodeJS学习(4)--- webstorm/...开发 NodeJS 项目 nodeJS入门--新建一个项目及代码详解 NodeJs--

react+express项目

1 开发环境准备(windows) 1.1 安装nodejs和npm 1) 下载nodejs安装包:http://nodejs.org/en/download/ nodejs安装时会同时安装npm 2) 安装完成后检查是否安装成功 命令行输入以下命令,查看npm和node版本:npm -vnode -v   若未安装成功可检查环境变量是否安装时自动设置成功 1.2 安装create-react-app(react官方提供的脚手架)   命令行输入:npm install -g create-re

express项目创建

npm install express-generator -g       全局安装express生成器 express -h  帮助中心 express 项目名 npm i    安装依赖 node bin/www || pm2 start bin/www   启动 端口默认3000    http://localhost:3000/ 出现下面的界面表示创建成功 如果项目有改动,要重新启动node bin/www node遵循commonjs规范:通过module.exports输出的 创建

创建express项目

nodejs下创建express项目 express介绍: Express ????是一个简单灵活的node.js Web应用框架 ????提供了各种特性和丰富的Http工具 ????可以快速搭建一个完整功能的网站 Express-generator ????Express的应用生成器 ????可以快速创建一个Express的应用骨架 安装依赖步骤 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装ex

浅谈 OneAPM 在 express 项目中的实践

[编者按]OneAPM 运营团队,近日在 github 上发现了一篇文章,特别奉献给大家.本文作者王宇先生从2015年年初就开始使用我们的产品,也是OneAPM 的忠实用户. OneAPM 是一个优秀的性能监控平台.为什么我们要使用性能监控呢? 并不是为了炫耀我有多么酷的玩具,仅仅因为我们希望在问题发生的第一时间就能知道. 在第一时间发现问题,把问题解决于无形之中,总比出了大麻烦通宵达旦加班舒服得多. 然而有的人喜欢说:「有些问题留着也不会有什么影响.」但我觉得服务端的事情, 凡是冒烟的地方,终