如何在 JHipster 中添加自定义查询？答案

【问题标题】：How to add a custom query in JHipster?如何在 JHipster 中添加自定义查询？
【发布时间】：2016-06-16 00:23:39
【问题描述】：

我正在学习使用 JHipster，但不知道如何使用创建自定义查询。

在我的项目中，我有 Orders 表，其中包含 DeliveryDay 和 Week 字段，并且只想显示一周中当天的订单。 DeliveryDay 和 Week 是 int 值（1-7 和 0-2）

所以在OrdersRepository.java 我添加了这样的自定义查询：

public interface OrdersRepository extends JpaRepository<Orders,Long> {

Page<Orders> findByDeliveryDayAndWeek(int weekday, int week, pageable);

在OrdersResource.java我添加了这个：

    @RequestMapping(value = "/today",
        method = RequestMethod.GET,
        produces = MediaType.APPLICATION_JSON_VALUE)
    @Timed
    public ResponseEntity<List<Orders>> getOrdersForToday(Pageable pageable)
        throws URISyntaxException {
        log.debug("REST request to get a page of Orderss");
        Page<Orders> page = ordersRepository.findByDeliveryDayAndWeek(1, 0, pageable);
        HttpHeaders headers = PaginationUtil.generatePaginationHttpHeaders(page, "/api/today");
        return new ResponseEntity<>(page.getContent(), headers, HttpStatus.OK);
    }

我还添加了today.html（复制orders.html）和today.js

'use strict';

angular.module('fruitcrmApp')
    .config(function ($stateProvider) {
        $stateProvider
            .state('today', {
                parent: 'entity',
                url: '/today',
                data: {
                    authorities: ['ROLE_USER'],
                    pageTitle: 'fruitcrmApp.orders.home.title'
                },
                views: {
                    'content@': {
                        templateUrl: 'scripts/app/custom/today.html',
                        controller: 'OrdersController'
                    }
                },
                resolve: {
                    translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
                        $translatePartialLoader.addPart('orders');
                        $translatePartialLoader.addPart('global');
                        return $translate.refresh();
                    }]
                }
            })

    });

并在index.html 中添加today.js

我的orders.controller.js 看起来像这样（由 JHipster 生成）

'use strict';

angular.module('fruitcrmApp')
    .controller('OrdersController', function ($scope, $state, Orders, OrdersSearch, ParseLinks) {

        $scope.orderss = [];
        $scope.predicate = 'id';
        $scope.reverse = true;
        $scope.page = 1;
        $scope.loadAll = function() {
            Orders.query({page: $scope.page - 1, size: 20, sort: [$scope.predicate + ',' + ($scope.reverse ? 'asc' : 'desc'), 'id']}, function(result, headers) {
                $scope.links = ParseLinks.parse(headers('link'));
                $scope.totalItems = headers('X-Total-Count');
                $scope.orderss = result;
            });
        };
        $scope.loadPage = function(page) {
            $scope.page = page;
            $scope.loadAll();
        };
        $scope.loadAll();


        $scope.search = function () {
            OrdersSearch.query({query: $scope.searchQuery}, function(result) {
                $scope.orderss = result;
            }, function(response) {
                if(response.status === 404) {
                    $scope.loadAll();
                }
            });
        };

        $scope.refresh = function () {
            $scope.loadAll();
            $scope.clear();
        };

        $scope.clear = function () {
            $scope.orders = {
                details: null,
                orderDate: null,
                firstDelivery: null,
                isActive: false,
                id: null
            };
        };
    });

现在我可以访问http://localhost:3000/#/today，但它显示来自Orders 的所有数据我做错了什么？如何使用OrdersRepository.java自己的方法？

我尝试搜索示例，但未找到任何相关示例。我错过了哪些必要的步骤？如果答案太长，一些涵盖它的教程的链接会很棒。

【问题讨论】：

标签： angularjs spring jhipster

【解决方案1】：

您需要为您的today API 端点创建一个新的角度服务。像这样的东西，叫orders-today.service.js：

'use strict';

angular.module('fruitcrmApp')
    .factory('OrdersToday', function ($resource) {
        return $resource('api/orders/today', {}, {
            'query': { method: 'GET', isArray: true}
        });
    });

然后在您的 orders.controller.js 文件中，您需要注入您的新 OrdersToday 服务：

.controller('OrdersController', function ($scope, $state, Orders, OrdersSearch, OrdersToday, ParseLinks) {

当您想获取今天的订单列表时，您需要使用OrdersToday.query，就像您在粘贴的示例中使用Orders.query一样。

您可能希望创建一个引用OrdersToday 的OrdersTodayController，并在today.js 中使用它而不是OrdersController。

【讨论】：