前端可学的 SQLite 数据库基础
2024.01.22 04:50浏览量:9简介:SQLite 是一种轻量级的关系型数据库,适合在前端环境中使用。本文将介绍 SQLite 的基本概念、安装和使用方法,以及如何与前端代码进行交互。通过本文的学习,你将掌握 SQLite 数据库的基本操作,并将其应用到前端开发中。
千帆应用开发平台“智能体Pro”全新上线 限时免费体验
面向慢思考场景,支持低代码配置的方式创建“智能体Pro”应用
SQLite 是一个轻量级的关系型数据库,它具有简单、高效、可嵌入到各种应用程序中的特点。由于其零配置、自包含的特性,使得 SQLite 在前端开发中得到了广泛的应用。本文将介绍 SQLite 的基本概念、安装和使用方法,以及如何与前端代码进行交互。
一、基本概念
SQLite 是一个嵌入式数据库引擎,它实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。这意味着 SQLite 不需要独立的服务器进程或系统配置,可以轻松地嵌入到应用程序中。SQLite 支持标准 SQL 查询语言,提供了高效的数据检索和操作功能。
二、安装和使用
- 安装 SQLite
在大多数操作系统中,SQLite 已经预装或可通过包管理器轻松安装。对于 Windows 用户,SQLite 通常包含在操作系统中或可通过官方网站下载。对于 macOS 和 Linux 用户,可以使用包管理器(如 apt、yum)进行安装。 - 创建数据库和表
使用以下命令创建一个名为 “mydatabase.db” 的数据库:
接下来,可以使用 SQL 语句创建表。例如,创建一个名为 “users” 的表,包含 “id” 和 “name” 两个字段:sqlite3 mydatabase.db
CREATE TABLE users (id INTEGER PRIMARY KEY, name TEXT);
- 插入数据
使用 INSERT INTO 语句向表中插入数据:INSERT INTO users (name) VALUES ('John');
INSERT INTO users (name) VALUES ('Jane');
- 查询数据
使用 SELECT 语句查询数据:
这将返回所有用户数据。SELECT * FROM users;
- 更新和删除数据
使用 UPDATE 和 DELETE 语句更新和删除数据:
三、与前端代码的交互UPDATE users SET name = 'Tom' WHERE id = 1;
DELETE FROM users WHERE id = 2;
在前端代码中,可以使用各种库和工具来与 SQLite 进行交互。其中一种流行的库是 Dexie.js,它提供了一个简单而强大的 API 来操作 SQLite 数据库。Dexie.js 支持现代浏览器和 Node.js 环境。以下是使用 Dexie.js 与 SQLite 进行交互的示例: - 安装 Dexie.js:通过 npm 或 yarn 安装 Dexie.js。例如,使用 npm:
npm install dexie
。 - 创建数据库和表:使用 Dexie.js 的 API 创建数据库和表。例如:
var db = new Dexie('mydatabase');
db.version(1).stores({ users: '++id, name' }); // 使用 Dexie.js 的语法定义表结构
- 插入数据:使用 Dexie.js 的 API 插入数据:
db.users.add({ name: 'John' }); // 插入数据到 users 表
- 查询数据:使用 Dexie.js 的 API 查询数据:
db.users.toArray(function(users) { // 查询 users 表中的所有数据并返回结果数组
console.log(users); // 打印结果数组到控制台
});

发表评论
登录后可评论,请前往 登录 或 注册