angular js 页面添加数据保存数据库

Posted 2022-06-27 zhangrongfei

一、编写实体类Controller层返回数据使用

package entity;

import java.io.Serializable;

public class Result implements Serializable

   private static final long serialVersionUID = -8946453797496982517L;
   
   private boolean success;
   private String message;
   public Result(boolean success, String message) 
      super();
      this.success = success;
      this.message = message;
   
   
   
   public boolean isSuccess() 
      return success;
   
   public void setSuccess(boolean success) 
      this.success = success;
   
   public String getMessage() 
      return message;
   
   public void setMessage(String message) 
      this.message = message;
   

   

二、编写service

//添加
public void save(Brand brand);

三、编写serviceImpl

@Override
public void save(Brand brand) 
    brandDao.insertSelective(brand);

四、编写controller

//添加
@RequestMapping("/save")
public Result save(@RequestBody Brand brand)
    try 
        brandService.save(brand);
        return new Result(true,"添加成功");
    catch (Exception e)
        e.printStackTrace();
        return new Result(false,"添加失败");
    

五、编写页面html

//添加保存
$scope.save=function () 
   var url="../brand/save.do";
   //判断是添加还是修改，添加$scope.entity.id==null，否则执行修改
   if ($scope.entity.id!=null)
      url="../brand/update.do"
   
   //发送请求$http.post(url,$scope.entity)，第一个参数是请求地址，第二个参数是提交的数据
   $http.post(url,$scope.entity).success(function (response) 
      if(response.success)
         //重新加载
         return $scope.reloadList();
      else 
         alert(response.message);
      
   );

//ng-model="entity.name"，封装到对象，才可以进行保存：name=>>entity=>>$scope=>>调save()方法存入数据库

<tr>
   <td>品牌名称</td>
   <td><input  class="form-control" placeholder="品牌名称" ng-model="entity.name" >  </td>
</tr>
<tr>
   <td>首字母</td>
   <td><input  class="form-control" placeholder="首字母" ng-model="entity.firstChar" >  </td>
</tr>

//ng-click="entity="点击新建清空缓存，新建页面数据栏为空，不给空值有缓存数据

<button ng-click="entity=" type="button" class="btn btn-default" title="新建"
      data-toggle="modal" data-target="#editModal" ><i class="fa fa-file-o"></i> 新建</button>

<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="save()">保存</button>