diff --git a/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.css b/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.css
index f0c8ba212d50f1fab3c6c490844c50b5af0fc49d..7ec7eabdabfed5f3abe7921d217558218ee6e07e 100755
--- a/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.css
+++ b/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.css
@@ -12,7 +12,7 @@
 .log_div {
     font-size: 20px;
     width: 100%;
-    height: 60%;
+    height: 100%;
     border-width: 0.5px;
     border-color: black;
     justify-content: flex-start;
@@ -22,13 +22,27 @@
 
 .log_text {
     font-size: 20px;
+    overflow: scroll;
+    width: 100%;
+    height: 100%;
 }
 
 .btn {
     width: 50%;
     height: 80px;
-    font-size: 30px;
-    margin-bottom: 3fp;
+    font-size: 20px;
+    margin-bottom: 8fp;
+    margin-top: 2fp;
+    margin-left: 2fp;
+    margin-right: 2fp;
+}
+
+
+.btn_bottom {
+    width: 50%;
+    height: 80px;
+    font-size: 20px;
+    margin-bottom: 1fp;
     margin-top: 2fp;
     margin-left: 2fp;
     margin-right: 2fp;
diff --git a/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.hml b/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.hml
index 5f8a7a4e88e5a232c00bef561bac72b2b89931af..34f4151b28c56bfd352aeb5edb6332671b007ecc 100755
--- a/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.hml
+++ b/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.hml
@@ -1,25 +1,29 @@
 <div class="container" onswipe="touchMove">
-    <div>
-    <input class="btn" type="button" value="注册设备监听" onclick="initDeviceMonitor"></input>
-    <input class="btn" type="button" value="打开数据库" onclick="createRdbStore"></input>
-    <input class="btn" type="button" value="创建表" onclick="createTable"></input>
+    <div class="log_div">
+        <textarea class="log_text"> {{ logText }} </textarea>
     </div>
     <div>
-    <input class="btn" type="button" value="设置同步表" onclick="setDistributedTables"></input>
-    <input class="btn" type="button" value="插入一条记录" onclick="insert"></input>
-    <input class="btn" type="button" value="查询记录" onclick="query"></input>
+        <input class="btn" type="button" value="打开数据库" onclick="createRdbStore"></input>
+        <input class="btn" type="button" value="创建表" onclick="createTable"></input>
+        <input class="btn" type="button" value="注册设备监听" onclick="initDeviceMonitor"></input>
+        <input class="btn" type="button" value="设置同步表" onclick="setDistributedTables"></input>
     </div>
     <div>
-    <input class="btn" type="button" value="跨设备查询" onclick="queryDevice"></input>
-    <input class="btn" type="button" value="订阅" onclick="subscribe"></input>
-    <input class="btn" type="button" value="取消订阅" onclick="unsubscribe"></input>
+        <input class="btn" type="button" value="新增" onclick="insert" ondoubleclick="batchInsert" ></input>
+        <input class="btn" type="button" value="删除" onclick="delete"></input>
+        <input class="btn" type="button" value="订阅" onclick="subscribe"></input>
+        <input class="btn" type="button" value="取消订阅" onclick="unsubscribe"></input>
     </div>
     <div>
-    <input class="btn" type="button" value="同步" onclick="sync"></input>
-    <input class="btn" type="button" value="清空数据" onclick="clearData"></input>
-    <input class="btn" type="button" value="清除日志" onclick="clearLog"></input>
+        <input class="btn" type="button" value="修改" onclick="update"></input>
+        <input class="btn" type="button" value="查询" onclick="query"></input>
+        <input class="btn" type="button" value="跨设备查询" onclick="queryDevice"></input>
+        <input class="btn" type="button" value="同步" onclick="sync"></input>
     </div>
-    <div class="log_div">
-        <text class="log_text"> {{ logText }} </text>
+    <div>
+        <input class="btn_bottom" type="button" value="备份" onclick="backup"></input>
+        <input class="btn_bottom" type="button" value="恢复" onclick="restore"></input>
+        <input class="btn_bottom" type="button" value="清空数据" onclick="clearData"></input>
+        <input class="btn_bottom" type="button" value="清除日志" onclick="clearLog"></input>
     </div>
 </div>
diff --git a/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.js b/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.js
index d8fe0743defccf93b88cccc8bbac3ef401573d85..f23244fe662a267b5fa96aa12804d0edb9b9bbd2 100755
--- a/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.js
+++ b/rdb/drdb_demo/entry/src/main/js/MainAbility/pages/index/index.js
@@ -5,7 +5,21 @@ import ability_featureAbility from '@ohos.ability.featureAbility'
 
 let rdbStore
 let dmInstance = null;
-let context =ability_featureAbility.getContext()
+let context = ability_featureAbility.getContext()
+const BACKUP_STORE_NAME = "distributed_rdb_bak.db"
+var nameList = ["Leila", "Ursa", "Crystal", "Rebecca", "Taylor", "Elizabeth", "Ayn", "Rosa", "Beatrice", "Tracy",
+"Emily", "Glenn", "Iris", "Sara", "Freddie", "Cindy", "Devin", "Karen", "Zillah", "Ivy", "Xena", "Aimee", "Olivia",
+"Elisabeth", "Ulrica", "Chris", "Leslie", "Felicity", "Alessandra", "Cherie", "Sonia", "Elsa", "Natasha", "Candy",
+"Kim", "Darleen", "Lillian", "Abigail", "Del", "Serena", "Candice", "Gemma", "Irene", "Rita", "Genevieve", "Nora",
+"Ivory", "Niki", "Jacky", "Betty", "Isabelle", "Ray", "Patty", "Cathy", "Tanya", "Alison", "Rachel", "Julia",
+"Julie", "Yasmine", "Susan", "Odin", "Emma", "Jessie", "Zoie", "Paula", "Carrie", "Harriet", "Christian", "Hana",
+"Charlotte", "Terry", "Leah", "Ximena", "Frederica", "Wing", "Qara", "Elaine", "Silvia", "Ella", "Francesca",
+"Janet", "Phoebe", "Holly", "Xochitl", "Urania", "Qatar", "Yolanda", "Athena", "Georgia", "Beth", "Barbie",
+"Della", "Isabella", "Wendi", "Ophelia", "Hanna", "Sarah", "Hayden", "Teresa"];
+
+function random(min, max) {
+    return Math.floor(Math.random() * (max - min)) + min;
+}
 
 export default {
     data: {
@@ -83,8 +97,8 @@ export default {
             return
         }
         const record = {
-            "name": "Jim",
-            "age": 20,
+            "name": nameList[Math.floor(Math.random() * nameList.length)],
+            "age": random(1, 100),
         }
         let promise = rdbStore.insert("employee", record)
         promise.then((rowId) => {
@@ -94,6 +108,73 @@ export default {
         })
     },
 
+    batchInsert: function () {
+        let i = 0;
+        while (i < 10) {
+            this.insert()
+            i++
+        }
+    },
+
+    delete: function () {
+        if (rdbStore == undefined) {
+            this.showLog("create or open rdb store first")
+            return
+        }
+        let result = rdbStore.querySql("select id from employee order by random() limit 1")
+        result.then((resultSet) => {
+            if (resultSet.rowCount == 0) {
+                this.showLog("No record")
+                return
+            }
+            resultSet.goToFirstRow();
+
+            let employeeId = resultSet.getLong(0);
+            let predicates = new rdb.RdbPredicates("employee")
+            predicates.equalTo("id", employeeId);
+            let promise = rdbStore.delete(predicates)
+            promise.then((rowId) => {
+                this.showLog("delete one record success id = " + employeeId)
+            }).catch(() => {
+                this.showLog("delete one record failed id = " + employeeId)
+            })
+            resultSet.close();
+        }).catch(() => {
+            this.showLog("query failed")
+        })
+    },
+
+    update: function () {
+        if (rdbStore == undefined) {
+            this.showLog("create or open rdb store first")
+            return
+        }
+        let result = rdbStore.querySql("select id from employee order by random() limit 1")
+        result.then((resultSet) => {
+            if (resultSet.rowCount == 0) {
+                this.showLog("No record")
+                return
+            }
+            resultSet.goToFirstRow();
+            let employeeId = resultSet.getLong(0);
+            const record = {
+                "name": nameList[Math.floor(Math.random() * nameList.length)],
+                "age": random(1, 100),
+            }
+            let predicates = new rdb.RdbPredicates("employee")
+            predicates.equalTo("id", employeeId);
+            let promise = rdbStore.update(record, predicates)
+            promise.then((rowId) => {
+                this.showLog("update one record success id = " + employeeId + ", name = " + record.name + ", age = " + record.age)
+            }).catch(() => {
+                this.showLog("update one record failed id = " + employeeId + ", name = " + record.name + ", age = " + record.age)
+            })
+            resultSet.close();
+        }).catch(() => {
+            this.showLog("query failed")
+        })
+    },
+
     queryByTableName: function(tableName) {
         let promise = rdbStore.querySql("SELECT * FROM " + tableName)
         promise.then((resultSet) => {
@@ -171,7 +252,25 @@ export default {
         })
     },
 
-    clearData: function() {
+    backup: function () {
+        let promiseBackup = rdbStore.backup(BACKUP_STORE_NAME)
+        promiseBackup.then(() => {
+            this.showLog("database backup success ");
+        }).catch((err) => {
+            this.showLog("backup database failed " + err);
+        })
+    },
+
+    restore: function () {
+        let promiseRestore = rdbStore.restore(BACKUP_STORE_NAME)
+        promiseRestore.then(() => {
+            this.showLog("database restore success ");
+        }).catch((err) => {
+            this.showLog("database restore failed " + err);
+        })
+    },
+
+    clearData: function () {
         let predicate = new rdb.RdbPredicates("employee");
         let promise = rdbStore.delete(predicate);
         promise.then((number) => {