搭建express框架

express创建项目与vue差不多，两者都有脚手架。

1.全局安装Express及express-generator（express的脚手架）

命令：npm install  -g express，npm install -g express-generator

2.初始化一个Express应用

命令：express express-app（其中express-app为项目名称）

初始化后的项目目录结构：

 

目录结构简介：

• app.js 应用的初始化文件，包括引入应用程序的基础依赖项、设置视图即view的引擎目录以及模板、设置静态资源路径、配置通用的中间件、引入路由和一些错误处理中间件等。
• package.json 应用的配置文件，文件内包含程序的基础信息、启动脚本和依赖包等。
• bin/www 应用的启动文件，文件内包含引用要启动的应用、设置应用监听的端口和启动http服务等。
• public/** 应用的静态资源文件目录，该目录下的文件资源不需要经过文件映射就可以直接访问。
• routes/** 应用的路由文件，这些路由文件中设置的接口最终会以指定的HTTP请求方式暴露给用户，并在用户请求之后将结果返回。
• views 应用的视图文件，在app.js中设置好视图引擎和模板之后，该目录即为应用视图的根目录，然后路由文件就会根据app.js中的设置加载并渲染该目录下的视图文件。

 

3.启动应用

安装应用的依赖包命令：npm install

启动程序命令：npm start 或 node bin/www 

启动后，用浏览器访问：localhost:3000（默认启动端口为3000），可以看到如下页面：

 

 1.首先新建一个js文件，用来封装操作数据库得函数

let mysql = require("mysql");
let options = {
  host:"localhost",
  port:"3306",
  user:"root",
  password:"123",
  database:"hmy"
}
// 创建数据库连接
let con = mysql.createConnection(options)

// 建立连接
con.connect((err)=>{
  // 如果失败的操作
  if(err){
    console.log("连接数据库失败");
  }else{
    console.log("数据库连接成功！")
  }
})
// 封装查询数据库的内容，返回promise
function sqlQuery(strSql,arr){
  return new Promise((resolve,reject) => {
    con.query(strSql,arr,(err,results) => {
      if(err){
        reject(err);
      }else{
        resolve(results)
      }
    })
  })
}
// 导出函数
module.exports = sqlQuery;

 

2.在app.js中的代码配置

let sqlQuery = require("./mysql/mysql");
let express = require("express")
let options = {
  host:"localhost",
  port:"3306",
  user:"root",
  password:"123",
  database:"hmy"
}

let app = express()
app.get('/',(req,res) => {
  // 返回数据库前30条数据
  let strSql = "select * from  onepice limit 0,30";
  let result = sqlQuery(strSql);
  console.log(result);
  res.send("首页")
})
app.get('/person/:id',(req,res) => {
  
})

// 导出
module.exports = app;

　　

 

 

 把res.send换为return res.jsonp(result);就可以发送json数据

3.根据所查寻得内容返回后台数据：

 

app.get('/person/:id',async(req,res) => {
  let strSql = "select * from onepice where id = ? ";
  let id = req.params.id;
  // 把sql语句传入，并且传入占位符的参数
  let results = await sqlQuery(strSql ,[id]);
  //查询到的数据数组化，并返回json数据
  res.json(Array.from(results))
})