职工人事管理系统_项目整合以及salary模块逻辑整理

项目：

groupId 在所有项目中唯一标识您的项目。
artifactId 是没有版本的 jar 的名称。
Maven 中groupId 和artifactId 的主要区别在于，groupId 指定项目组的id，而artifactId 指定项目的id

配置完环境，如何测试自己的依赖安装完毕？添加一个文件 java下创建一个application

解释：

@SpringBootTest注解用于表示这是一个Spring Boot应用的集成测试。它加载完整的应用程序上下文，并提供与正在运行的应用程序相同的配置。

ApplicationTests类是一个测试类，其中包含一个名为contextLoads()的测试方法。该方法使用@Test注解进行标记，表示这是一个应该由测试框架执行的测试用例。

contextLoads()测试方法的目的是验证应用程序上下文是否能够成功加载。这是一个简单的测试，检查应用程序是否能够启动而不会抛出任何异常。

运行这个测试类时，测试框架将初始化Spring Boot应用程序上下文并调用contextLoads()方法。如果应用程序上下文成功加载且没有抛出任何异常，测试将通过。否则，测试将失败，表示应用程序的配置或依赖项可能存在问题。

需要注意的是，这只是一个基本的测试类，并不包含任何断言或实际的测试逻辑。在实际情况中，你通常会添加额外的测试方法，并使用具体的断言来验证应用程序的行为。

效果如图完成依赖搭建：

如图，环境搭建完成。

启动代码；

成功！

解释：

系统默认有两个角色：管理员，普通用户

管理员（admin/admin123）：可以操作所有功能、增加用户
普通用户（test/test）：只可查看记录、无法修改

salary模块解释：

前端：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>职工薪资管理</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../../layuimini/lib/layui-v2.5.5/css/layui.css" media="all" />
  <link rel="stylesheet" href="../../layuimini/css/public.css" media="all" />
</head>

