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

news2024/11/19 3:33:08

一、源码特点
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)用户登录个人信息修改

主要控制类

 /**会议室列表 查询hys
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String hysmc
			    )  {

        Result res=new Result();


        List list=null;
          Map  map1= new HashMap();

        try{


	
	if(hysmc!=null&&!hysmc.equals("")){
	map1.put("hysmc",hysmc);//会议室名称 传入查询参数
	}
		  int a=(page-1)*szie;
        map1.put("start",a);//分页起始位置
       map1.put("end",szie);//分页结束位置
        list=hysdao.getAllp(map1);//传入 方法参数  //查询hys表数据返回 list对象
          


           
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

           list=hysdao.getAll(map1);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**会议室列表 查询hys
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String hysmc
			    )  {

        Result res=new Result();


        List list=null;
    	Map  map1= new HashMap();
	
	if(hysmc!=null&&!hysmc.equals("")){
	map1.put("hysmc",hysmc);//会议室名称 传入查询参数
	}
	try{
	  
	 list=hysdao.getAll(map1);//传入 方法参数  //查询hys表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**会议室添加方法 对表 hys  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody hys bean){
            Result res=new Result();


	try{
         
            if(bean.getHysid()!=null&&!bean.getHysid().equals("")){
            hysdao.update(bean);//执行 修改 hys 添加操作
                res.setMessage("操作成功");
            }else{
            hysdao.add(bean);//执行 添加hys 添加操作
                res.setMessage("添加成功");
        }


	 }catch(Exception e){
            e.printStackTrace();;
        }
        res.setCode(200);

        //System.out.println(res);



        return res;

    }

前端vue 代码

   
    <el-table :data="tableData" border stripe :header-cell-class-name="'headerBg'"  @selection-change="handleSelectionChange">

     
        <el-table-column  label="序号" width="80"
      type="index"
      :index="indexMethod">

    </el-table-column>

      <el-table-column prop="bmmc" label="部门名称" width="180"></el-table-column>
      <el-table-column prop="sm" label="说明" width="420"></el-table-column>
    
      <el-table-column label="操作"  width="280" align="center">
        <template slot-scope="scope">
        
        <el-button type="info" @click="handleDetail(scope.row)">详情 <i class="el-icon-reading"></i></el-button>
       
        </template>
      </el-table-column>
    </el-table>
    <div style="padding: 10px 0">
      <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="pageNum"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
      </el-pagination>
    </div>

    <el-dialog title="部门信息" :visible.sync="dialogFormVisible" width="30%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >

        <el-form-item label="部门名称" prop="bmmc"  >
          <el-input v-model="form.bmmc"  ></el-input>
       </el-form-item>
        <el-form-item label="说明" prop="sm"  >
          <el-input v-model="form.sm"  ></el-input>
       </el-form-item>
  
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="save">确 定</el-button>
      </div>
      
    </el-dialog>


        <el-dialog title="查看部门信息" :visible.sync="dialogDetailVisible" width="30%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >


        <el-form-item label="部门名称" prop="bmmc"  required>
         {{form.bmmc}}
       </el-form-item>

        <el-form-item label="说明" prop="sm"  required>
         {{form.sm}}
       </el-form-item>

    
    
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogDetailVisible = false">关闭</el-button>
       
      </div>
      
    </el-dialog>

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `bumen` (
`bmid` int(11) NOT NULL auto_increment,
`bmmc` VARCHAR(40) default NULL COMMENT '部门名称',
`sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`bmid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `yonghu` (
`yhid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`bm` VARCHAR(40) default NULL COMMENT '部门',  PRIMARY KEY  (`yhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `wjfk` (
`wjfkid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`sm` VARCHAR(40) default NULL COMMENT '说明',
`fkje` VARCHAR(40) default NULL COMMENT '罚款金额',
`fkyy` VARCHAR(40) default NULL COMMENT '罚款原因',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`wjfkid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `qingjia` (
`qjid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`qjnr` VARCHAR(40) default NULL COMMENT '请假内容',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`qjsj` VARCHAR(40) default NULL COMMENT '请假时间',
`tjsj` VARCHAR(40) default NULL COMMENT '提交时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`qjid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `hys` (
`hysid` int(11) NOT NULL auto_increment,
`hysmc` VARCHAR(40) default NULL COMMENT '会议室名称',
`sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`hysid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `xshy` (
`xshyid` int(11) NOT NULL auto_increment,
`hymc` VARCHAR(40) default NULL COMMENT '会议名称',
`xshys` VARCHAR(40) default NULL COMMENT '线上会议室',
`sj` VARCHAR(40) default NULL COMMENT '时间',
`rq` VARCHAR(40) default NULL COMMENT '日期',
`fbr` VARCHAR(40) default NULL COMMENT '发布人',
`sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`xshyid`)
) 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

四系统实现