Question

我是Angular JS的新手，并尝试使用Spring Tool创建一个用于存储学生记录的简单应用程序。

学生记录是： -

1.Name 2.Roll No. 3.Class

点击HTML页面中的“保存”按钮后，数据必须保存在数据库的表格中。

HTML文件： -

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


app.controller('myCtrl', function($scope) {

    $scope.submit = function() {

    };


});

.js文件： -

Dim myFileName As String
Dim myLine As String
Dim FileNum As Long
Dim objFSO: Set objFSO = CreateObject("Scripting.FileSystemObject")
headersepfile = HeaderSepFilePath
myFileName = workPath
FileNum = FreeFile
Open myFileName For Input As FileNum   
Do While Not EOF(FileNum)
    Line Input #FileNum, myLine
    Debug.Print myLine
    Set outFile = objFSO.CreateTextFile(headersepfile, True, False)
     outFile.WriteLine myLine
Loop

我想知道所做的所有修改是什么，这样一旦我使用DAO类进行调用，所有将在HTML页面中输入的数据都可以保存在数据库中。

Answer 1

它涉及几个步骤

在submit上，您需要从ng-model
使用$ http服务进行ajax调用。查看promise＆amp; $q
您在$http中传递的网址将是春季控制器层中@RequestMapping的值。

例如

$http({
  method: 'GET',
  url: '/someUrl' 
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

在Spring控制器层

@RequestMapping(value = "someUrl")
//some Method

Spring use dependency injection因此在控制器中你可以注入对服务层的依赖.Service层基本上包含应用程序逻辑。

再次在服务层中，您可以注入对DAO层的依赖。

为了实现您的目标，您对angularjs＆amp; spring-mvc

最好的方法是找到任何在db中保存数据的spring项目。然后，您可以修改用户界面并尝试将其与angularjs

如何使用Angular JS在数据库中保存数据？

1 个答案: