SSM项目-OA报销单管理系统(三)

普通表单

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %><jsp:include page="top.jsp"/><section id="content" class="table-layout animated fadeIn"><div class="tray tray-center"><div class="content-header"><h2> 员工列表 </h2><p class="lead"></p></div><div class="admin-form theme-primary mw1000 center-block" style="padding-bottom: 175px;"><div class="panel  heading-border"><div class="panel-menu"><div class="row"><div class="hidden-xs hidden-sm col-md-3"><div class="btn-group"><button type="button" class="btn btn-default light"><i class="fa fa-refresh"></i></button><button type="button" class="btn btn-default light"><i class="fa fa-trash"></i></button><button type="button" class="btn btn-default light"><i class="fa fa-plus"onclick="javascript:window.location.href='/employee/to_add';"></i></button></div></div><div class="col-xs-12 col-md-9 text-right"><div class="btn-group"><button type="button" class="btn btn-default light"><i class="fa fa-chevron-left"></i></button><button type="button" class="btn btn-default light"><i class="fa fa-chevron-right"></i></button></div></div></div></div><div class="panel-body pn"><table id="message-table" class="table admin-form theme-warning tc-checkbox-1"><thead><tr class=""><th class="text-center hidden-xs">Select</th><th class="hidden-xs">工号</th><th class="hidden-xs">姓名</th><th class="hidden-xs">所属部门</th><th class="hidden-xs">职务</th><th>操作</th></tr></thead><tbody><c:forEach items="${employees}" var="emp"><tr class="message-unread"><td class="hidden-xs"><label class="option block mn"><input type="checkbox" name="mobileos" value="FR"><span class="checkbox mn"></span></label></td><td>${emp.sn}</td><td>${emp.name}</td><td class="text-center fw600">${emp.department.name}</td><td class="hidden-xs"><span class="badge badge-warning mr10 fs11">${emp.post}</span></td><td><a href="/employee/to_update?sn=${emp.sn}">编辑</a><a href="/employee/delete/${emp.sn}">删除</a></td></tr></c:forEach></tbody></table></div></div></div></div>
</section><jsp:include page="bottom.jsp"/>

项目前端JSP增加页面

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="top.jsp"/>
<section id="content" class="table-layout animated fadeIn"><div class="tray tray-center"><div class="content-header"><h2> 添加员工 </h2><p class="lead"></p></div><div class="admin-form theme-primary mw1000 center-block" style="padding-bottom: 175px;"><div class="panel heading-border"><%--<form action="/employee/add" id="admin-form" name="addForm">--%><form:form action="/employee/insert" id="admin-form" name="addForm" modelAttribute="employee"><div class="panel-body bg-light"><div class="section-divider mt20 mb40"><span> 基本信息 </span></div><div class="section row"><div class="col-md-6"><label for="sn" class="field prepend-icon"><%--<input id = "sn" name = "sn" class="gui-input" placeholder="工号..." />--%><form:input path="sn" cssClass="gui-input" placeholder="工号"/><label for="sn" class="field-icon"><i class="fa fa-user"></i></label></label></div><div class="col-md-6"><label for="name" class="field prepend-icon"><%--<input id = "name" name = "name" class="gui-input" placeholder="姓名..." />--%><form:input path="name" cssClass="gui-input" placeholder="姓名"/><label for="name" class="field-icon"><i class="fa fa-user"></i></label></label></div></div><div class="section row"><div class="col-md-6"><label for="sn" class="field select"><!--items="" itemValue="表主键" itemLabel="表字段"--><%--<select id = "departmentSn" name = "departmentSn"  class="gui-input" placeholder="所属部门..."/>--%><form:select path="department_sn" items="${department}" itemValue="sn"itemLabel="name" cssClass="gui-input" placeholder="所属部门"/><i class="arrow double"></i></label></div><div class="col-md-6"><label for="post" class="field select"><%--<select id = "post" name = "post"  class="gui-input" placeholder="职务..."/>--%><form:select path="post" items="${post}" cssClass="gui-input" placeholder="职务"/><i class="arrow double"></i></label></div></div><div class="panel-footer text-right"><button type="submit" class="button"> 保存</button><button type="button" class="button" onclick="javascript:window.history.go(-1);"> 返回</button></div></div><%--</form>--%></form:form></div></div></div>
</section><jsp:include page="bottom.jsp"/>

