给我建立一个websql的数据库,名为loginDB
时间: 2024-03-22 10:40:29 浏览: 12
很抱歉,由于 Web SQL API 已经被废弃,我无法为您创建一个 Web SQL 数据库。但是,我可以为您提供一个 IndexedDB 数据库的代码示例,您可以使用它来创建一个名为 "loginDB" 的 IndexedDB 数据库:
```javascript
// 打开或创建名为 loginDB 的 IndexedDB 数据库
const request = indexedDB.open('loginDB', 1);
// 定义数据库结构
request.onupgradeneeded = event => {
const db = event.target.result;
const objectStore = db.createObjectStore('users', { keyPath: 'id' }); // 创建一个名为 users 的对象仓库
objectStore.createIndex('username', 'username', { unique: true }); // 在 users 中创建一个名为 username 的索引
};
// 监听打开数据库的成功事件
request.onsuccess = event => {
const db = event.target.result;
console.log('loginDB 数据库已经打开或创建成功!');
// 在 users 对象仓库中插入一条用户记录
const transaction = db.transaction(['users'], 'readwrite');
const objectStore = transaction.objectStore('users');
objectStore.put({ id: 1, username: 'admin', password: '123456' });
transaction.oncomplete = () => {
console.log('用户记录已经插入到 loginDB 数据库中!');
};
};
// 监听打开数据库的失败事件
request.onerror = event => {
console.log('打开或创建 loginDB 数据库失败!', event.target.error);
};
```
上面的代码中,我们使用 `indexedDB.open()` 方法来打开或创建名为 "loginDB" 的 IndexedDB 数据库。在 `onupgradeneeded` 事件处理程序中,我们定义了数据库的结构,创建了一个名为 "users" 的对象仓库,并在其中创建了一个名为 "username" 的索引。在 `onsuccess` 事件处理程序中,我们使用 `transaction` 对象来控制数据库操作,向 "users" 对象仓库中插入了一条用户记录。在 `onerror` 事件处理程序中,我们处理了打开或创建数据库失败的情况。