gpt4 book ai didi

javascript - 如何使用 Angular JS 将数据保存到数据库中?

转载 作者:行者123 更新时间:2023-12-03 06:54:58 24 4
gpt4 key购买 nike

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

学生记录是:-

1.名称2.卷号3.类

一旦我点击 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 页面中输入的数据都可以保存在数据库中。

最佳答案

它涉及几个步骤

  1. 提交时,您需要从 ng-model 获取值
  2. 使用 $http 服务进行 ajax 调用。检查 promise$q
  3. 您在$http中传递的url将是Spring Controller 层中@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 Controller 层

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

Spring使用依赖注入(inject)因此在 Controller 中你可以注入(inject)对服务层的依赖。服务层基本上包含应用程序逻辑。

再次在服务层中,您可以注入(inject)对 DAO 层的依赖。

为了实现您的目标,您对 angularjsspring-mvc 都有想法

最好的开始方法是找到任何将数据保存在数据库中的 Spring 项目。然后你可以修改UI并尝试将其与angularjs

集成

关于javascript - 如何使用 Angular JS 将数据保存到数据库中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37319874/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com