<body>
  <!--搜索信息框内容-->
  <div class="layuimini-container">
    <div class="layuimini-main">
      <fieldset class="table-search-fieldset">
        <legend>搜索信息</legend>
        <div style="margin: 10px 10px 10px 10px">
          <form class="layui-form layui-form-pane" action="">
            <div class="layui-form-item">
              <label class="layui-form-label">部门选择</label>
              <div class="layui-input-inline">
                <select id="selectId" lay-filter="select">
                  <option value="0">请选择部门</option>
                </select>
                <input type="hidden" name="departmentName" id="departmentName" />
              </div>

              <label class="layui-form-label">职工选择</label>
              <div class="layui-input-inline">
                <select name="personalId" id="selectPersonal" lay-filter="selectPersonal">
                  <option value="0">请选择职工</option>
                </select>
              </div>

              <div class="layui-inline">
                <label class="layui-form-label">薪资日期:</label>
                <div class="layui-input-inline">
                  <input type="text" id="searchRewardDate" autocomplete="off" class="layui-input" />
                  <input type="hidden" name="year" id="searchyear" />
                  <input type="hidden" name="month" id="searchmonth" />
                </div>
              </div>
              <div class="layui-inline">
                <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn">
                  <i class="layui-icon layui-icon-search"></i> 搜 索
                </button>
              </div>
              <div class="layui-inline">
                <a type="button" class="layui-btn layui-btn-primary" id="data-reset-btn">
                  <i class="layui-icon"></i> 重 置
                </a>
              </div>
            </div>
          </form>
        </div>
      </fieldset>
      <!--四个不同颜色的按钮-->
      <script type="text/html" id="toolbarDemo">
          <div class="layui-btn-container">
            <button
              class="layui-btn layui-btn-normal layui-btn-sm"
              lay-event="add"
            >
              添加
            </button>
            <button
              class="layui-btn layui-btn-sm layui-btn-danger"
              lay-event="delete"
            >
              删除
            </button>
            <button
              class="layui-btn layui-btn-sm layui-btn-sucess"
              lay-event="refresh"
            >
              刷新
            </button>
            <button
              class="layui-btn layui-btn-sm layui-btn-warm"
              lay-event="export"
            >
              导出全部数据
            </button>
          </div>
        </script>
      <!--右上三个小标-->
      <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
    </div>
  </div>

  <script type="text/html" id="userEditDialog">
      <form
        id="userEditForm"
        lay-filter="userEditForm"
        class="layui-form layui-form-pane"
        style="padding-left:20px;margin-top: 20px;"
      >
        <div class="layui-row">
          <div class="layui-col-md12">
            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">职工名称:</label>
                <div class="layui-input-inline">
                  <select
                    name="personalId"
                    id="personalId"
                    lay-search
                    lay-verType="tips"
                    lay-verify="required"
                  >
                    <option value="">请选择职工</option>
                  </select>
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">发薪日期:</label>
                <div class="layui-input-inline">
                  <input
                    type="text"
                    name="salaryDate"
                    id="salaryDate"
                    autocomplete="off"
                    class="layui-input"
                    lay-verType="tips"
                    lay-verify="required"
                  />
                </div>
              </div>
            </div>

            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">基本工资:</label>
                <div class="layui-input-inline">
                  <input
                    name="basisSalary"
                    placeholder="请输入基本工资"
                    class="layui-input"
                    lay-verType="tips"
                    lay-verify="number"
                  />
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">补助工资:</label>
                <div class="layui-input-inline">
                  <input
                    name="subsidySalary"
                    placeholder="请输入补助工资"
                    class="layui-input"
                    lay-verType="tips"
                    lay-verify="number"
                  />
                </div>
              </div>
            </div>

            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">社保:</label>
                <div class="layui-input-inline">
                  <input
                    name="socialSalary"
                    placeholder="请输入社保"
                    class="layui-input"
                    lay-verType="tips"
                    lay-verify="number"
                  />
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">公积金:</label>
                <div class="layui-input-inline">
                  <input
                    name="providentFund"
                    placeholder="请输入公积金"
                    class="layui-input"
                    lay-verType="tips"
                    lay-verify="number"
                  />
                </div>
              </div>
            </div>

            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">奖金:</label>
                <div class="layui-input-inline">
                  <input
                    name="bonus"
                    placeholder="请输入奖金"
                    class="layui-input"
                    lay-verType="tips"
                    lay-verify="number"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="layui-form-item layui-input-block">
          <button class="layui-btn" lay-filter="userEditSubmit" lay-submit>
            提交
          </button>
          <button class="layui-btn layui-btn-primary" type="button" id="Cancel">
            取消
          </button>
        </div>
      </form>
    </script>

  <script type="text/html" id="currentTableBar">
      <a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit"
        >编辑</a
      >
      <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delete"
        >删除</a
      >
    </script>

  <script src="../../layuimini/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
  <script src="../../layuimini/js/lay-config.js" charset="utf-8"></script>
  <script>
    var tableIns
    layui.use(
      ['layer', 'form', 'table', 'laydate', 'common', 'excel'],
      function (args) {
        var $ = layui.jquery,
          form = layui.form,
          laydate = layui.laydate,
          table = layui.table,
          common = layui.common,
          excel = layui.excel

        tableIns = table.render({
          elem: '#currentTableId',
          url: common.api + '/salary/list',
          where: { token: common.getToken },
          toolbar: '#toolbarDemo',
          title: '职工薪资信息',
          limits: [1, 5, 10, 15, 20],
          limit: 15,
          page: true,
          skin: 'row',
          even: true,
          cols: [
            [
              {
                type: 'checkbox',
                width: 50,
              },
              {
                field: 'id',
                title: 'ID',
                width: 80,
                sort: true,
                align: 'center',
              },
              {
                field: 'personalName',
                width: 100,
                title: '职工姓名',
                align: 'center',
              },
              {
                field: 'departmentName',
                width: 150,
                title: '所属部门',
                align: 'center',
              },
              {
                field: 'positionName',
                width: 150,
                title: '所属岗位',
                align: 'center',
              },
              {
                field: 'basisSalary',
                width: 150,
                title: '基本工资',
                align: 'center',
                templet: function (d) {
                  return d.basisSalary + '元'
                },
                sort: true,
              },
              {
                field: 'subsidySalary',
                width: 100,
                title: '补助工资',
                align: 'center',
                templet: function (d) {
                  return d.subsidySalary + '元'
                },
              },
              {
                field: 'socialSalary',
                width: 100,
                title: '社保',
                align: 'center',
                templet: function (d) {
                  return d.socialSalary + '元'
                },
              },
              {
                field: 'providentFund',
                width: 100,
                title: '公积金',
                align: 'center',
                templet: function (d) {
                  return d.providentFund + '元'
                },
              },
              {
                field: 'bonus',
                width: 100,
                title: '奖金',
                align: 'center',
                templet: function (d) {
                  return d.bonus + '元'
                },
              },
              {
                field: 'allSalary',
                width: 150,
                title: '应发工资',
                align: 'center',
                templet: function (d) {
                  return d.allSalary + '元'
                },
                sort: true,
              },
              {
                field: 'salaryDate',
                width: 200,
                title: '发薪日期',
                align: 'center',
                templet: function (d) {
                  var time = layui.util.toDateString(
                    d.salaryDate,
                    'yyyy-MM-dd'
                  )
                  return '<div>' + time + '</div>'
                },
                sort: true,
              },
              {
                title: '操作',
                minWidth: 150,
                toolbar: '#currentTableBar',
                align: 'center',
              },
            ],
          ],
          parseData: function (res) {
            if (res.code != 200) {
              common.login()
            }
            return {
              code: res.code, //解析接口状态
              msg: res.msg, //解析提示文本
              count: res.data.total, //解析数据长度
              data: res.data.list, //解析数据列表
            }
          },
          response: {
            statusCode: 200, //重新规定成功的状态码为 200，table 组件默认为 0
          },
          request: {
            pageName: 'page', //页码的参数名称，默认：page
            limitName: 'size', //每页数据量的参数名，默认：limit
          },
        })

        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
          var param = data.field
          console.log(param)
          // 执行搜索重载
          tableIns.reload({
            url: common.api + '/salary/list',
            method: 'get',
            where: param,
          })
          return false
        })

        //监听工具栏添加删除刷新
        table.on('toolbar(currentTableFilter)', function (obj) {
          if (obj.event === 'add') {
            // 监听添加操作
            showEditModel()
          } else if (obj.event === 'delete') {
            // 监听删除操作
            var data = table.checkStatus('currentTableId').data
            if (data.length === 0) {
              layer.msg('请选择要删除的数据', { icon: 2 })
              return
            }
            var ids = data.map(function (d) {
              return d.id
            })
            doDel(ids)
          } else if (obj.event === 'refresh') {
            tableIns.reload({
              url: common.api + '/salary/list',
              where: { departmentName: '' },
            })
          } else if (obj.event === 'export') {
            common.ajax(common.api + '/salary/all', null, function (res) {
              var data = res.data
              data = common.compare(data)
              console.log(data)
              data = excel.filterExportData(data, [
                'id',
                'personalName',
                'departmentName',
                'positionName',
                'basisSalary',
                'subsidySalary',
                'socialSalary',
                'providentFund',
                'bonus',
                'allSalary',
                'salaryDate',
              ])
              data.unshift({
                id: '薪资编号',
                personalName: '员工姓名',
                departmentName: '所属部门',
                positionName: '所属岗位',
                basisSalary: '基本工资',
                subsidySalary: '补助工资',
                socialSalary: '社保',
                providentFund: '公积金',
                bonus: '奖金',
                allSalary: '应发工资',
                salaryDate: '发薪日期',
              })
              var timestart = Date.now()
              excel.exportExcel(
                {
                  sheet1: data,
                },
                '薪资信息.xlsx',
                'xlsx'
              )
              var timeend = Date.now()

              var spent = (timeend - timestart) / 1000
              layer.msg('单纯导出耗时 ' + spent + ' s')
            })
          }
        })

        //监听编辑删除
        table.on('tool(currentTableFilter)', function (obj) {
          if (obj.event === 'edit') {
            showEditModel(obj.data)
          } else if (obj.event === 'delete') {
            doDel([obj.data.id])
          }
        })

        function showEditModel (formData) {
          var idx = layer.open({
            type: 1,
            area: ['50%', '50%'],
            title: formData ? '编辑' : '添加',
            anim: 1,
            shade: 0.6,
            content: $('#userEditDialog').html(),
            success: function (layero, dIndex) {
              // 回显表单数据
              form.val('userEditForm', formData)
              //加载日期
              laydate.render({
                elem: '#salaryDate',
                format: 'yyyy-MM-dd',
                value: formData ? formData.salaryDate : '',
              })
              //职工select加载
              $.each(personalDate, function (index, item) {
                var option = new Option(item.name, item.id)
                $('#personalId').append(option)
              })
              //设置select控件指定text的值为选中项
              if (formData) {
                $('#personalId').val(formData.personalId)
              }
              form.render('select')
              // 表单提交事件
              form.on('submit(userEditSubmit)', function (data) {
                console.log(formData)
                common.ajax(
                  formData
                    ? common.api + '/salary/' + formData.id
                    : common.api + '/salary',
                  JSON.stringify(data.field),
                  function (res) {
                    if (res.code === 200) {
                      layer.close(dIndex)
                      layer.msg(res.msg, { icon: 1 })
                      table.reload('currentTableId')
                    } else {
                      layer.msg(res.msg, { icon: 2 })
                    }
                  },
                  formData ? 'put' : 'post',
                  function (data) {
                    layer.msg(data.msg, { icon: 2 })
                  }
                )
                return false
              })

              $('#Cancel').click(function () {
                layer.close(idx)
              })
            },
          })
        }

        function doDel (ids) {
          layer.confirm(
            '确定要删除选中数据吗？',
            {
              skin: 'layui-layer-admin',
              shade: 0.1,
            },
            function (i) {
              common.ajax(
                common.api + '/salary',
                JSON.stringify(ids),
                function (res) {
                  if (res.code === 200) {
                    layer.msg(res.msg, { icon: 1 })
                    tableIns.reload()
                  } else {
                    layer.msg(res.msg, { icon: 2 })
                  }
                },
                'DELETE', // 提交方式
                function (data) {
                  console.log(data)
                  layer.msg(data.msg, { icon: 2, time: 1000 })
                  return
                }
              )
              layer.close(i)
            }
          )
        }

        form.on('select(select)', function (obj) {
          var txtval = obj.elem[obj.elem.selectedIndex].text
          $('#departmentName').val(txtval)
          $('#selectPersonal').val(0)
          form.render('select')
        })

        form.on('select(selectPersonal)', function (obj) {
          $('#selectId').val(0)
          $('#departmentName').val('')
          form.render('select')
        })

        var selectData, personalDate
        layer.ready(function () {
          //select 框的数据动态加载
          common.ajax(
            common.api + '/department/select',
            null,
            function (data) {
              selectData = data.data
              $.each(selectData, function (index, item) {
                var option = new Option(item.departmentName, item.id)
                $('#selectId').append(option)
              })
              form.render('select')
            }
          )
          common.ajax(common.api + '/personal/select', null, function (data) {
            personalDate = data.data
            $.each(personalDate, function (index, item) {
              var option = new Option(item.name, item.id)
              $('#selectPersonal').append(option)
            })
            form.render('select')
          })
          // 监听重置操作
          $('#data-reset-btn').click(function () {
            $('#selectId').val(0)
            $('#selectPersonal').val(0)
            $('#departmentName').val('')
            $('#searchyear').val('')
            $('#searchmonth').val('')
            form.render('select')
            tableIns.reload({
              url: common.api + '/salary/list',
              method: 'get',
              where: {
                departmentName: '',
                personalId: 0,
                year: '',
                month: '',
              },
            })
          })
          //加载日期
          laydate.render({
            elem: '#searchRewardDate',
            format: 'yyyy-MM',
            type: 'month',
            done: function (value) {
              var date = value.split('-')
              $('#searchyear').val(date[0])
              $('#searchmonth').val(date[1])
            },
          })
        })
      }
    )
  </script>
</body>

</html>

、