• java springboot+VUE OA企业办公自动化系统前后端分离开发mysql数据库web结构java编程计算机网页源码maven项目

    一、源码特点
      springboot VUE OA企业办公自动化系统是一套完善的完整信息管理类型系统，结合springboot框架和VUE完成本系统 后端采用mybatis进行数据库交互，对理解JSP java编程开发语言有帮
    助系统采用springboot框架（MVC模式开发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。

    springboot+VUE OA企业办公自动化系统1


    前段主要技术 vue 
    后端主要技术 Springboot mybatis java
    数据库 mysql
    开发工具 IDEA  JDK1.8 
    环境需要

    1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以 不建议。

    2.IDE环境：推荐IDEA;

    3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可，本系统不需要

    4.硬件环境：windows 7/8/10 1G内存以上；；

    5.数据库：MySql 5.0 5.6等版本均可；

    6.maven项目

    使用说明

    1. 使用Navicat或者其它工具，在mysql中创建对应sql文件名称的数据库，并导入项目的sql文件；

    2. 使用IDEA/Eclipse/MyEclipse导入项目;

    3. 将项目中oa\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
    数据库支持 mysql5.0 到5.6 ，如果需要5.7 到8.0 需要二次转换升级
    4.vscode 开vue项目工程
    5.vue 项目启动  npm run serve 
    vue 版本 2.9.6
    node 版本 16.14.2

    二、功能介绍
    (1)管理员管理：对管理员信息进行添加、删除、修改和查看
    (2)部门管理：对部门信息进行添加、删除、修改和查看
    (3)用户管理：对用户信息进行添加、删除、修改和查看
    (4)违纪罚款管理：对违纪罚款信息进行添加、删除、修改和查看
    (5)请假管理：对请假信息进行添加、删除、修改和查看
    (6)会议室管理：对会议室信息进行添加、删除、修改和查看
    (7)线上会议管理：对线上会议信息进行添加、删除、修改和查看
    (8)线下会议管理：对线下会议信息进行添加、删除、修改和查看
    (9)用户登录 个人信息修改

    主要控制类

    1.  /**会议室列表 查询hys
    2.      *
    3.      */
    4.     @GetMapping("list")
    5.     public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
    6.                             @RequestParam(value = "pageSize",defaultValue = "10") int szie,
    7. 			    @RequestParam(defaultValue = "") String hysmc
    8. 			    )  {
    9.  
    10.         Result res=new Result();
    11.  
    12.  
    13.         List list=null;
    14.           Map  map1= new HashMap();
    15.  
    16.         try{
    17.  
    18.  
    19. 	
    20. 	if(hysmc!=null&&!hysmc.equals("")){
    21. 	map1.put("hysmc",hysmc);//会议室名称 传入查询参数
    22. 	}
    23. 		  int a=(page-1)*szie;
    24.         map1.put("start",a);//分页起始位置
    25.        map1.put("end",szie);//分页结束位置
    26.         list=hysdao.getAllp(map1);//传入 方法参数  //查询hys表数据返回 list对象
    27.           
    28.  
    29.  
    30.            
    31.             res.setCode(200);
    32.             res.setMessage("查询成功");
    33.  
    34.  
    35.             res.setData(tl.ltoj(list));
    36.  
    37.            list=hysdao.getAll(map1);
    38.             res.setNum(list.size());
    39.  
    40.         }catch(Exception e){
    41.             e.printStackTrace();;
    42.         }
    43.  
    44.  
    45.  
    46.  
    47.         return res;
    48.     }
    49.  
    50.  
    51.    /**会议室列表 查询hys
    52. 	 * 
    53. 	 */
    54.  
    55.     @GetMapping("listpage")
    56.     public Result  listpage(
    57. 			    @RequestParam(defaultValue = "") String hysmc
    58. 			    )  {
    59.  
    60.         Result res=new Result();
    61.  
    62.  
    63.         List list=null;
    64.     	Map  map1= new HashMap();
    65. 	
    66. 	if(hysmc!=null&&!hysmc.equals("")){
    67. 	map1.put("hysmc",hysmc);//会议室名称 传入查询参数
    68. 	}
    69. 	try{
    70. 	  
    71. 	 list=hysdao.getAll(map1);//传入 方法参数  //查询hys表数据返回 list对象
    72.         res.setCode(200);
    73.         res.setMessage("查询成功");
    74.  
    75.  
    76.         res.setData(tl.ltoj(list));
    77.  
    78. 	}catch(Exception e){
    79.             e.printStackTrace();;
    80.         }
    81.  
    82.  
    83.        
    84.  
    85.         return res;
    86.     }
    87.  
    88.  
    89. 	/**会议室添加方法 对表 hys  进行添加
    90. 	 * 
    91. 	 */
    92.     @PostMapping(value = "add")
    93.     public Result  add(@RequestBody hys bean){
    94.             Result res=new Result();
    95.  
    96.  
    97. 	try{
    98.          
    99.             if(bean.getHysid()!=null&&!bean.getHysid().equals("")){
    100.             hysdao.update(bean);//执行 修改 hys 添加操作
    101.                 res.setMessage("操作成功");
    102.             }else{
    103.             hysdao.add(bean);//执行 添加hys 添加操作
    104.                 res.setMessage("添加成功");
    105.         }
    106.  
    107.  
    108. 	 }catch(Exception e){
    109.             e.printStackTrace();;
    110.         }
    111.         res.setCode(200);
    112.  
    113.         //System.out.println(res);
    114.  
    115.  
    116.  
    117.         return res;
    118.  
    119.     }

    前端vue 代码

    1.    
    2.     <el-table :data="tableData" border stripe :header-cell-class-name="'headerBg'"  @selection-change="handleSelectionChange">
    3.  
    4.      
    5.         <el-table-column  label="序号" width="80"
    6.       type="index"
    7.       :index="indexMethod">
    8.  
    9.     </el-table-column>
    10.  
    11.       <el-table-column prop="bmmc" label="部门名称" width="180"></el-table-column>
    12.       <el-table-column prop="sm" label="说明" width="420"></el-table-column>
    13.     
    14.       <el-table-column label="操作"  width="280" align="center">
    15.         <template slot-scope="scope">
    16.         
    17.         <el-button type="info" @click="handleDetail(scope.row)">详情 <i class="el-icon-reading"></i></el-button>
    18.        
    19.         </template>
    20.       </el-table-column>
    21.     </el-table>
    22.     <div style="padding: 10px 0">
    23.       <el-pagination
    24.           @size-change="handleSizeChange"
    25.           @current-change="handleCurrentChange"
    26.           :current-page="pageNum"
    27.           :page-sizes="[2, 5, 10, 20]"
    28.           :page-size="pageSize"
    29.           layout="total, sizes, prev, pager, next, jumper"
    30.           :total="total">
    31.       </el-pagination>
    32.     </div>
    33.  
    34.     <el-dialog title="部门信息" :visible.sync="dialogFormVisible" width="30%" >
    35.  
    36.       <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >
    37.  
    38.         <el-form-item label="部门名称" prop="bmmc"  >
    39.           <el-input v-model="form.bmmc"  ></el-input>
    40.        </el-form-item>
    41.         <el-form-item label="说明" prop="sm"  >
    42.           <el-input v-model="form.sm"  ></el-input>
    43.        </el-form-item>
    44.   
    45.        
    46.       </el-form>
    47.       <div slot="footer" class="dialog-footer">
    48.         <el-button @click="dialogFormVisible = false">取 消</el-button>
    49.         <el-button type="primary" @click="save">确 定</el-button>
    50.       </div>
    51.       
    52.     </el-dialog>
    53.  
    54.  
    55.         <el-dialog title="查看部门信息" :visible.sync="dialogDetailVisible" width="30%" >
    56.  
    57.       <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >
    58.  
    59.  
    60.         <el-form-item label="部门名称" prop="bmmc"  required>
    61.          {{form.bmmc}}
    62.        </el-form-item>
    63.  
    64.         <el-form-item label="说明" prop="sm"  required>
    65.          {{form.sm}}
    66.        </el-form-item>
    67.  
    68.     
    69.     
    70.        
    71.       </el-form>
    72.       <div slot="footer" class="dialog-footer">
    73.         <el-button @click="dialogDetailVisible = false">关闭</el-button>
    74.        
    75.       </div>
    76.       
    77.     </el-dialog>
    78.  
    79.  
    80.

    数据库设计

    1. CREATE TABLE `gly` (
    2. `glyid` int(11) NOT NULL auto_increment,
    3. `yhm` VARCHAR(40) default NULL COMMENT '用户名',
    4. `mm` VARCHAR(40) default NULL COMMENT '密码',
    5. `xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
    6. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
    7. CREATE TABLE `bumen` (
    8. `bmid` int(11) NOT NULL auto_increment,
    9. `bmmc` VARCHAR(40) default NULL COMMENT '部门名称',
    10. `sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`bmid`)
    11. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
    12. CREATE TABLE `yonghu` (
    13. `yhid` int(11) NOT NULL auto_increment,
    14. `yhm` VARCHAR(40) default NULL COMMENT '用户名',
    15. `mm` VARCHAR(40) default NULL COMMENT '密码',
    16. `xm` VARCHAR(40) default NULL COMMENT '姓名',
    17. `lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
    18. `lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
    19. `bm` VARCHAR(40) default NULL COMMENT '部门',  PRIMARY KEY  (`yhid`)
    20. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
    21. CREATE TABLE `wjfk` (
    22. `wjfkid` int(11) NOT NULL auto_increment,
    23. `bt` VARCHAR(40) default NULL COMMENT '标题',
    24. `sm` VARCHAR(40) default NULL COMMENT '说明',
    25. `fkje` VARCHAR(40) default NULL COMMENT '罚款金额',
    26. `fkyy` VARCHAR(40) default NULL COMMENT '罚款原因',
    27. `yh` VARCHAR(40) default NULL COMMENT '用户',
    28. `zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`wjfkid`)
    29. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
    30. CREATE TABLE `qingjia` (
    31. `qjid` int(11) NOT NULL auto_increment,
    32. `bt` VARCHAR(40) default NULL COMMENT '标题',
    33. `qjnr` VARCHAR(40) default NULL COMMENT '请假内容',
    34. `yh` VARCHAR(40) default NULL COMMENT '用户',
    35. `qjsj` VARCHAR(40) default NULL COMMENT '请假时间',
    36. `tjsj` VARCHAR(40) default NULL COMMENT '提交时间',
    37. `zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`qjid`)
    38. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
    39. CREATE TABLE `hys` (
    40. `hysid` int(11) NOT NULL auto_increment,
    41. `hysmc` VARCHAR(40) default NULL COMMENT '会议室名称',
    42. `sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`hysid`)
    43. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
    44. CREATE TABLE `xshy` (
    45. `xshyid` int(11) NOT NULL auto_increment,
    46. `hymc` VARCHAR(40) default NULL COMMENT '会议名称',
    47. `xshys` VARCHAR(40) default NULL COMMENT '线上会议室',
    48. `sj` VARCHAR(40) default NULL COMMENT '时间',
    49. `rq` VARCHAR(40) default NULL COMMENT '日期',
    50. `fbr` VARCHAR(40) default NULL COMMENT '发布人',
    51. `sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`xshyid`)
    52. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

    三、注意事项 
    1、管理员账号：admin密码：admin 数据库配置文件DBO.java
    2、开发环境为IDEA开发，数据库为mysql，使用java语言开发 VUE展现。
    3、数据库文件名是jspoa.sql 系统名称oa
    4、地址：http://128.0.0.1:8080/login

    四 系统实现

  • 相关阅读:
    试剂盒和示踪剂—艾美捷FLIVO探针活体凋亡检测分析
    LeetCode47-全排列II-剪枝逻辑
    信息安全服务资质认证-安全工程一级
    uniapp微信小程序video视频监听播放时间
    远程桌面一直被人爆破的解决思路
    u盘无法复制过大文件怎么解决？揭秘！
    基于卷积神经网络的分类算法
    【SpringBoot+Vue】资产管理系统（源码+远程部署+代码讲解+答辩教学）
    liunx 磁盘分区格式报错问题及挂载步骤
    六种在 JavaScript 中将字符串转换为数组的方法
  • 原文地址：https://blog.csdn.net/qq_41221322/article/details/133962907