• angular js 页面修改数据存入数据库


    一、编写service,修改数据要根据ID回显数据

      //根据ID查询
    public Brand findById(Long id);
    //修改
    public int update(Brand brand);
    二、编写serviceImpl
    @Override
    public Brand findById(Long id) {
    return brandDao.selectByPrimaryKey(id);
    }

    @Override
    public int update(Brand brand) {
    return brandDao.updateByPrimaryKeySelective(brand);
    }
    三、编写controller,修改返回Result类型
    //根据ID查询回显数据
    // @RequestMapping("/findById")
    @RequestMapping("/{id}")
    // public Brand findById(Long id){
    public Brand findById(@PathVariable(value = "id")Long id){
    return brandService.findById(id);
    }
    //修改
    @RequestMapping("/update")
    public Result update(@RequestBody Brand brand){
    int id = brandService.update(brand);
    if (id>0){
    return new Result(true,"修改成功");
    }else {
    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);
    }
    });
    }
    //根据ID回显数据
    $scope.findById=function (id) {
    // $http.get('../brand/findById.do?id='+id).success(function (response) {
    $http.get('../brand/'+id+'.do').success(function (response) {
    $scope.entity=response;
    });
    }

    <td class="text-center">
    <button type="button" class="btn bg-olive btn-xs" data-toggle="modal"
    data-target="#editModal" ng-click="findById(entity.id)" >修改</button>
    </td>
    //ng-click="save()",根据请求地址判断调用save
    <button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="save()">保存</button>
  • 相关阅读:
    015-面向对象
    017-错误和异常
    019-File
    020-OS
    021-模块
    022-标准库
    数据库目录
    数据库 概念详解
    MySQL 基础
    MySQL 数据库操作
  • 原文地址:https://www.cnblogs.com/zhangrongfei/p/11332213.html
Copyright © 2020-2023  润新知