基于java+ssm+vue的OA办公系统

项目介绍

随着信息技术在管理上越来越深入而广泛的应用，作为一个一般的企业都开始注重与自己的信息展示平台，实现基于HTML5的OA办公系统在技术上已成熟。本文介绍了基于HTML5的OA办公系统的开发全过程。通过分析企业对于博客网站的需求，创建了一个计算机管理基于HTML5的OA办公系统的方案。文章介绍了基于HTML5的OA办公系统的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。

本基于HTML5的OA办公系统管理员和员工，员工可以注册。管理员功能有个人中心，员工管理，部门信息管理，岗位信息管理，公告通知管理，人事档案管理，考勤打卡管理，考勤记录管理，我的邮件过来，新建工作模板管理，待办工作管理。员工功能有个人中心，公告通知管理，人事档案管理，考勤打卡管理，考勤记录管理，我的邮件过来，新建工作模板管理，待办工作管理，因而具有一定的实用性。

本站是一个B/S模式系统，采用Java的SSM框架作为开发技术，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得基于HTML5的OA办公系统管理工作系统化、规范化。

开发环境

编程语言：Java
数据库 ：Mysql
系统架构：B/S
后端框架：SSM
编译工具：idea或者eclipse，jdk1.8，maven
支持定做：java/php/python/android/小程序ue/爬虫/c#/asp.net

系统实现

5.1 管理员模块的实现
5.1.1 员工信息管理
基于HTML5的OA办公系统的系统管理员可以员工信息，可以对员工信息添加修改删除操作。具体界面的展示如图5.1所示。

图5.1 员工信息管理界面

5.1.2 公告通知管理
系统管理员可以对公告通知进行添加，修改，删除操作。具体界面如图5.2所示。

图5.3 公告通知管理界面

5.1.3 考勤记录管理
系统管理员可以对考勤记录进行统计以及删除操作。界面如下图所示：

图5.4 考勤记录管理界面

5.2 员工模块的实现
5.2.1 考勤打卡
员工登录后，点击考勤打卡，可以提交考勤信息。界面如下图所示：

图5.5 考勤打卡界面

5.2.2 我的邮件
用户登录后，点击我的邮件管理里面的我的邮件，就可以出现我的邮件界面，可以对邮件新增和查看操作。界面如下图所示：

图5.6 我的邮件界面

5.2.3 新建工作管理
用户登录后可以在新建工作管理里面点击新建工作操作。界面如下图所示：

图5.7 新建工作界面

核心代码

package com.controller;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;

import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;

import com.entity.LiuchengleixingEntity;
import com.entity.view.LiuchengleixingView;

import com.service.LiuchengleixingService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;


/**
 * 流程类型
 * 后端接口
 * @author 
 * @email 
 * @date 
 */
@RestController
@RequestMapping("uchengleixing")
public class LiuchengleixingController {
    @Autowired
    private LiuchengleixingService liuchengleixingService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,LiuchengleixingEntity liuchengleixing, 
		HttpServletRequest request){

        EntityWrapper<LiuchengleixingEntity> ew = new EntityWrapper<LiuchengleixingEntity>();
		PageUtils page = liuchengleixingService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, liuchengleixing), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("st")
    public R list(@RequestParam Map<String, Object> params,LiuchengleixingEntity liuchengleixing, HttpServletRequest request){
        EntityWrapper<LiuchengleixingEntity> ew = new EntityWrapper<LiuchengleixingEntity>();
		PageUtils page = liuchengleixingService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, liuchengleixing), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("sts")
    public R list( LiuchengleixingEntity liuchengleixing){
       	EntityWrapper<LiuchengleixingEntity> ew = new EntityWrapper<LiuchengleixingEntity>();
      	ew.allEq(MPUtil.allEQMapPre( liuchengleixing, "liuchengleixing")); 
        return R.ok().put("data", liuchengleixingService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(LiuchengleixingEntity liuchengleixing){
        EntityWrapper< LiuchengleixingEntity> ew = new EntityWrapper< LiuchengleixingEntity>();
 		ew.allEq(MPUtil.allEQMapPre( liuchengleixing, "liuchengleixing")); 
		LiuchengleixingView liuchengleixingView =  liuchengleixingService.selectView(ew);
		return R.ok("查询流程类型成功").put("data", liuchengleixingView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        LiuchengleixingEntity liuchengleixing = liuchengleixingService.selectById(id);
        return R.ok().put("data", liuchengleixing);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        LiuchengleixingEntity liuchengleixing = liuchengleixingService.selectById(id);
        return R.ok().put("data", liuchengleixing);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("ve")
    public R save(@RequestBody LiuchengleixingEntity liuchengleixing, HttpServletRequest request){
    	liuchengleixing.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(liuchengleixing);

        liuchengleixingService.insert(liuchengleixing);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody LiuchengleixingEntity liuchengleixing, HttpServletRequest request){
    	liuchengleixing.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(liuchengleixing);

        liuchengleixingService.insert(liuchengleixing);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody LiuchengleixingEntity liuchengleixing, HttpServletRequest request){
        //ValidatorUtils.validateEntity(liuchengleixing);
        liuchengleixingService.updateById(liuchengleixing);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        liuchengleixingService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<LiuchengleixingEntity> wrapper = new EntityWrapper<LiuchengleixingEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}


		int count = liuchengleixingService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}

论文参考

目录
1系统概述 1
1.1 研究背景 1
1.2研究目的 1
1.3系统设计思想 1
2相关技术 3
2.1 MYSQL数据库 3
2.2 B/S结构 3
2.3 SSM框架简介 4
3系统分析 6
3.1可行性分析 6
3.1.1技术可行性 6
3.1.2经济可行性 6
3.1.3操作可行性 6
3.2系统性能分析 7
3.2.1 系统安全性 7
3.2.2 数据完整性 7
3.3系统界面分析 7
3.4系统流程和逻辑 9
4系统概要设计 10
4.1概述 10
4.2系统结构 11
4.3.数据库设计 12
4.3.1数据库实体 12
4.3.2数据库设计表 14
5系统详细实现 19
5.1 管理员模块的实现 19
5.1.1 员工信息管理 19
5.1.2 公告通知管理 19
5.1.3 考勤记录管理 20
5.2 员工模块的实现 21
5.2.1 考勤打卡 21
5.2.2 我的邮件 21
5.2.3 新建工作管理 22
6系统测试 22
6.1概念和意义 22
6.2特性 23
6.3重要性 23
6.4测试方法 23
6.5 功能测试 24
6.6可用性测试 24
6.7性能测试 25
6.8测试分析 25
6.9测试结果分析 26
结论 26
致谢语 26
参考文献 27