java - 如何设置并显示本地数据库中的另一个字段？

Question

我正在尝试示例待办事项应用程序，我在 ionic 中下载了该示例，并且尝试它正在工作，并且我确实在 newTask.html 中添加了另一个文件，并添加到本地数据库中，与之前的值相同，但它是不工作你能帮我如何在本地数据库中添加另一个文件并在列表 html 文件中获取结果....

NewTask.html
------------
<div class="modal" ng-controller="newTaskCtrl">
    <ion-header-bar class="bar-stable">
        <h1 class="title">Add New Task</h1>
        <button class="button button-clear button-positive" ng-click="closeNewTask()">Cancel</button>
    </ion-header-bar>

    <ion-content>
        <form ng-submit="createTask(task)">
            <div class="list">
                <!--label class="item item-input">
                    <input type="text" placeholder="Title What do you need to do?" ng-model="task.title">
                </label-->

                 <label class="item item-input item-stacked-label">
                    <span class="input-label">Title</span>
                    <input type="text" placeholder="What do you need to do?" ng-model="task.title">
                     <span class="input-label">Lasr Name</span>
                    <input type="text" placeholder="Firstname?" ng-model="task.firstname">
                </label>
                <!--div class="row">
                <label class="col">
                    <input type="" ng-model="time">
                </label>
                <label class="col">
                    <input type="text" placeholder="End?" >
                </label>
                    </div-->
            </div>
            <div class="padding">
                <button type="submit" class="button button-block button-positive">Create Task</button>
            </div>
        </form>
    </ion-content>
</div>

NewTaskCtrl.js
-------------------
todoApp.controller('newTaskCtrl', function($scope, $ionicModal, $ionicPopup, SQLService) {
    // Called when the form is submitted

    $scope.createTask = function(task) {
    SQLService.set(task.title,task.firstname);
    $scope.loadTask();
    $scope.taskModal.hide();
    task.title = "";
    task.firstname = "";
  };


SQLService.js
------------------


todoApp.factory("SQLService", function ($q) {

    var db;
    var task='';
    var deltask;

    function createDB() {
        try {
            db = window.openDatabase("todoDB", "1.0", "ToDoApp", 10*1024*1024);
            db.transaction(function(tx){
                tx.executeSql("CREATE TABLE IF NOT EXISTS tasks (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, title VARCHAR(100), firstname VARCHAR(100) )",[]);
            });
        } catch (err) {
            alert("Error processing SQL: " + err);
        }
        console.log('database created');
    }

    function setTasks(title,firstname){
        return promisedQuery("INSERT INTO tasks(title,firstname) VALUES ('" + title + "','" + firstname + "')", defaultResultHandler, defaultErrorHandler);
    }
     function getTasks(){
        return promisedQuery('SELECT * FROM tasks', defaultResultHandler, defaultErrorHandler);
    }

    function defaultResultHandler(deferred) {
      return function(tx, results) {
        var len = results.rows.length;
        var output_results = [];

        for (var i=0; i<len; i++){
            var t = {'id':results.rows.item(i).id,'title':results.rows.item(i).title,'firstname':results.rows.item(i).firstname};
            output_results.push(t);             
        }

        deferred.resolve(output_results);  
      }  
    }

    function defaultErrorHandler(deferred) {
      return function(tx, results) {
        var len = 0;
        var output_results = ''; 
        deferred.resolve(output_results);
      } 
    }

    function promisedQuery(query, successCB, errorCB) {
      var deferred = $q.defer();
      db.transaction(function(tx){
        tx.executeSql(query, [], successCB(deferred), errorCB(deferred));      
      }, errorCB);
      return deferred.promise;  
    }

    return {
        setup: function() {
          return createDB();
        },
        set: function(title,firstname) {
            return setTasks(title,firstname);
        },

        all: function() {
          return getTasks();
        }
    }
});

PLease see the SQL Service and help me,is it correct what i add the filed name in  "setTasks function.."

Answer 1

好的，您已经尝试了下载的示例，现在您已经在 NewTask.html 中添加了另一个字段。但是您添加的新字段没有添加到表中，对吧？

您是否尝试更改打开的数据库的版本？

db = window.openDatabase("todoDB", "1.0", "ToDoApp", 10*1024*1024); 到 db = window.openDatabase("todoDB", "2.0", "ToDoApp", 10*1024*1024);