Как сохранить данные в базе данных с помощью Angular JS?

Я новичок в Angular JS и пытаюсь создать простое приложение для хранения записей студентов с помощью Spring Tool.Как сохранить данные в базе данных с помощью Angular JS?

Студенческие записи: -

1.Name 2.Roll Нет 3.Class

После я нажимаю на кнопку Сохранить в данных HTML страницы должны быть сохранены в таблице в базе данных.

HTML файл: -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>RDCS</title> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script src="js/ang.js"></script> 
</head> 
<body> 

<div align=center ng-app="myApp" ng-controller="myCtrl"> 
<h1>Student Record</h1> 

<form> 
Name: <input type="text" name="Name" ng-model="Name"><br><br> 
Class: <input type="text" name="Class" ng-model="Class"><br><br> 
Roll No:<input type="text" name="RollNo" ng-model="RollNo"><br><br> 
<input type="submit" value="Save" ng-click="submit()"> 
</form> 


</div> 

</body> 
</html>

.js файл: -

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


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

    $scope.submit = function() { 

    }; 


});

Я хочу знать, что все изменения должны быть сделаны так, что как только я сделать вызов, используя класс DAO все данные, которые будут введены на странице HTML, могут быть сохранены в базе данных.

источник

2016-05-19 Sidharth Khera

проверьте это http://jsfiddle.net/mjaric/pj5br/ –

Она включает в себя несколько шагов

На submit вам нужно получить значение от нг-модели
Использование $ службы HTTP, чтобы сделать вызов AJAX. Проверить promise & $q
URL, вы передаете в $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. 
    });

На Спринг уровне контроллера

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

Spring использования dependency injection Таким образом, в контроллере можно вводить зависимость от layer.Service слоя услуг в основном содержит логику приложения.

Опять же, в слое услуг вы можете вводить зависимость от слоя DAO.

Для того, чтобы достичь своей цели у вас есть идеи как на angularjs & spring-mvc

Лучший способ начать это находя пружинную проект, который сохраняет данные в БД. Затем вы можете изменить пользовательский интерфейс и попытаться интегрировать его с angularjs

источник

2016-05-19 10:13:09 brk

Как сохранить данные в базе данных с помощью Angular JS?

ответ

Смежные вопросы