代码之家 › 专栏 › 技术社区 › Cody Ferguson

使用@restcontroller和@getmapping的AngularJS Spring引导

spring-boot rest angularjs

Cody Ferguson · 技术社区 · 6 年前

控制器公共类sreappcontroller{ private static final string template=“你好,%s!”(二) @GetMapping(“/Greeting”)。返回新问候语(counter.incrementandget(),string.format(template,name));

供参考的javascript和HTML:。

“use strict”;
$scope.greeting=response.data;
})(二)


<!文档类型HTML>
<meta charset=“utf-8”>
<script src=“https://ajax.googleapis.com/ajax/libs/angular js/1.7.2/angular.min.js”></script>
</head>


.

//@Controller
@RestController // @Controller and @ResponseBody into one
public class SreAppController {
    @GetMapping("/")
    public String index() {
        return "index";
    }
}


this问题。所以,我发现this

@RestController
public class SreAppController {

    private static final String template = "Hello, %s!";
    private final AtomicLong counter = new AtomicLong();

    @GetMapping("/greeting")
    public Greeting index(@RequestParam(value="name", defaultValue="World") String name){
        return new Greeting(counter.incrementAndGet(), String.format(template, name));
    }
}


Thishttp://rest-service.guides.spring.io/greeting







本教程说明了对最少数量的Web应用程序代码的需求,以便Spring引导知道启动Tomcat。建议app.groovy(如下所示),但我的REST控制器启动嵌入式Tomcat服务器,所以我不认为这是问题所在。



@Controller class JsApp { }


供参考的javascript和HTML:



"use strict";
angular.module('demo', []).controller('app', function($scope, $http) {
        $http.get('/greeting').
            then(function (response) {
            $scope.greeting = response.data;
    });
});




<!DOCTYPE html>
<html lang="en" ng-app="demo">
<head>
    <meta charset="UTF-8">
    <title>Hello AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
    <script src="app.js"></script>
</head>
<body>
    <div ng-controller="app">
        <p>The ID is {{greeting.id}}</p>
        <p>The content is {{greeting.content}}</p>
    </div>
</body>
</html>


项目层次结构

1 回复 | 直到 6 年前

Angel Pinazo Perpiñán 6 年前

然后你需要知道一些事情:

您可以在本教程中找到一些示例: Serving Static Web Content with Spring Boot

GET http://<your ip:port>/ / 具有 GET SreAppController 类。

当心你可以在控制器和静态网络导航中混合使用ULR…!

推荐文章

Dev · 在laravel rest api中按特定角色获取所有用户

2 年前

IDskxo · 为什么我们需要添加。响应的end()?

2 年前

boomcreeper11 · 不一致js未注册新的斜杠命令,因为应用程序名称必须唯一

2 年前

Muhammad Tahir Ali · 在Express Js中使用动态键和值动态创建JSON

2 年前

KollegeBo · 触发更新的POST或GET

2 年前

meren · 如何使用react向后端api请求用户提供的值?

2 年前

David Maman · 如何使用ilorest配置AMD首选IO总线号

2 年前

CaptTaifun · 如何对“多个”和“单个”对象使用相同的端点?

2 年前

Zsombor Szende · 汇率api从哪里获取数据?[闭门]

2 年前

Jack Duffy · Django序列化一个JsonField,Django Rest API

2 年前