javascript - 从表中删除一行并将 bool 标志传递给 API，而不删除实际对象

Question

我正在使用 AngularJS 做一个 spa，并使用 C# 中的 mvvm 使用 api。

我可以在单击删除按钮后删除一行，但在服务器上我只想通过将数据保留在 Sql Server 中来将 bool 标志更改为 true。

我试过其他方法，我什至通过Postman删除对象，但我不想删除，只是将一个 bool 属性更改为我的 View 表中不再存在的记录。

我会留下我的代码以便更好地理解它。

欢迎任何帮助。

我试过在api Controller 中传递id和对象，类似于http.put，因为我想改变一个 bool 属性，所以我想保留id、name、last name、email和isdelete之后单击，删除 View 中的行的更改在数据库中变为真。

 <tbody>
                <tr ng-repeat="register in registers">
                    <td style="display:none">{{register.UserId}}</td>
                    <td>{{register.Name}}</td>
                    <td>{{register.LastName}}</td>
                    <td><input type="checkbox" ng-model="register.IsActive" disabled /></td>
                    <td>{{register.Email}}</td>
                    <td>
                        <a ng-click="editRegister($event, register)" class="glyphicon glyphicon-edit"></a>
                    </td>
                    <td>
                        <a href="" ng-click="deleteRegister()" class="glyphicon glyphicon-trash"></a>
                    </td>
                </tr>
            </tbody>

我的 controller.js:

 $scope.deleteRegister = function (register) {
    var index = -1;
    var listOfRegister = eval($scope.registers);
    for (var i = 0; i < listOfRegister.length; i++) {
        if (listOfRegister[i].register === register) {
            index = i;
            break;
        }
    }
    if (index === -1) {
        alert("Something gone wrong");
    }
    $scope.registers.splice(index, 1);
    $http({
        method: 'Delete',
        url: 'http://localhost:51734/api/UserAPI/',

    }).then(function (res) {
        alert('Exc');
        $scope.GetAllRegisters();
    })
};

还有我的 controller.api:

[HttpPut]
    [Route("api/UserAPI")]
    public HttpResponseMessage Delete(UserViewModel uservm)
    {
        try
        {                                
            var registerDeleted = ctx.User.Find(uservm.UserId);
            uservm.IsDelete = false;
            uservm.IsActive = true;
            if (registerDeleted != null)
            {
                uservm.IsActive = false;
                uservm.IsDelete = true;
                registerDeleted.Name = uservm.Name;
                registerDeleted.LastName = uservm.LastName;
                registerDeleted.IsActive = uservm.IsActive;
                registerDeleted.Email = uservm.Email;
                registerDeleted.IsDelete = uservm.IsDelete;
                ctx.Entry(registerDeleted).State = System.Data.Entity.EntityState.Modified;

                ctx.SaveChanges();
                return Request.CreateResponse(HttpStatusCode.OK);
            }
            else
            {
                return Request.CreateErrorResponse(HttpStatusCode.BadRequest, "User not found");
            }
        }
        catch (Exception ex)
        {

            return Request.CreateErrorResponse(HttpStatusCode.BadRequest, ex);
        }

    }

谢谢!

Answer 1

你说的是软删除数据行。在数据库中添加一个名为 Status 或 IsDeleted 或您喜欢的任何名称的新 bool 字段，默认值为 false。当您点击 UI 上的“删除”按钮时，发出一个请求，将该标志从 false 更新为 true

当您请求要在 UI 上显示的事物列表时，仅返回那些标记设置为 false 的事物。

这基本上就是软删除数据背后的整个想法。您只是将数据标记为已删除，并没有真正删除它。

如果需要，稍后您可以添加一个过程，将软删除的数据移动到存档表中，只是为了保持整洁。以这种方式做事有一个额外的好处，即您可以随时取消删除数据，如果您需要的话。您真正需要做的就是将标志改回 false 就大功告成了，一切正常，数据得到显示。

我的最后一点，如果您只想软删除一个项目，那么您只需要传递记录的 ID。您无需担心其他字段的更改。您通常不会同时更新信息和删除信息。因此，创建一个响应 PUT 的简单 Controller ，例如:

[HttpPut]
    [Route("api/UserAPI")]
    public HttpResponseMessage Delete(int userId)
    {                                       
         var foundUser = ctx.User.Find(userId);
         foundUser.IsDeleted = true;
         ctx.SaveChanges();
    }

当然，添加您所有的验证、返回代码，以及您需要的一切，但这基本上就是您所需要的。

不要忘记更改返回活跃用户的方法，以忽略那些 IsDeleted 标志为 true 的用户。