java - 授权后不显示登录信息

Question

我希望用户在标题菜单中登录(授权)，显示带有用户名(登录)的菜单，如图所示。

为此目的，我在 Angular 中有相应的代码:

文件头.component.html:

<nav class="navbar">
  <a routerLink="" id="nav_logo">
    DishOnline
  </a>
  <div id="nav_right_section">
    <a routerLink="/loginPage">
      Вход
    </a>

    <button [hidden]=" receivedAnswer!==undefined && receivedAnswer!==null" mat-button [matMenuTriggerFor]="menu">{{receivedAnswer.login}}</button>
    <mat-menu #menu="matMenu">
      <button mat-menu-item>Мой кабинет</button>
      <button mat-menu-item>Выйти</button>
    </mat-menu>

  </div>
</nav>

文件头.component.ts:

import {Component,OnInit } from '@angular/core';

import { LoginNameService} from '../services/loginName.service';
import {LoginName} from '../classes/loginName';

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls : ['./header.component.scss'],

  providers: [LoginNameService]
})
export class HeaderComponent implements OnInit
{
  receivedAnswer: LoginName;

  loginNameObject: LoginName=new LoginName();


  constructor(private loginNameService: LoginNameService) {}
  submit() {
    this.loginNameService.postData()
      .subscribe((data: LoginName) => {},

        error => console.log(error)
      );
  }

  ngOnInit(): void {

    this.receivedAnswer=this.loginNameObject;
    this.submit();
  }

}

我在服务器(后端 - Spring Boot)上发送空 POST 请求，用于此服务 loginName.service.ts。

文件loginName.service.t:

import {Injectable} from '@angular/core';
import {HttpClient, HttpHeaders} from '@angular/common/http';


@Injectable()
export class LoginNameService {

  constructor(private http: HttpClient) { }

  postData() {

    // tslint:disable-next-line:prefer-const
    let baseUrl = 'http://localhost:8089';

    return this.http.post(baseUrl + '/loginName', null);
  }
}

从服务中我得到了 JSON 格式的答案:

{"login":"DishOnline"}

但收到的登录信息未显示在标题中。

在后端接收登录的代码(Spring Boot):

package com.greatproject.dishonline.controller;

import com.greatproject.dishonline.service.MyUserDetailsService;
import com.greatproject.dishonline.service.MyUserPrincipal;
import org.springframework.security.core.Authentication;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.security.Principal;
import java.util.HashMap;
import java.util.Map;

@RestController
public class AuthorizationController {

    @RequestMapping("/loginName")
    public  @ResponseBody
    Map<String,String>  loginName(Model model,
                                  Authentication authentication,
                                  HttpSession session,
                                  MyUserPrincipal principal

    ) {
        String login = "";

        Authentication auth = SecurityContextHolder.getContext().getAuthentication();
        login = auth.getName(); //get logged in username

        Map<String, String> mapLoginName = new HashMap<String, String>();
        mapLoginName.put("login", login);

        return  mapLoginName;
    }

}

请帮我解决这个问题。

Answer 1

您可以从主体那里获取用户名。尝试将principal.username 添加到模型中并以这种方式在用户界面上检索它。