ASP.Net MVC、WebAPI、AngularJS - 检查数据库中是否存在值答案

【问题标题】：ASP.Net MVC, WebAPI, AngularJS - Check if value exists in databaseASP.Net MVC、WebAPI、AngularJS - 检查数据库中是否存在值
【发布时间】：2015-02-10 19:07:38
【问题描述】：

我在我的 ASP.net MVC 应用程序中使用 webapi 和 angularjs。一切正常，但在我的插入（发布）方法中，我需要在插入之前检查数据库中是否存在值。我不知道应该去哪里。我排除了 webapi，因为 void 不返回值。逻辑位置似乎是控制器，但我找不到从插入控制器方法中调用我的角度 getEmployee(id) 方法的正确方法。任何帮助表示赞赏。

角度控制器（帖子）：

$scope.insertEmployee = function (employee) {
    employeeFactory.insertEmployee(employee)
        .success(function (emp) {
            $scope.employee = emp;
        })
        .error(function (error) {
            $scope.status = 'Unable to load employee data: ' + error.message;
        });
};

Angular 工厂（帖子）：

factory.insertEmployee = function (employee) {
    url = baseAddress + "employee/insert/";
    $http.post(url, employee).success(function (data) {
        alert("Saved Successfully!!");
    }).error(function (data) {
        $scope.error = "An Error has occured while saving employee! " + data;
    });
};

webapi 控制器发布方法：

    [Route("api/employee/insert/")]
    public void Post(Employee employee)
    {
        if (ModelState.IsValid)
        {
            context.Employee.Add(employee);
            context.SaveChanges();
        }
    }

角度控制器（获取）：

$scope.getEmployees = function (term) {
    employeeFactory.getEmployees(term)
        .success(function (data) {
            $scope.employees = data;
        })
        .error(function (error) {
            $scope.status = 'Unable to load employee data: ' + error.message;
        });
};

【问题讨论】：

为什么'$scope'在'insertEmployee'里面？
我不知道。这是我在网上找到的一个例子。有角度的菜鸟

标签： asp.net-mvc database angularjs asp.net-web-api http-post

【解决方案1】：

我建议在您的 web-api 服务器端执行此操作。你可以构造一个异常并抛出它。一些伪代码：

   [Route("api/employee/insert/")]
    public void Post(Employee employee)
    {
        if (ModelState.IsValid)
        {
            // verify doesn't already exist
            if(...item-already-exists...) {
               var resp = new HttpResponseMessage(HttpStatusCode.Conflict)
               {
                  Content = new StringContent("Employee already exists!")),
                  ReasonPhrase = "Employee already exists!"
               }
               throw new HttpResponseException(resp);
            }

            context.Employee.Add(employee);
            context.SaveChanges();
        }
    }

【讨论】：

谢谢。这就是我的想法，但是有两个控制器（MVC 和 Angular）让我陷入了循环，特别是因为 webapi 控制器方法没有返回值

【解决方案2】：

您的工厂与您的控制器不匹配。如果你想使用employeeFactory.insertEmployee中的success和error，它需要返回promise：

factory.insertEmployee = function (employee) {
  url = baseAddress + "employee/insert/";
  return $http.post(url, employee);
};

那么你就可以了

employeeFactory.insertEmployee(employee).success( ... )

现在要回答您的问题，您可以在 insertEmployee 中读取数据库，以在插入之前检查该值是否存在。或者保存一个服务器调用并在插入请求期间进行检查：如果员工存在，则返回错误或特定消息告诉客户端。

【讨论】：

谢谢。我会做出调整的。

【解决方案3】：

在 floribon 和 Nicholas Smith 的帮助下，我设法想出了一个解决方案，将错误冒泡到我的视图中，并显示在 div 元素中。这只是简单的框架，但只是一个开始。

我的角度控制器：

$scope.insertEmployee = function (employee) {
    employeeFactory.insertEmployee(employee)
        .success(function (data) {
            $scope.employee = data;
            $scope.status = 'The item was saved';
        })
        .error(function (error) {
            $scope.status = 'Unable to save the employee data: ' + error;
        });
};

我的角度工厂：

factory.insertEmployee = function (employee) {
    url = baseAddress + "employee/insert/";
    return $http.post(url, employee);
};

我的 webapi 控制器：

    [Route("api/employee/insert/")]
    public HttpResponseMessage Post(Employee employee)
    {
        HttpResponseMessage response;

        // check for the employee
        var employeeCheck = context.Employee
                        .Where(b => b.EmployeeNumber == employee.EmployeeNumber)
                        .FirstOrDefault();

        if (employeeCheck == null)
        {
            // save the item here
            response = Request.CreateResponse(HttpStatusCode.OK);
        }
        else
        {
            response = Request.CreateResponse(HttpStatusCode.Conflict, "The item already exists");
        }
        return response;
    }

结果是消息是“无法保存员工数据：该项目已存在”。

【讨论】：