项目前端JSP修改页面

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="top.jsp"/>
<section id="content" class="table-layout animated fadeIn"><div class="tray tray-center"><div class="content-header"><h2> 编辑员工信息 </h2><p class="lead"></p></div><div class="admin-form theme-primary mw1000 center-block" style="padding-bottom: 175px;"><div class="panel heading-border"><%--<form action="/employee/update"   id="admin-form" name="addForm">--%><form:form action="/employee/update" id="admin-form" name="addForm" modelAttribute="employee"><input type="hidden" id="password" name="password"/><div class="panel-body bg-light"><div class="section-divider mt20 mb40"><span> 基本信息 </span></div><div class="section row"><div class="col-md-6"><label for="sn" class="field prepend-icon"><%--<input id="sn" name = "sn" class = "gui-input" placeholder="工号..." readonly="true" />--%><form:input path="sn" cssClass="gui-input" placeholder="工号" readonly="true"/><label for="sn" class="field-icon"><i class="fa fa-user"></i></label></label></div><div class="col-md-6"><label for="name" class="field prepend-icon"><%--<input id="name" name = "name" class = "gui-input" placeholder="姓名..."/>--%><form:input path="name" cssClass="gui-input" placeholder="姓名"/><label for="name" class="field-icon"><i class="fa fa-user"></i></label></label></div></div><div class="section row"><div class="col-md-6"><label for="sn" class="field select"><%--<select id = "departmentSn" name = "departmentSn"  class="gui-input" placeholder="所属部门..."/>--%><form:select path="department_sn" items="${department}" itemValue="sn"itemLabel="name" cssClass="gui-input" placeholder="所属部门"/><i class="arrow double"></i></label></div><div class="col-md-6"><label for="post" class="field select"><%--<select id = "post" name = "post"  class="gui-input" placeholder="职务..."/>--%><form:select path="post" items="${post}" cssClass="gui-input" placeholder="职务"/><i class="arrow double"></i></label></div></div><div class="panel-footer text-right"><button type="submit" class="button"> 保存</button><button type="button" class="button" onclick="javascript:window.history.go(-1);"> 返回</button></div></div><%--</form>--%></form:form></div></div></div>
</section><jsp:include page="bottom.jsp"/>

biz下创建dto接口包
创建GlobalBiz全局业务接口(登录,修改密码)

//全局业务接口
public interface GlobalBiz {//登录public Employee login(String sn,String password);//修改密码public void updatePwd(Employee employee);
}

biz下创建接口实现类(登录修改密码)

//全局业务接口实现类
@Service
public class GlobalBizService implements GlobalBiz{//注入员工接口@Autowiredprivate EmployeeService employeeService;//登录public Employee login(String sn, String password) {Employee employee = employeeService.getById(sn);  //根据sn拿信息,赋值给对象//判断,如果对象不等于空if(employee!=null){//判断密码,如果密码相等if(employee.getPassword().equals(password)){return employee;}}return null;}//修改密码public void updatePwd(Employee employee) {employeeService.update(employee);}
}

dao下global包下创建Contant静态常量类
(用于控制类调用,在页面下拉列表显示)

//静态常量类
public class Contant {//职务public static final String POST_GD="董事会成员";public static final String POST_GM="总经理";public static final String POST_FM="部门经理";public static final String POST_CASHIER="财务";public static final String POST_STAFF="员工";public static List<String> getPosts(){List<String> list = new ArrayList<String>();list.add(POST_GD);list.add(POST_GM);list.add(POST_FM);list.add(POST_CASHIER);list.add(POST_STAFF);return list;}
}

