1.后台控制层代码
package com.shsxt.crm.user.controller;
import com.shsxt.crm.base.BaseResult;
import com.shsxt.crm.base.exception.ParamsException;
import com.shsxt.crm.user.model.UserModel;
import com.shsxt.crm.user.pojo.User;
import com.shsxt.crm.user.service.UserServiceI;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.servlet.http.HttpServletRequest;
/**
* 用户controller
* Created by Administrator on 2019/8/26.
*/
@Controller
@RequestMapping("/user")
public class UserController {
@Autowired
private UserServiceI userServiceI;
/**
* 用户登录
* @param request
* @return
*/
@RequestMapping("/login")
@ResponseBody
public BaseResult userLogin(HttpServletRequest request , User user,String rememberMe){
request.setAttribute("ctx",request.getContextPath());
BaseResult baseResult = new BaseResult("登录成功");
try {
UserModel userModel = userServiceI.userLogin(user,rememberMe);
baseResult.setResult(userModel);
//将用户信息存入session
request.getSession().setAttribute("user", userModel);
} catch (ParamsException e) {
baseResult.setCode(e.getCode());
baseResult.setMessage(e.getMessage());
}catch (Exception e) {
baseResult.setMessage(e.getMessage());
baseResult.setCode(400);
}
return baseResult;
}
/**
* 安全退出
* @param request
* @return
*/
@RequestMapping("/logout")
public String userLogout(HttpServletRequest request){
request.setAttribute("ctx",request.getContextPath());
//清除session信息
request.getSession().removeAttribute("user");
return "login";
}
}
2.主页页面引入公共模版
<#include "common.ftl" >
<title>Crm | 后台主页</title>
<script type="text/javascript" src="${ctx}/js/index.js"></script>
index.ftl代码
<html>
<head>
<#include "common.ftl" >
<title>Crm | 后台主页</title>
<script type="text/javascript" src="${ctx}/js/index.js"></script>
</head>
<body class="easyui-layout">
<div region="north" style="height: 78px;background-color: #E0ECFF">
<table style="padding: 5px" width="100%">
<tr>
<td width="50%">
<img alt="logo" src="${ctx}/images/bglogo.png">
</td>
<td valign="bottom" align="right" width="50%">
<font size="3"> <strong>欢迎：</strong>${(user.userName)!"sxt"}</font>【${(user.trueName)!"sxt" }】【${(user.roleName)!"系统管理员" }】
</td>
</tr>
</table>
</div>
<div region="center">
<div class="easyui-tabs" fit="true" border="false" id="tabs">
<div title="首页" data-options="iconCls:'icon-home'">
<div align="center" style="padding-top: 100px"><font color="blue" size="10">欢迎使用Crm后台管理系统</font></div>
</div>
</div>
</div>
<div region="west" style="width: 200px" title="导航菜单" split="true">
<div class="easyui-accordion" data-options="fit:true,border:false">
<div title="营销管理" data-options="selected:true,iconCls:'icon-yxgl'" style="padding: 10px">
<a href="javascript:openTab('营销机会管理','sale_chance/index','icon-yxjhgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-yxjhgl'" style="width: 150px">营销机会管理</a>
<a href="javascript:openTab('客户开发计划','sale_chance/index?state=1','icon-khkfjh')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khkfjh'" style="width: 150px">客户开发计划</a>
</div>
<div title="客户管理" data-options="iconCls:'icon-khgl'" style="padding:10px;">
<a href="javascript:openTab('客户信息管理','customer/index','icon-khxxgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khxxgl'" style="width: 150px;">客户信息管理</a>
<a href="javascript:openTab('客户流失管理','customer_loss/index','icon-khlsgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khlsgl'" style="width: 150px;">客户流失管理</a>
</div>
<div title="服务管理" data-options="iconCls:'icon-fwgl'" style="padding:10px">
<a href="javascript:openTab('服务创建','customer_serve/index/1','icon-fwcj')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-fwcj'" style="width: 150px;">服务创建</a>
<a href="javascript:openTab('服务分配','customer_serve/index/2','icon-fwfp')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-fwfp'" style="width: 150px;">服务分配</a>
<a href="javascript:openTab('服务处理','customer_serve/index/3','icon-fwcl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-fwcl'" style="width: 150px;">服务处理</a>
<a href="javascript:openTab('服务反馈','customer_serve/index/4','icon-fwfk')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-fwfk'" style="width: 150px;">服务反馈</a>
<a href="javascript:openTab('服务归档','customer_serve/index/5','icon-fwgd')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-fwgd'" style="width: 150px;">服务归档</a>
</div>
<div title="统计报表" data-options="iconCls:'icon-tjbb'" style="padding:10px">
<a href="javascript:openTab('客户贡献分析','report/0','icon-khgxfx')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khgxfx'" style="width: 150px;">客户贡献分析</a>
<a href="javascript:openTab('客户构成分析','report/1','icon-khgcfx')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khgcfx'" style="width: 150px;">客户构成分析</a>
<a href="javascript:openTab('客户服务分析','report/2','icon-khfwfx')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khfwfx'" style="width: 150px;">客户服务分析</a>
<a href="javascript:openTab('客户流失分析','report/3','icon-khlsfx')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-khlsfx'" style="width: 150px;">客户流失分析</a>
</div>
<div title="基础数据管理" data-options="iconCls:'icon-jcsjgl'" style="padding:10px">
<a href="javascript:openTab('数据字典管理','datadic/index','icon-sjzdgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-sjzdgl'" style="width: 150px;">数据字典管理</a>
<a href="javascript:openTab('产品信息查询','product/index','icon-cpxxgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cpxxgl'" style="width: 150px;">产品信息查询</a>
<a href="javascript:openTab('用户信息管理','user/index','icon-user')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-user'" style="width: 150px;">用户信息管理</a>
</div>
<div title="系统管理" data-options="iconCls:'icon-item'" style="padding:10px">
<a href="javascript:openPasswordModifyDialog()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-modifyPassword'" style="width: 150px;">修改密码</a>
<a href="javascript:logout()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-exit'" style="width: 150px;">安全退出</a>
</div>
</div>
</div>
<div region="south" style="height:55px;background-color: #E0ECFF" align="center">
版本所有 上海尚学堂 <a href="http://www.shsxt.com" target="_blank">www.shsxt.com</a>(2016-2026)<br/>
上海尚学堂地址：上海市松江区荣乐东路2369弄45号绿地伯顿大厦2层 咨询电话：021-67690939<br/>
上海尚学堂智能科技有限公司 的icp备案号 （沪ICP备16053543号）
</div>
<div id="dlg" class="easyui-dialog" style="width:400px;height:250px;padding: 10px 20px"
closed="true" buttons="#dlg-buttons">
<form id="fm" method="post">
<table cellspacing="8px">
<tr>
<td>用户名：</td>
<td><input type="text" id="userName" name="userName" readonly="readonly" value="${(user.userName)! }" style="width: 200px"/></td>
</tr>
<tr>
<td>原密码：</td>
<td><input type="password" id="oldPassword" name="oldPassword" class="easyui-validatebox" required="true" style="width: 200px"/></td>
</tr>
<tr>
<td>新密码：</td>
<td><input type="password" id="newPassword" name="newPassword" class="easyui-validatebox" required="true" style="width: 200px"/></td>
</tr>
<tr>
<td>确认新密码：</td>
<td><input type="password" id="newPassword2" name="confirmPassword" class="easyui-validatebox" required="true" style="width: 200px"/></td>
</tr>
</table>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:modifyPassword()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
<a href="javascript:closePasswordModifyDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
</div>
</body>
</html>
common.ftl页面
<link rel="stylesheet" type="text/css" href="${ctx}/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${ctx}/jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="${ctx}/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script>
var ctx = "${ctx}";
</script>
<script type="text/javascript" src="${ctx}/js/jquery.base64.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.cookie.js"></script>
页面js(index.js)
function openTab(text, url, iconCls){
if($("#tabs").tabs("exists",text)){
$("#tabs").tabs("select",text);
}else{
var content="<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='" + url + "'></iframe>";
$("#tabs").tabs("add",{
title:text,
iconCls:iconCls,
closable:true,
content:content
});
}
}
//安全退出
function logout() {
//
$.messager.confirm('系统提示','确定退出？',function(r){
if (r){
// 清除cookie
removeCookie();
location.href = ctx + "/user/logout";
}
});
}
// 移除cookie
function removeCookie() {
$.removeCookie("userIdStr", {'expires': 7, 'path': '/', 'domain': 'localhost'});
$.removeCookie("userName", {'expires': 7, 'path': '/', 'domain': 'localhost'});
$.removeCookie("userInfo", {'expires': 7, 'path': '/', 'domain': 'localhost'});
$.removeCookie("trueName", {'expires': 7, 'path': '/', 'domain': 'localhost'});
}
效果图如下:
来源：https://blog.csdn.net/weixin_45116848/article/details/100124720