【郑州校区】品优购电商系统开发第 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}}

帐号		自动登录	找回密码
密码			加入黑马

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

1 个回复

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