Node.js 连接 MySql 渲染页面

11 篇文章 0 订阅
4 篇文章 0 订阅

nodejs获取mysql数据

  1. 创建一个connection
  2. 连接connection
  3. 执行SQL语句,获取数据
  4. 关闭connection
var mysql  = require('mysql');  //调用MySQL模块

//1. 创建一个connection
var connection = mysql.createConnection({
    host     : 'localhost',             //主机
    user     : 'root',                  //MySQL认证用户名
    password : '123456'         //MySQL认证用户密码
});
//2. 连接connection
connection.connect();
//3. 执行SQL语句
connection.query('SELECT 1 + 1 AS solution', function(err, data) {
   if(err){throw err;}
   return JSON.parse(JSON.stringify(data));
});
//4. 关闭connection
connection.end();

将mysql数据渲染到页面

//3. 执行SQL语句 -- 封装查找的方法
    findData(sql, callback) {
        createConnect((collection) => {
            collection.query(sql, (err, data) => {
                if (err) {
                    throw err;
                }
                callback(JSON.parse(JSON.stringify(data)));
                collection.end();
            });
        });
    }
//4. 异步 调用findData
//返回promise对象,根据sql语句返回数据
let moduleData = (sql) => {
    return new Promise((resolve, reject) => {
        try {
            findData(sql, (data) => {
                resolve(data);
            });
        }
        catch (e) {reject(e);}
    });
}   
// 5. 封装查找方法
   findTitle(){
        let sql="select * from navTitle";/*根据需求改变*/
         return moduleData(sql);//返回数据
    } 
//6. 路由调用
    //全局守卫调用 返回数据
 let Router = express.Router();
 Router.all("*", (req, res, next) => {   
     let fun = async () => {
        let navTitle = await findTitle(); //接受数据
        return {navTitle}
    }
        fun().then((result) => {
        res.locals.navTitle = result.navTitle;//存储到全局数据res.locals
        next();
    }).catch((error) => {        
        next(error);//如果有错误  直接到错误中间件
    });
}  
	//首页调用
Router.get("/", (req, res) => {
    res.render("index", { //返回数据
        topNav: res.locals.navTitle
    }, (err, html) => {
        res.send(html);
    });
});	  
  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后端分离是一种开发模式,它将前端和后端的开发分离,前端主要负责用户界面的展示和交互,后端主要负责数据的处理和存储。Vue2、Node.jsMySQL可以结合使用来实现前后端分离。 首先,我们可以使用Vue2作为前端框架,通过它来开发用户界面。Vue2提供了一套响应式的数据绑定和组件化的架构,使得前端开发更加高效和灵活。我们可以使用Vue的官方脚手架工具vue-cli来快速搭建项目的基础结构。 其次,Node.js可以用作后端技术,作为一个基于事件驱动的服务器端JavaScript运行环境,它提供了丰富的模块和工具,使得后端开发更加便捷。我们可以使用Express框架来构建Node.js的后端应用,通过定义路由和处理请求,与前端进行数据的交互。 最后,MySQL是一个开源的关系型数据库管理系统,它可以存储和管理数据。我们可以使用Node.jsmysql库来连接和操作MySQL数据库,通过编写SQL语句来实现数据的增删改查。 在实际开发,前端通过Ajax或者Axios等工具向后端发送请求,后端接收请求后,通过与MySQL数据库的交互来获取或处理数据,并将结果返回给前端。前端通过Vue2的数据绑定和渲染机制,将后端返回的数据展示在用户界面上。 通过Vue2、Node.jsMySQL的组合,我们可以实现一个完整的前后端分离的应用程序。Vue2提供了优秀的用户界面,Node.js作为后端技术提供了强大的功能和灵活性,MySQL作为数据库管理系统提供了数据的存储和管理。这样的开发模式可以提高开发效率和代码的维护性,同时也能够实现更好的用户体验和性能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值