侧重点:后端功能的实现
部分前端页面
<!DOCTYPE html>
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>后台管理系统</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
<!-- 页面meta /-->
<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/adminLTE/js/app.min.js"></script>
<!--导入angularjs-->
<script src="../plugins/angularjs/angular.min.js"></script>
<!--导入基础的angular的模块app-->
<script src="../js/base.js"></script>
<!--导入indexServer.js的服务-->
<script src="../js/service/indexService.js"></script>
<!--导入基本的控制器-->
<script src="../js/controller/baseController.js"></script>
<!--导入indexController的控制-->
<script src="../js/controller/indexController.js"></script>
<script type="text/javascript">
function SetIFrameHeight(){
var iframeid=document.getElementById("iframe"); //iframe id
if (document.getElementById){
iframeid.height =document.documentElement.clientHeight;
}
}
</script>
</head>
<body class="hold-transition skin-blue sidebar-mini"
ng-app="pinyougou" ng-controller="indexController" ng-init="getName()">
书写一个getName()方法,在控制器中获取一个Map类型的值传到前端的模型$scope.name,在前端显示用户名 处书写{{name}}
package com.pinyougou.shop.web.controller;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.Map;
@RestController
@RequestMapping("/index")
public class IndexController {
@RequestMapping("getName")
public Map getName(){
// 1.获取登录名
String name = SecurityContextHolder.getContext().getAuthentication().getName();
// 2.构造一个map
Map map = new HashMap();
// 3.以"name"为key,name为value
map.put("name",name);
return map;
}
}