黑马程序员技术交流社区

标题: 【郑州校区】品优购电商系统开发第 4 章四 [打印本页]

作者: 我是楠楠 时间: 2020-5-14 11:20
标题: 【郑州校区】品优购电商系统开发第 4 章四

【郑州校区】品优购电商系统开发第 4 章四

2.3 主界面显示登陆人
2.3.1 后端代码
在 pinyougou-manager-web 新建 LoginController.java

[AppleScript] 纯文本查看 复制代码

 package com.pinyougou.manager.controller;

import java.util.HashMap;

import java.util.Map;

import org.springframework.security.core.context.SecurityContextHolder;

import org.springframework.security.core.userdetails.UserDetails;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RestController;

@RestController

@RequestMapping("/login")

public class LoginController {

@RequestMapping("name")

public Map name(){

String name=SecurityContextHolder.getContext()

.getAuthentication().getName();

Map map=new HashMap();

map.put("loginName", name);

return map ;

}

}

2.3.2 前端代码
（1）新建 loginService.js

[AppleScript] 纯文本查看 复制代码

//登陆服务层

app.service('loginService',function($http){

//读取登录人名称

this.loginName=function(){

return $http.get('../login/name.do');

}

});

（2）新建 indexController.js

[AppleScript] 纯文本查看 复制代码

app.controller('indexController' ,function($scope,$controller ,loginService){

//读取当前登录人

$scope.showLoginName=function(){

loginService.loginName().success(

function(response){

$scope.loginName=response.loginName;

}

);

}

});

页面上引入 JS

[AppleScript] 纯文本查看 复制代码

 <script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>

<script type="text/javascript" src="../js/base.js"></script>

<script type="text/javascript" src="../js/service/loginService.js"></script>

<script type="text/javascript" src="../js/controller/indexController.js"></script>

指令

[AppleScript] 纯文本查看 复制代码

 <body

class="hold-transition skin-green sidebar-mini"

ng-app="pinyougou"

ng-controller="indexController" ng-init="showLoginName ()">

将页面上的测试用户替换成 {{loginName}}

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2