express搭建后台

基础项目搭建
1、全局安装express以及脚手架工具
　　npm install express -g
　　npm install express-generator -g

2、cd到想要建立文件夹的上一层文件夹，express会创建一个文件夹 ‘项目名称’。运行
　　express '项目名称'

 

　　会出现除了node_modules之外的项目结构
3、执行npm install 安装依赖包 node_modules会自动出现的（新手看，大佬自动屏蔽这个东西）

　　执行npm install mysql 安装MySQL

4、在/bin/www文件下查看配置文件
5、npm start 启动项目 默认情况下localhost:3000为访问入口

项目配置信息自定义
　　这个完成自定义之后的文件夹结构(基本完整的结构)

 　　1、bin/www文件中可以设置服务相关，域名端口等

#!/usr/bin/env node

/**
 * Module dependencies.
 */

var app = require('../app');
var debug = require('debug')('node-serve:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

var port = normalizePort(process.env.PORT || '9527');
//改变成自己电脑上的IP地址，也可以不用这个地方，只是为了好看
var domain = '192.168.171.145'



app.set('port', port);

/**
 * Create HTTP server.
 */

var server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */

// server.listen(port);

server.listen(port, domain, () => {
  console.log(server.address());
  let host = server.address().address;
  let port = server.address().port;
  console.log("应用实例，访问地址为 http://%s:%s", host, port)
});



server.on('error', onError);
server.on('listening', onListening);

/**
 * Normalize a port into a number, string, or false.
 */

function normalizePort(val) {
  var port = parseInt(val, 10);

  if (isNaN(port)) {
    // named pipe
    return val;
  }

  if (port >= 0) {
    // port number
    return port;
  }

  return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

function onError(error) {
  if (error.syscall !== 'listen') {
    throw error;
  }

  var bind = typeof port === 'string'
    ? 'Pipe ' + port
    : 'Port ' + port;

  // handle specific listen errors with friendly messages
  switch (error.code) {
    case 'EACCES':
      console.error(bind + ' requires elevated privileges');
      process.exit(1);
      break;
    case 'EADDRINUSE':
      console.error(bind + ' is already in use');
      process.exit(1);
      break;
    default:
      throw error;
  }
}

/**
 * Event listener for HTTP server "listening" event.
 */

function onListening() {
  var addr = server.address();
  var bind = typeof addr === 'string'
    ? 'pipe ' + addr
    : 'port ' + addr.port;
  debug('Listening on ' + bind);
}

　　2、根目录下创建config文件夹，里面创建mysqlConfig.js文件，配置数据库连接相关

const mysql = require('mysql')
// import mysql from 'mysql';
const mysql_config = {
  connectionLimit: 10, // 最大连接数
  host: '127.0.0.1', // 本地搭建则本机ip,远程服务器则远程服务器ip 
  post: '3306',
  user: 'root', // mysql 账户
  password: 'root123', // mysql 密码
  database: 'management_system' // 要操作的数据库// 这里等数据库创建之后放开就可以
};
const pool = mysql.createConnection(mysql_config);
pool.connect((err) => {
  if (err) throw err
  console.log('database connect success...')
})

// let sql = 'select * from sys_menu';
// pool.query(sql, (err, result) => {
//   if (err) throw err
//   console.log(result)
// })

module.exports = {
  pool
}

　　3、创建service文件夹
　　　　文件夹中可以创建sql文件夹用来存放sql文件，毕竟当sql语句很多的时候统一存放方便迭代
　　　　创建serviceDao文件夹用来存放各自业务相关的逻辑代码
　　　　比如查询菜单信息的接口 menuService.js

const { pool } = require('../../config/mysqlConfig')
module.exports = {
  query: function (params, callback) {
    let sql = 'select * from sys_menu';
    pool.query(sql, (err, result) => {
      if (err) throw err
      callback(result);
    })
  }
}

　　4、在route文件夹下创建需要的接口访问，举例：和菜单相关的放在新创建的menu.js文件里

const express = require('express');
const router = express.Router();
const { query } = require('../service/serviceDao/menuServe')

router.get('/getMenuList', (req, res, next) => {
  let params = req.query
  query(params, function (success) {
    res.json({
      code: 200,
      data: success
    })
  })
})

module.exports = router

 

　　

　　5、在app.js文件中引用相关配置信息
　　　　1）mysqlConfig文件引入

　　　　 require('./config/mysqlConfig') 

　　　　2）业务代码引入

　　　　 var menuRouter = require('./routes/menu') 

　　　　 2 app.use('/menu', menuRouter) 

　　　　3）能做的自定义处理很多，到这里基本上就完成了必须的自定义

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');

require('./config/mysqlConfig')

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());


//配置项目启动的时候加载的静态文件位置
// app.use(express.static(path.join(__dirname, 'test')));
app.use(express.static(path.join(__dirname, 'testDemo')));


//配置从vue中打包过来的前端项目
// const fs = require('fs')
// app.get('*', function (req, res) {
//   const html = fs.readFileSync(path.resolve(__dirname, './test/index.html'), 'utf-8')
//   res.send(html)
// })


var meuuRouter = require('./routes/menu')
app.use('/menu', meuuRouter)





// app.use('/', indexRouter);
// app.use('/users', usersRouter);

// 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) {
  // 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;

　　6、运行npm start 启动项目
　　　　在地址栏输入对应接口的路径就能访问数据库里面的信息了
　　　　比如 http://192.168.2.82:9527/menu/getMenuList
　　　　需要注意的是因为编写的时候用路由将不同业务分开了，因此在地址栏里面访问接口的时候需要加上路由信息

　　　　geMenuList是获取所有菜单信息的接口，因此访问的时候在地址栏加上路由信息之后应该是 menu/getMenuList

 

结合vue项目打包之后发布
　　npm run build 之后生成静态文件包
　　1、将包放在node服务根目录下
　　2、在app.js中配置项目启动的时候读取的页面信息

//配置项目启动的时候加载的静态文件位置
// app.use(express.static(path.join(__dirname, 'test')));
app.use(express.static(path.join(__dirname, 'testDemo')));

 

　　此时设置读取vue打包过来的包
　　3、也可以直接不做设置直接将vue包里面的文件放到原来有的pubic文件夹下
　　4、npm start就行了
　　5、访问的时候访问的是服务器上的域名端口哦