创建数据库与数据表《 HTML5：Web SQL 》

这个视频我们可以先去创建这个应用需要的数据库，还有数据表。

先打开 script.js …

首先我们去创建一个数据库 … 可以使用 openDatabase … openDatabase("noteapp", "1.0", "一个可以记录笔记的应用", 5 * 1024 * 1024);

浏览器每次加载这个脚本文件的时候，都会试图去打开 noteapp 这个数据库 … 如果这个数据库不存在的话 … 就会去创建一个 ….

这个 openDatebase() 会返回一个对象 … 我们可以命名一下返回的这个对象 .. 这样会方便以后去使用这个对象里的东西 … 比如它的 transaction() 方法 …

// 打开数据库
var db = openDatabase("noteapp", "1.0", "一个可以记录笔记的应用", 5 * 1024 * 1024);

有了数据库并且打开以后 … 下一步要做的就是去为这个数据库创建数据表 …

创建数据表可以使用 SQL 的 CREATE TABLE … 不过我们想要执行 SQL ，需要在一个 Transaction() 里面去执行 … 这个 transaction() 是打开数据库返回来的那个对象里的一个方法 …

transaction() 就是交易的意思 … 我们可以把它想像成现实生活里的交易 … 比如你花了 10 块钱，买了二斤苹果 … 你交了钱，拿了苹果，这就算是完成了一个交易 …

如果你给了钱了，但是没拿到苹果，你肯定不干 … 如果你拿了苹果不给钱就想走人 … 卖苹果的肯定也不干 …. 所以这个交易就不会生效 …

换到数据库上面来 … 我们可以把一系列的对数据库的操作装在一个 transaction() 交易里面 …

如果说在执行这个交易里的数据操作的时候 … 出现了错误 … 这个交易就会取消 ….

创建数据表

下面我们就去创建一个 transaction() … 在这个交易里，使用 CREATE TABLE 去创建一个数据表 …

// 创建数据表
db.transaction();

它的第一个参数是一个函数 … 这里我们使用一个匿名函数 .. 就是没有名字的函数 … 把 transaction() 方法返回的一个对象交给这个函数去处理 ….

db.transaction(function(tx){});

tx 表示 transaction … 然后在这个函数里面，可以使用 tx 这个对象的 executeSql() 方法去执行 SQL …

db.transaction(function(tx) {
tx.executeSql("CREATE TABLE IF NOT EXISTS note (id INTEGER PRIMARY KEY ASC, note_content TEXT, note_date TEXT)");
});

这里我们用一个 CREATE TABLE IF NOT EXISTS note … 意思就是 … 如果 note 这个数据表不存在的话，就会去创建一个叫做 note 的数据表 …

在后面的括号里，可以定义这个数据表里的栏 .. 这个表里有三个栏 … id ， note_content , 还有 note_date …

id 是这个表的主键 … 它会自动增加 … note_content 还有 note_date 都是文本类型的内容 ….

保存一下 …

在浏览器里，打开这个应用的页面 … 因为它在 Web 服务器的发布目录里面的 websql 这个目录下面 …

localhost/websql/index.html … 可以打开这个应用的页面 … 浏览器会载入页面嵌入的 script.js 文件 … 执行里面的代码 ….

这样就会去创建或者打开 noteapp 这个数据库 … 并且如果 note 数据表不存在的话，就会为我们去创建一个 …

打开 Chrome 浏览器的开发者工具 …

Resources …. Web SQL …. 这里会有一个 noteapp 数据库 … 它的下面包含了一个 note 数据表 ….

统计