NodeJs Express基本项目的创建

前言

不积硅步，无以至千里。不积小流，无以成江河。

内容主要包括创建 Express 服务器以及在 Express 服务端口上挂载自己的网页和创建 Axios API与本地 SqlServer 连接。

该文章全部代码可在这里下载拉取使用 完整示例下载地址

---

一、Express 是什么？

Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。使用您所选择的各种 HTTP 实用工具和中间件，快速方便地创建强大的 API。Express 提供精简的基本 Web 应用程序功能，而不会隐藏您了解和青睐的 Node.js 功能。许多流行的开发框架都基于 Express 构建。Express官网

初期准备

• ​ VScode - 相当于带终端的文本编辑器

• ​ Node.js - 运行在服务端的 JavaScript

• ​ 终端(CMD) 下安装 Express 框架

  $ cnpm install express --save     // 安装 Express 框架
  

二、创建 Express 框架实例

首先我们将安装好的 VScode 启动，进入终端。这样我们就能通过 npm 指令进行下列操作。

终端基本操作
	$ d:				      // 进入驱动盘 D
	$ cd ..        		  // 进入上层目录
	$ cd 文件名		  // 进入该文件夹	
	$ dir				      // 查看该路径下的文件
具体创建操作
	$ cd .\vue\NodeJs\   // 首先进入你所需要创建项目的文件夹下（输入时可用Tab自动补全）
	$ express Express    // 然后创建一个名为 Express 的文件
	$ npm install        // 如果不执行该操作就执行下方操作，会提示缺少模块，这是安装相关依赖块的指令
	$ npm start          // 通过该指令我们的 Express 服务器就正常运行在 本地3000端口 下了。（默认3000，可在bin/www文件中修改）

操作结果相关图示。

到这里我们就算完成了项目的基本搭建。

三、将自己的网页挂载在 Express 上

第一步 - 替换模板框架

到项目资源文件中views文件夹下，我们可以发现原本 Express 所支持的本地网页是 .jade 格式，而不是我们所需要的 .html 格式，所以首先第一步就需要将 app.js 文件中适配格式改为 .html。

// app.js文件
// 模版引擎替换成html
var ejs = require('ejs');
app.engine('html', ejs.__express);
app.set('view engine', 'html');

第二步 - 在 views 以及 route 文件夹下创建自己的文件并注册

首先进入views和route文件夹下，将所有文件删除，注意 error.js 文件不必删除。然后我们在相关文件下创建我们所需要的文件，其中 error.js 和 error.html 是必不可少的，不然会出现报错，创建完后应如下图所示。

自建相关文件信息如下。

// Login.js文件
var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
    res.render('Login', { title: 'Login' });
});

module.exports = router;

// Login.Html文件即是普通网页文件，不予展示

第三步 - 注册路由

// 导入页面路由
var Login_Page = require('./routes/Login');
var Error_Page = require('./routes/error');

// 设置页面路由
app.use('/', Login_Page);    // 直接将登录页面放置主页展示
app.use('/error', Error_Page);

第四步 - 配置完成测试

 // CMD终端 由于使用了 ejs，所以首先需要添加 ejs依赖
 $ npm install ejs --save
 $ npm start

四、Axios 访问本地SqlServer数据库

第一步 - 导入模块

// 终端CMD 
$ npm install axios --save
$ npm install mssql --save

第二步 - Axios注册使用

// app.js文件
// axios跨域配置
app.all('*',function(req,res,next){
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By", ' 3.2.1');
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
})

// axios get API
app.get('/a', async function(req,res){
  res.send([]);
})

// axios post API
app.post('/b', async function(req,res){
  res.send([]);
})

// axios_fun文件
// 这是自建封装axios的请求类
// post请求
function axios_post(url,data) {
    let result = axios({
		method: 'post',
		url:url,
		data:data,
		headers: { "content-type": "application/x-www-form-urlencoded" }
    }).then(resp=> {
        return resp.data;
    }).catch(error=>{
        return "exception="+error;
    });
    return result;
}
 
// get请求
function axios_get(url,data) {
    var result = axios({
        method: 'get',
        url: url,
		params:data
    }).then(function (resp) {
        return resp.data;
    }).catch(function (error) {
        return "exception=" + error;
    });
    return result;
}

// 使用方式
axios_get('http://127.0.0.1:3000/a').then(result=>{
    console.log(result);
});

axios_post('http://127.0.0.1:3000/b').then(result=>{
    console.log(result);
});

第三步 - SqlServer注册使用

// app.js文件
// 自定义sql类导入
var db = require('./sql');

app.get('/c', async function(req,res){
  sql_word = "select * from user_table";     // sql语句按需输入
  db.sql(sql_word ,function(err,rus){
    if(err) {
        console.log(err);
        return ;
    }
    if(rus.recordset[0] == null) return ;
    res.send(rus.recordset);
  })
})

// sql文件
// 这里数据库的配置就不多介绍，需开启远程连接以及启动TCP/IP1433端口
var mssql = require('mssql');    // 导入 mssql 文件
var db = {};  // db对象
var config = {  
  user: 'sa',      // 数据库用户名，需按需修改
  password: '123456',     // 数据库用户密码，需按需修改
  server: '127.0.0.1',   
  database: 'goooo',    // 数据库库名
  port:1433,  
  options: {  
    encrypt: false // Use this if you're on Windows Azure  
  },  
  pool: {  
    min: 0,  
    max: 20,  
    idleTimeoutMillis: 3000  
  }  
};  

//执行sql,返回数据.  
db.sql = function (sql, callBack) {  
  var connection = new mssql.ConnectionPool(config, function (err) {  
    if (err) {  
      console.log(err);  
      return;  
    }  

    var ps = new mssql.PreparedStatement(connection);  

    ps.prepare(sql, function (err) {  
      if (err){  
        console.log(err);  
        return;  
      }  

      ps.execute('', function (err, result) {  
        if (err){  
          console.log(err);  
          return;  
        }  

        ps.unprepare(function (err) {  
          if (err){  
            console.log(err);  
            callback(err,null);  
            return;  
          }  
            callBack(err, result);  
        });  
      });  
    });  
  });  
};  

module.exports = db;

第四步 - 配置完成测试

---

完成，整体基于个人理解，有什么不足，望大佬指教，及时更正！！