1

我将我的应用程序升级到了 Durandal 2.0。我的应用程序以 HotTowel 为模型，带有一个 main.js 和一个 shell.js。我认为 shell.js 在每个视图上都运行，但事实并非如此。我的 shell.js 包含我的安全代码，当然必须在每个视图上运行。我如何强制 shell.js 在每个视图上运行？

这是 main.js 的摘录-

 define(['durandal/app', 'durandal/viewLocator', 'durandal/system', 'plugins/router', 'services/logger'],
function (app, viewLocator, system, router, logger) {

system.debug(true);

app.configurePlugins({
    router: true,
    dialog: true,
    widget: {
        kinds: ['expander']
    }
});

app.start().then(function () {
    toastr.options.positionClass = 'toast-bottom-right';
    toastr.options.backgroundpositionClass = 'toast-bottom-right';

    viewLocator.useConvention();
    router.makeRelative({ moduleId: 'viewmodels' });

    // Adapt to touch devices
    //Show the app by setting the root view model for our application.
    app.setRoot('viewmodels/shell');

    return router.map([
            { route: 'home', moduleId: 'home', title: 'home', title: 'Home', nav: true },
            { route: 'CAApproval', moduleId: 'CAApproval', title: 'CA Approval', nav: true }
    ]).activate();

});

摘自 shell.js-

 define(['durandal/system', 'plugins/router', 'services/logger', 'services/SecurityDataService'],
function (system, router, logger, SecurityDataService) {

    var HasAccess = ko.observable();
    var test = ko.observable('it works');


    router.map('About', 'About', 'About', false);
    router.map('Help', 'Help', 'Help', false);

    var vm = {
        activate: activate,
        router: router,
        User: ko.observable(),
        showAbout: 'About',
        showHelp: 'Help',
        test: 'itworks'
    };
    return vm;

    function showAbout() {

       router.navigate('About'); // should show about view
    }

    function showAbout() {

       router.activate('Help'); // should show about view
    }

    function activate() {
        alert("here");
        $.when(
            $.ajax({
                url: '/api/security/CheckSecurity/',
                dataType: 'json',
                success: function( data ) {
                    strHasAccess = "";
                    if (typeof (data) == "string") {
                        strHasAccess = $.parseJSON(data);
                        HasAccess = strHasAccess[0].HasAccess;
                        vm.User = strHasAccess[0].UserName;
                        $('#spnUserName').text(vm.User);
                    } else {
                        HasAccess = false;
                    }

                    return strHasAccess;
                },
                error: function (data) {
                    amplify.store("ErrorDetails", data.responseText);
                    log('Error!', null, true);

                    //return router.activate('ErrorPage'); // should show details page of a particular folder

                }
            })
        ).then(function (HasAccess) {

            if (strHasAccess[0].HasAccess == true) {
                router.buildNavigationModel();
                vm.User = strHasAccess[0].UserName;
               router.navigate('home');

            }
            else {
                 router.map([
            { route: 'AccessDenied', moduleId: 'AccessDenied', title: 'AccessDenied', title: 'AccessDenied', nav: true }
                ]).activate

                 router.navigate('AccessDenied');
                log('Access Denied!', null, true);
            }
        });
    }

    function log(msg, data, showToast) {
        logger.log(msg, data, "shell.js", showToast);
    }
});
4

1 回答 1

3

Shell 由一次组成，当您从一个视图导航到另一个视图时，视图被注入到 shell 中。在导航到视图之前检查某些条件的一种方法是设置警卫路线。

app.start().then(function() {

    viewLocator.useConvention();

    app.setRoot('shell/shell', 'entrance');

    router.guardRoute = function (instance, instruction) {
        //auth check here
    };
});

另一种方法可能是在每个视图（模型）中使用 canActivate() 来检查某些内容，并在不满足条件时将用户发送到其他地方。

于 2013-12-17T16:46:34.127 回答