web下controller包下创建GlobalController全局业务控制类

//全局业务控制类
@Controller
public class GlobalController {//注入Service全局接口实现类@Resource(name = "globalBizService")private GlobalBizService globalBizService;//系统全局登录//进入登录页面@RequestMapping(value = "/to_login")public String to_login() {System.out.println("进入Controller,to_login全局进入登录页面方法!");return "login";  //JSP页面}//登录//编号,密码,会话信息传参@RequestMapping(value = "/login")public String login(@RequestParam("sn")String sn, @RequestParam("password")String password, HttpSession httpSession){Employee employee = globalBizService.login(sn,password);//如果密码不等于空if(employee!=null){//员工信息封装到session中传递httpSession.setAttribute("employee",employee);//返回到个人信息页面return "/self";}//否则重定向到登录页面return "redirect:/to_login";}//进入个人信息页面@RequestMapping(value = "/self")public String self(){return "self";}//退出@RequestMapping(value = "/quit")public String quit(HttpSession httpSession){//去除上面session中的员工属性//httpSession.removeAttribute("employee");//给上面session中的员工属性一个空httpSession.setAttribute("employee",null);return "redirect:to_login";}//修改密码//进入修改密码页面@RequestMapping(value = "/to_change_password")public String toChangePassword(){return "change_password";}//修改密码@RequestMapping(value = "/change_password")public String ChangePassword(@RequestParam("old")String old,@RequestParam("new1")String new1,@RequestParam("new2")String new2,HttpSession httpSession){//获得当前员工对象Employee employee = (Employee)httpSession.getAttribute("employee");//判断if(employee.getPassword().equals(old)){//如果1等于2if (new1.equals(new2)){//密码赋值到对象employee.setPassword(new1);//调用业务层方法globalBizService.updatePwd(employee);//跳转到个人信息页面return "redirect:/quit";}}//填写错误就跳转到修改密码页面return "redirect:/to_change_password";}}

dao下global包下创建LoginInteceptor创建登录拦截器类

//全局业务控制类
@Controller
public class GlobalController {//注入Service全局接口实现类@Resource(name = "globalBizService")private GlobalBizService globalBizService;//系统全局登录//进入登录页面@RequestMapping(value = "/to_login")public String to_login() {System.out.println("进入Controller,to_login全局进入登录页面方法!");return "login";  //JSP页面}//登录//编号,密码,会话信息传参@RequestMapping(value = "/login")public String login(@RequestParam("sn")String sn, @RequestParam("password")String password, HttpSession httpSession){Employee employee = globalBizService.login(sn,password);//如果密码不等于空if(employee!=null){//员工信息封装到session中传递httpSession.setAttribute("employee",employee);//返回到个人信息页面return "/self";}//否则重定向到登录页面return "redirect:/to_login";}//进入个人信息页面@RequestMapping(value = "/self")public String self(){return "self";}//退出@RequestMapping(value = "/quit")public String quit(HttpSession httpSession){//去除上面session中的员工属性//httpSession.removeAttribute("employee");//给上面session中的员工属性一个空httpSession.setAttribute("employee",null);return "redirect:to_login";}//修改密码//进入修改密码页面@RequestMapping(value = "/to_change_password")public String toChangePassword(){return "change_password";}//修改密码@RequestMapping(value = "/change_password")public String ChangePassword(@RequestParam("old")String old,@RequestParam("new1")String new1,@RequestParam("new2")String new2,HttpSession httpSession){//获得当前员工对象Employee employee = (Employee)httpSession.getAttribute("employee");//判断if(employee.getPassword().equals(old)){//如果1等于2if (new1.equals(new2)){//密码赋值到对象employee.setPassword(new1);//调用业务层方法globalBizService.updatePwd(employee);//跳转到个人信息页面return "redirect:/quit";}}//填写错误就跳转到修改密码页面return "redirect:/to_change_password";}}

spring-web.xml web配置文件(Controller层)添加拦截器配置文件

<!--拦截器注册-->
<mvc:interceptors><!--用户登录拦截器--><mvc:interceptor><mvc:mapping path="/**"></mvc:mapping>  <!--拦截所有请求--><bean class="cn.com.global.LoginInteceptor"></bean></mvc:interceptor><!--日志拦截器-->
</mvc:interceptors>

登录-前端页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>欢迎使用企业OA系统</title><meta name="keywords" content="HTML5 Bootstrap 3 Admin Template UI Theme" /><meta name="description" content="AbsoluteAdmin - A Responsive HTML5 Admin UI Framework"><meta name="author" content="AbsoluteAdmin"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" type="text/css" href="assets/skin/default_skin/css/theme.css"><link rel="stylesheet" type="text/css" href="assets/admin-tools/admin-forms/css/admin-forms.css"><link rel="shortcut icon" href="assets/img/favicon.ico">
</head>
<body class="external-page external-alt sb-l-c sb-r-c">
<div id="main" class="animated fadeIn"><section id="content_wrapper"><section id="content"><div class="admin-form theme-info mw500" id="login"><div class="content-header"><h1> 企业OA系统</h1><p class="lead">欢迎使用企业自动化管理系统</p></div><div class="panel mt30 mb25"><form method="post" action="login" id="contact"><div class="panel-body bg-light p25 pb15"><div class="section"><label for="sn" class="field-label text-muted fs18 mb10">工号</label><label for="sn" class="field prepend-icon"><input type="text" name="sn" id="sn" class="gui-input" placeholder="请输入工号..."><label for="sn" class="field-icon"><i class="fa fa-user"></i></label></label></div><div class="section"><label for="password" class="field-label text-muted fs18 mb10">密码</label><label for="password" class="field prepend-icon"><input type="password" name="password" id="password" class="gui-input" placeholder="请输入密码..."><label for="password" class="field-icon"><i class="fa fa-lock"></i></label></label></div></div><div class="panel-footer clearfix"><button type="submit" class="button btn-primary mr10 pull-right">登陆</button><label class="switch ib switch-primary mt10"><input type="checkbox" name="remember" id="remember" checked="true"><label for="remember" data-on="是" data-off="否"></label><span>记住我</span></label></div></form></div></div></section></section>
</div>
<script src="vendor/jquery/jquery-1.11.1.min.js"></script>
<script src="vendor/jquery/jquery_ui/jquery-ui.min.js"></script>
<script src="assets/js/utility/utility.js"></script>
<script src="assets/js/demo/demo.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>

个人信息展示页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="top.jsp"/><section id="content" class="table-layout animated fadeIn"><div class="tray tray-center"><div class="content-header"><h2> 个人信息 </h2><p class="lead"></p></div><div class="admin-form theme-primary mw1000 center-block" style="padding-bottom: 175px;"><div class="panel heading-border"><div class="panel-body bg-light"><div class="section-divider mt20 mb40"><span> 基本信息 </span></div><div class="section row"><div class="col-md-2">工号</div>  <%--四大作用域page>request>>>--%><div class="col-md-4">${sessionScope.employee.sn}</div><div class="col-md-2">姓名</div><div class="col-md-4">${sessionScope.employee.name}</div></div><div class="section row"><div class="col-md-2">所属部门</div><div class="col-md-4">${sessionScope.employee.department.name}</div><div class="col-md-2">职务</div><div class="col-md-4">${sessionScope.employee.post}</div></div><div class="panel-footer text-right"><button type="button" class="button" onclick="javascript:window.history.go(-1);"> 返回 </button></div></div></div></div></div>
</section><jsp:include page="bottom.jsp"/>

修改密码页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="top.jsp"/><section id="content" class="table-layout animated fadeIn"><div class="tray tray-center"><div class="content-header"><h2> 修改密码 </h2><p class="lead"></p></div><div class="admin-form theme-primary mw1000 center-block" style="padding-bottom: 175px;"><div class="panel heading-border"><form method="post" action="change_password" id="admin-form"><div class="panel-body bg-light"><div class="section-divider mt20 mb40"><span> 基本信息 </span></div><div class="section row"><div class="col-md-6"><label for="old" class="field prepend-icon"><input type="password" name="old" id="old" class="gui-input" placeholder="原始密码..."><label for="old" class="field-icon"><i class="fa fa-lock"></i></label></label></div></div><div class="section row"><div class="col-md-6"><label for="new1" class="field prepend-icon"><input type="password" name="new1" id="new1" class="gui-input" placeholder="新密码..."><label for="new1" class="field-icon"><i class="fa fa-lock"></i></label></label></div><div class="col-md-6"><label for="new2" class="field prepend-icon"><input type="password" name="new2" id="new2" class="gui-input" placeholder="再次输入新密码..."><label for="new2" class="field-icon"><i class="fa fa-lock"></i></label></label></div></div><div class="panel-footer text-right"><button type="submit" class="button"> 修改 </button><button type="button" class="button" onclick="javascript:window.history.go(-1);"> 返回 </button></div></div></form></div></div></div>
</section><jsp:include page="bottom.jsp"/>

SSM项目-OA报销单管理系统(三)相关推荐

SSM项目-OA报销单管理系统(一)
项目说明数据库 -- 先创建库 -- 再使用库 USE oa;CREATE TABLE claim_voucher (id INT NOT NULL AUTO_INCREMENT,cause VAR ...
手把手教你SSM整合开发办公系统(OA)——报销单(含源码)
文章目录前言项目展示技能要求一.开始前的准备 1.OA系统是什么? 2.人员权利与报销流程 3.数据库设计 4.创建项目及作用说明 5.包与全局变量配置 6.编写过滤器 7.静态资源的复制与请 ...
SSM项目-汽车租赁后台管理系统
使用SSM和layui做了一个汽车租赁后台管理系统,功能还没有完善,先发出来再慢慢完善更新包结构: 项目后期又用Maven整合了一下,jar包太多,把pom贴出来好了 pom.xml <pro ...
SSM8==纯注解SSM项目：实现单表CRUD、事务、自定义异常和统一异常处理、RESTFUL风格接口、统一返回值格式（状态码、内容、消息）、JSON传参、axios、vue.js、elementUI
环境:IDEA2021+JDK8+MAVEN3.8+TOMCAT7插件前端:axios.vue.js.elementUI 后端:见POM.XML相关依赖,主要有数据库MySQL5.7 ,数据源Dru ...
SSM项目（GitHub上找的）
SSM项目文章目录 SSM项目 1.学生信息管理系统 2.学生考试系统 2.1学生前台 2.2后台 3.房屋出租系统 4.宿舍管理系统 1.学生管理: 2.班级管理(对班级的增删改查) 5.人事管理 ...
SSM 项目 --------- 小米商城后台管理系统
目录一.项目名称二.使用技术三.开发步骤四.具体实现 1.创建数据库表 2.项目结构 3.配置文件 pom.xml db.properties applicationContext-dao.x ...
开源项目-OA自动化管理系统
哈喽,大家好啊,今天给大家带来一个开源系统-办公自动化管理系统简介: OA( Office Automation System)办公自动化系统是一个企业用来管理日常事务的系统,它一般用来管理各种 ...
ssm项目——CRM客户管理系统开发准备
目前项目放在github上,需要的同学可以直接取git clone下来,https://github.com/PAcee1/crm 这个项目是学习完spring,springmvc,mybatis后为 ...
基于ssm框架实现网上购物管理系统【附项目源码+论文说明】
基于ssm框架实现网上购物管理系统演示摘要本论文主要论述了如何使用JAVA语言开发一个网上购物系统,本系统将严格按照软件开发流程进行各个阶段的工作,采用B/S架构,面向对象编程思想进行项目开发.在 ...

SSM项目-OA报销单管理系统(三)

登录-前端页面

SSM项目-OA报销单管理系统(三)相关推荐

最新文章

热门文章