express-generator快速构建node后端项目

express-generator是express官方团队开发者准备的一个快速生成工具,可以非常快速的生成一个基于express开发的框架基础应用。

npm安装

npm install express-generator -g

初始化应用

express my_node_test
创建了一个名为 my_node_test 的express骨架项目
通过 Express 应用生成器创建的应用一般都有如下目录结构:
.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
	├── error.jade
	├── index.jade
	└── layout.jade
个文件含义及用途
app.js 是项目的主文件(入口文件),相当于vue项目的main.js
bin: 启动目录 里面包含了一个启动文件
bin/www 一个启动文件,配置了项目运行的端口信息 默认监听端口是 3000
package.json 包描述文件  最重要的是 依赖的模板列表 dependencies
             依赖列表里面的所有模板 可以通过 npm i / cnpm i  一次性全部安装
public:  所有的前端静态资源  html css image  js
views: 主要放置后端模板文件
routes:  放的是 路由 文件 (默认有两个),主要在这个目录下开发接口
         路由主要定义 url 和 资源 的映射关系 ( 一一对应关系 )
         主要用来接收前端发送的请求 响应数据给前端
dataBase:是我自己新增的一个文件,主要用来配置数据库账号密码和端口以及连接mysql
安装依赖
cd my_node_test
npm install  或  cnpm i  	或   npm i

启动项目

SET DEBUG=myapp:* & npm start
或者 npm start (非debug模式启动)

运行成功,控制台输出服务运行端口 3000 
myapp:server Listening on port 3000 +0ms

通过浏览器访问 :http://localhost:3000
接口的开发与引用
在项目的routes目录下写接口,app.js中引用

routes/index.js

var express = require('express');
var router = express.Router();
//引入数据库连接
var db = require('../dataBase/db')

router.get('/', function (req, res, next) {
  res.render('index', { title: 'Express' });
});
router.get('/users', function (req, res, next) {
  res.send('respond with a resource');
});

// 完整接口路径,下面可以看到结果 http://localhost:3000/demo
router.get('/demo', function (req, res, next) {
  db.query("select * from t_user",
    function (err, result) {
      if (err) {
        console.log('查询错误', err);
      } else {
        res.send({
          code: 200,
          data: result
        });
      }
    }
  )
});

module.exports = router;

数据库配置和连接

config.js

module.exports = {
  db: {
    host: "127.0.0.1",//如果是操作本地数据库,填写127.0.0.1;如果是远程服务器上的数据库填服务公网ip
    user: "root",//通常为root
    password: "xxxxx",//密码
    database: "node_test"//你所要操作的数据库的名称(是你在mysql中建立的数据库)
  }
}

db.js

const mysql = require('mysql')
const config = require('./config').db
//连接数据库
module.exports = mysql.createConnection(config)

app.js

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
//一定要在路由之前,配置cors这个中间件,从而解决接口跨域的问题
var cors = require('cors')
// 导入路由模块  -- 接口
var indexRouter = require('./routes/index');

var app = express();

app.set('views', path.join(__dirname, 'views'));  // 模板引擎的配置
app.set('view engine', 'jade');  // 模板引擎的配置  新版引擎从jade换成了pug,貌似是因为jade商标被注册了
app.use(cors())  //  中间件,解决跨域问题
app.use(logger('dev')); // 将信息打印到控制台
app.use(express.json());  // 内置的中间件,将解析的数据放到req.body中
app.use(express.urlencoded({ extended: false }));// req.body,因为我们采用了application/x-www-form-urlencoded的数据格式,
// 故我们需要采用对应解析的中间件,express为我们内置了一个express.urlencoded({extended: false})
// 如果设置为false,那么对URL-encoded的数据的解析采用querystring库
// 如果设置为true,那么采用qs库,允许将富对象和数组编码为url编码格式,允许使用url编码的json体验
app.use(cookieParser()); // 中间件,处理每一个cookie,可以获取并设置cookie  获取方式 req.cookie.xxx
app.use(express.static(path.join(__dirname, 'public')));  // 访问静态文件

// 注册路由 --接口
app.use(indexRouter);

// catch 404 and forward to error handler
app.use(function (req, res, next) {
  next(createError(404));
});
// error handler
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;

查看demo接口效果,表中4条数据全部拿到,正常

最后推荐安装nodemon插件,因为每次更改后都需要重启服务才生效,太麻烦

$ npm i -g nodemon

安装成功后记得修改package.json的配置

相关推荐
dingdingfish1 天前
关于 Oracle Database Express Edition 的功能和安装
oracle·express·database·vagrant·edition
知难行难3 天前
福昕阅读器高级版解决文件上传IEEE PDF eXpress字体未嵌入
pdf·express
ch_s_t4 天前
基于 Express+JWT + Vue 的前后端分离架构
vue.js·架构·express
caridle6 天前
教程:使用 InterBase Express 访问数据库(五):TIBTransaction
java·数据库·express
胡西风_foxww11 天前
nodejs爬虫系统
爬虫·nodejs·node·系统·express·request·cheerio
松果猿14 天前
场地污染在线计算可视化平台,获得易智瑞GIS开发竞赛C组优胜奖,内附易智瑞GIS开发竞赛与全国大学生测绘学科创新创业智能大赛提交材料。
vue·express
js_user20 天前
在 Vue 渲染模板时,如何保留模板中的 HTML 注释?
开发语言·前端·javascript·css·vue.js·html·express
瑕、疵22 天前
使用Node.js和Express构建RESTful API
node.js·restful·express
js_user24 天前
css中,我想把文章的第一行设置单独的样式
开发语言·前端·javascript·css·node.js·css3·express
傻啦嘿哟1 个月前
Plotly Express 详解:快速创建精美交互式可视化图表的最佳实践
信息可视化·plotly·express