Electron+TypeScript+Vue+Vite:SQLite增删改查操作详解

作者:十万个为什么2024.01.22 06:13浏览量:7

简介:本文将深入探讨在Electron+TypeScript+Vue+Vite的桌面应用框架中如何实现SQLite数据库的增删改查操作。我们将逐步讲解如何连接数据库、创建表、插入数据、查询数据、更新数据和删除数据,旨在为开发者提供实用的解决方案和代码示例。

千帆应用开发平台“智能体Pro”全新上线 限时免费体验

面向慢思考场景,支持低代码配置的方式创建“智能体Pro”应用

立即体验

在Electron+TypeScript+Vue+Vite的桌面应用框架中,SQLite是一个常用的轻量级数据库。下面我们将详细介绍如何在该框架中进行SQLite的增删改查操作。
一、准备工作
首先,确保你的项目中已经安装了electron-buildersqlite3库。你可以通过以下命令进行安装:

  1. npm install electron-builder sqlite3

二、连接数据库
在Electron应用中,我们可以通过electron.dialog模块来获取用户选择的文件路径,然后使用该路径来创建SQLite数据库连接。以下是一个简单的示例:

  1. import { dialog } from 'electron';
  2. import { SQLite } from 'sqlite3';
  3. const db = new SQLite('./path/to/database.db', (err) => {
  4. if (err) {
  5. console.error(err);
  6. } else {
  7. console.log('Database connected successfully');
  8. }
  9. });

三、创建表
连接数据库后,我们可以使用SQL语句来创建表。以下是一个创建名为users的表的示例:

  1. db.serialize(() => {
  2. db.run('CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY, name TEXT, age INTEGER)');
  3. });

四、插入数据
要插入数据,我们可以使用INSERT INTO语句。以下是一个插入数据的示例:

  1. const user = { name: 'John Doe', age: 30 };
  2. db.run('INSERT INTO users (name, age) VALUES (?, ?)', [user.name, user.age], (err) => {
  3. if (err) {
  4. console.error(err);
  5. } else {
  6. console.log('Data inserted successfully');
  7. }
  8. });

五、查询数据
查询数据可以通过SELECT语句实现。以下是一个查询所有数据的示例:

  1. db.all('SELECT * FROM users', [], (err, rows) => {
  2. if (err) {
  3. console.error(err);
  4. } else {
  5. console.log('Data retrieved successfully:', rows);
  6. }
  7. });

六、更新数据
要更新数据,我们可以使用UPDATE语句。以下是一个更新特定数据的示例:

  1. const userId = 1; // 假设要更新的用户ID为1
  2. const updatedUser = { name: 'Jane Doe', age: 35 }; // 更新的用户信息
  3. db.run('UPDATE users SET name=?, age=? WHERE id=?', [updatedUser.name, updatedUser.age, userId], (err) => {
  4. if (err) {
  5. console.error(err);
  6. } else {
  7. console.log('Data updated successfully');
  8. }
  9. });
article bottom image

相关文章推荐

发表评论