2024.10.18-10.28 微信小程序开发(借助node.js连接mysql数据库)

微信小程序与本地MySQL数据库通信_微信小程序连接mysql数据库-CSDN博客

MySql命令行窗口操作_mysql 代码窗口-CSDN博客

微信小程序 Node连接本地MYSQL_怎么查看数据库密码-CSDN博客

微信小程序连接MySQL数据库_微信小程序开发连接mysql非本地数据库-CSDN博客

根据上述博客下载node.js,要下载长期稳定版


mysql workbench 上面命令行看mysql

以下是通过命令行看我电脑上的数据库(目前是mysql-8.0.37那个版本)(这个图片还是8.0版本时候截取的,实际上现在用的mysql是5.0版本)

我的图形化界面插件如下:

目前还没弄明白连接本地数据库T-T

不过没关系,我先做静态的页面,这个部分慢慢探索。


一直报错原因:

微信小程序node连接mysql数据库_微信小程序本地数据库连接-CSDN博客(在这篇博文获得灵感)

8.0版本的加密方法node.js还不支持

最快速的方法就是卸载掉mysql,安装5.0版本,就可以成功连接了!!!

mysql5.0安装过程看这篇博文:MySQL5.0-win64安装过程_mysql5.0 64位-CSDN博客


server.js代码如下:

javascript 复制代码
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const mysql = require('mysql');

app.use(bodyParser.json()); // 解析JSON请求体

// 创建数据库连接池
const pool  = mysql.createPool({
  host: 'localhost',
  user: 'root',
  password: '123456',
  database: 'englishapp'
});

// 处理GET请求的根路径,查询数据库并返回结果,显然为了请求的通用性,则我的查询语句由小程序端完整生成,服务端只负责查询语句的中转
app.get('/', (req, res) => {

  pool.query(req.query.query, (error, results, fields) => {
    if (error) {
      console.error(error);
      return res.status(500).send('Internal Server Error');
    }
    res.json(results); // 返回查询结果
  });
});

// 处理POST请求,用于数据写入
app.post('/', (req, res) => {
    const { table, columns, values } = req.body; // 从请求体获取数据
  
    // 构建SQL插入语句
    const placeholders = columns.map(() => '?'); // 原数组映射为新数组,新数组的每个元素均为问号,使用问号作为占位符
    const sql = `INSERT INTO \`${table}\` (${columns.join(', ')}) VALUES (${placeholders.join(', ')})`;
  
    // 执行SQL插入语句
    pool.query(sql, values, (error, results, fields) => {
    // 返回插入错误的信息
      if (error) {
        console.error(error);
        return res.status(500).send('Database error');
      }
    //   返回提示信息
      res.status(201).json({ message: 'Data inserted successfully', insertId: results.insertId });
    });
  });

// 启动服务器监听3000端口,并打印启动信息
app.listen(3000, () => {
  console.log('Server running at http://127.0.0.1:3000');
});

register界面的register.js文件代码onLoad()如下:

javascript 复制代码
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    /**
     * 生命周期函数--监听页面加载
     */
    wx.request({
        url: 'http://127.0.0.1:3000/',
        method: "get",
        data: {
          query: "select * from users"
        },
        success: function (res) {
          console.log(res.data)
        }
    });
  }

每次都要在命令行打开server.js

javascript 复制代码
node server.js

一、搭建HTTP服务器

1.1 首先安装好Node.js

https://nodejs.org/en

打开上面网址你就可以看到下载按钮了,下载exe安装包后直接安装即可。

1.2 创建服务器的专属文件夹

在磁盘的任何位置随便创建一个吧(建议不要在C盘),比如我创建的文件夹路径:

D:\WeChatCourse\APP1\EnglishAPP\NodeMysql

1.3 安装依赖项

打开控制台,进入上面创建的文件夹目录,然后依次运行以下命令:

初始化服务器

npm init -y

安装Express框架,用于快速创建HTTP服务器

npm install express --save

安装nodemon监控文件修改

npm install nodemon -g

安装mysql的软件包

npm install mysql --save

上述这些依赖的安装速度可能并不快,因此需要读者有足够的耐心等待。

相关推荐
海阔天空668836 分钟前
微信小程序添加水印功能
微信小程序·canvas·水印
流***陌1 小时前
淘宝一番赏抽赏小程序:开启趣味抽赏新体验
小程序
说私域1 小时前
开源链动2+1模式AI智能名片S2B2C商城小程序在竞争激烈的中低端面膜服装行业中的应用与策略
大数据·人工智能·小程序
_AaronWong2 小时前
一键搞定UniApp WiFi连接!这个Vue 3 Hook让你少走弯路
前端·微信小程序·uni-app
陈陈小白2 小时前
小程序如何接入火山引擎埋点数据
小程序·火山引擎
星光一影2 小时前
Java版小区物业管理系统/业主端/物业端/管理端/支持公众号、小程序、app
java·大数据·小程序
2501_9159090610 小时前
tcpdump 抓包数据分析实战,命令、过滤、常见故障定位与真机补充流程
网络·测试工具·ios·小程序·uni-app·iphone·tcpdump
赵庆明老师15 小时前
Uniapp微信小程序开发:微信小程序支付功能后台代码
微信小程序·小程序·uni-app
00后程序员张17 小时前
tcpdump 抓包分析,命令、过滤技巧、常见症状定位与移动真机补充方案
网络·测试工具·ios·小程序·uni-app·iphone·tcpdump
会点法律的程序员20 小时前
小程序 地理位置授权怎么搞
前端·小程序·uni-app