再写一个后端SpringMVC与前端管来奶

这是一个简单的示例，演示如何在Spring MVC后端和AngularJS前端之间进行通信。假设我们有一个简单的应用程序，它允许用户查看和编辑他们的个人信息。

后端：

在后端，我们使用Spring MVC框架来处理HTTP请求和响应。我们将创建一个RESTful API，它将提供以下端点：

- GET /user/{id}：获取某个用户的个人信息
- PUT /user/{id}：更新某个用户的个人信息

我们的UserController将负责处理这些请求，并使用UserService来访问数据库。

@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserService userService;

    @RequestMapping(value = "/{id}", method = RequestMethod.GET)
    public User getUser(@PathVariable Long id) {
        return userService.getUser(id);
    }

    @RequestMapping(value = "/{id}", method = RequestMethod.PUT)
    public void updateUser(@PathVariable Long id, @RequestBody User user) {
        userService.updateUser(id, user);
    }
}

前端：

在前端，我们将使用AngularJS框架来构建我们的用户界面。我们将使用路由器来处理不同的页面，并使用控制器来处理与后端的通信。

我们将创建两个页面：一个用于查看用户信息，另一个用于编辑用户信息。我们将使用$http服务来发出HTTP请求，并使用ng-model指令来绑定表单字段。

// app.js
var app = angular.module('myApp', ['ngRoute']);

app.config(function($routeProvider) {
  $routeProvider
  .when("/", {
    templateUrl : "view.html",
    controller : "viewController"
  })
  .when("/edit", {
    templateUrl : "edit.html",
    controller : "editController"
  });
});

app.controller('viewController', function($scope, $http) {
  $http.get("/user/1")
  .then(function(response) {
      $scope.user = response.data;
  });
});

app.controller('editController', function($scope, $http) {
  $http.get("/user/1")
  .then(function(response) {
      $scope.user = response.data;
  });

  $scope.updateUser = function() {
    $http.put("/user/1", $scope.user)
    .then(function(response) {
        // user updated successfully
    });
  };
});

<!-- view.html -->
<h1>{{user.name}}</h1>
<p>{{user.email}}</p>
<a href="#/edit">Edit</a>

<!-- edit.html -->
<form>
  <input type="text" ng-model="user.name">
  <input type="text" ng-model="user.email">
  <button ng-click="updateUser()">Save</button>
</form>

在此示例中，我们只是针对单个用户进行了操作。在实际应用程序中，我们需要处理多个用户并使用身份验证和授权来保护敏感信息。