ローカル データベースは HTML5 の新機能ですか?

ローカル データベースは html5 の新機能です。 HTML5 はブラウザ側のデータベース サポートを提供し、開発者が JS API を介してブラウザ側でローカル データベースを直接作成できるようにし、標準 SQL CRUD 操作をサポートすることで、オフライン Web アプリケーションが構造化データをより便利に保存できるようにします。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

Html5 は強力な localStorage と sessionStorage を提供していますが、どちらも単純なデータ構造を保存するためのデータしか提供できず、複雑な Web アプリケーション データには無力です。驚くべきことに、Html5 はブラウザー側でデータベース サポートを提供し、JS API を介してブラウザー側でローカル データベースを直接作成できるようにし、標準 SQL CRUD 操作をサポートして、オフライン Web アプリケーションで構造を保存するのがより便利になることです。 。次に、関連するAPIとローカルデータの利用方法について紹介します。

ローカル データベースを操作するための最も基本的な手順は次のとおりです。

• 最初の手順: openDatabase メソッド: データベースにアクセスするためのオブジェクトを作成します。
• ステップ 2: 最初のステップで作成したデータベース アクセス オブジェクトを使用して、トランザクション メソッドを実行します。このメソッドを通じて、トランザクションを正常に開始するためのイベント応答メソッドを設定できます。イベント応答メソッドでは、次のことができます。 SQL の実行.
• ステップ 3:executeSql メソッドを使用してクエリを実行します。もちろん、クエリは CRUD にすることもできます。

次に、パラメータと関連メソッドの使用法を紹介します。

(1) openDatabase メソッド:

//Demo：获取或者创建一个数据库，如果数据库不存在那么创建之
var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });

openDatabase メソッドは、既存のデータベースを開きます。データベースが存在しない場合は、データベースを作成することもできます。いくつかのパラメータの意味は次のとおりです:

• 1、データベース名。
• 2. データベースのバージョン番号。現在は 1.0 で十分です。もちろん、入力する必要はありません。
• 3. データベースの説明。
• 4、割り当てられるデータベースのサイズを設定します(単位はkb)。
• 5、コールバック関数(省略可能)。
• 初回呼び出し時にデータベースを作成し、接続を確立します。

(2) db.transaction メソッドはコールバック関数を設定でき、この関数は開始したトランザクションのオブジェクトであるパラメータを受け取ることができます。その後、このオブジェクトを通じて SQL スクリプトを実行できます。これを次の手順と組み合わせることができます。

(3)executeSql メソッドを使用してクエリを実行します。

ts.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

パラメータの説明:

• qlQuery: 特に実行する必要がある SQL ステートメント (作成、選択、更新、削除など);
• value1,value2 ..] : SQL ステートメントで使用されるすべてのパラメーターの配列。executeSql メソッドでは、まず s> ステートメントで使用されるパラメーターを「?」に置き換えてから、これらのパラメーターの配列を形成して、 2 番目のパラメータ。
• ataHandler: 実行が成功したときに呼び出されるコールバック関数。クエリ結果セットを取得できます。
• 4、errorHandler: 実行が失敗したときに呼び出されるコールバック関数。

以下は包括的な例です。ご覧ください:

 
    


    
        

            

                
用户名：
                

            
               

                
标题：
                

            
            

                
留言：
                

            
        
        
        

        
        
    

実行結果は図に示すとおりです:

関連する推奨事項:「html ビデオ チュートリアル>>

以上がローカル データベースは HTML5 の新機能ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。