1、引言
设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题。你想要解决的问题,在微信公众号“coding加油站”中全部会得到解决
2、作品介绍
人事管理系统采用html,jquery,php技术来实现,符合所学知识体系,适用于常见的作业以及课程设计,需要获取更多的作品,请关注微信公众号:coding加油站,回复“php人事管理”免费获取,如需更多资料,可在微信后台留言。欢迎大家来提问,交流学习。
2.1、作品简介方面
人事管理系统采用常规方式来实现,符合绝大部分的要求。代码配置有相关文档讲解,如需从代码中学到知识点,那么这个作品将是你的不二之选
2.2、作品二次开发工具
此作品代码相对简单,基本使用课堂中所学知识点来完成,只需要修改相关的介绍文字,一些图片,就可以改为自己独一无二的代码,网页作品下载后可使用任意编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)。
2.3、作品技术介绍
html网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等相关技术来美化相关界面,部分采用了javascript来做校验。 使用html5,以及css3等相关技术完成技术的布局,在本作品中,会使用常见的布局,常见的浮动布局,flex布局都会有使用到哦。同时在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识,同时使用了一些js的相关知识。例如使用到了dom,和bom来获取浏览器的相关api,同时使用css对样式进行相关的美化,使得界面更加符合网页设计
3、作品演示
【coding加油站】人事管理系统-----毕业设计
3.1、首页

相关代码:
- <div class="left-nav">
- <div id="side-nav">
- <ul id="nav">
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="员工管理">i>
- <cite>员工信息管理cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('员工信息管理','Employee_nformation.php')">
- <i class="iconfont">i>
- <cite>员工信息管理cite>a>
- li>
-
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="工资管理">i>
- <cite>工资管理cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('员工工资管理','Salary_management.php')">
- <i class="iconfont">i>
- <cite>员工工资管理cite>a>
- li>
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="考勤管理">i>
- <cite>考勤管理cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('考勤管理','kaoqin.php')">
- <i class="iconfont">i>
- <cite>考勤管理cite>a>
- li>
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="员工账号管理">i>
- <cite>员工账号管理cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('员工账号添加','em-list_add.php')">
- <i class="iconfont">i>
- <cite>员工账号添加cite>a>
- li>
- <li>
- <a onclick="xadmin.add_tab('员工账号信息','em-list.php')">
- <i class="iconfont">i>
- <cite>员工账号信息cite>a>
- li>
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="部门管理">i>
- <cite>部门管理cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('添加部门','department_add.php')">
- <i class="iconfont">i>
- <cite>添加部门cite>a>
- li>
- <li>
- <a onclick="xadmin.add_tab('查看部门信息','department.php')">
- <i class="iconfont">i>
- <cite>查看部门信息cite>a>
- li>
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="公告管理">i>
- <cite>公告管理cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('发布公告','gonggao_add.php')">
- <i class="iconfont">i>
- <cite>发布公告cite>a>
- li>
- <li>
- <a onclick="xadmin.add_tab('查看公告','gonggao.php')">
- <i class="iconfont">i>
- <cite>查看公告cite>a>
- li>
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="管理员中心">i>
- <cite>管理员中心cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('个人信息','administrator_information.php')">
- <i class="iconfont">i>
- <cite>个人信息cite>a>
- li>
- <li>
- <a onclick="xadmin.add_tab('个人信息修改','Modify_information.php')">
- <i class="iconfont">i>
- <cite>个人信息修改cite>a>
- li>
- ul>
- li>
- <li>
- <a href="javascript:;">
- <i class="iconfont left-nav-li" lay-tips="管理员账号">i>
- <cite>管理员账号cite>
- <i class="iconfont nav_right">i>a>
- <ul class="sub-menu">
- <li>
- <a onclick="xadmin.add_tab('密码修改','Password.php')">
- <i class="iconfont">i>
- <cite>密码修改cite>a>
- li>
- ul>
- li>
-
- ul>
- div>
- div>
3.2、工资管理

相关代码:
- <div class="wrap wrap-article">
- <h1>工资管理h1>
- <div class="s-nav">
- <div>
- <form method="POST" action="searcha2.php">
- <input type="text" name="keywords2" value="" placeholder="输入关键字"><input type="submit" value="搜索人员" name="sousuo2">
- form>
- div>
- div>
- <div class="tips">div>
- <div class="box">
- <div class="box-body">
- <table>
- <tr>
-
- <th style="width:70px">姓名th>
- <th style="width:70px">职称th>
- <th style="width:50px">月薪th>
- <th style="width:50px">时薪th>
- <th>缺勤天数th>
- <th>加班时数th>
- <th>正班薪资th>
- <th>加班薪资th>
- <th style="width:50px">津贴th>
- <th style="width:60px">全勤奖th>
- <th style="width:100px">请假缺勤扣款th>
- <th>社保费用th>
- <th>应得薪资th>
- <th>个人扣税th>
- <th>实发薪资th>
- <th style="width:90px"> 信息操作th>
- tr>
-
- <tr>
- <td class="s-show">
-
- td>
- <td class="s-title ">
- <a target="panel" href="../view/login.html " target="_blank ">
-
- a>
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
- <a href="?cid=6 ">
-
- a>
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td class="s-act "><a href="javascript:edit()" class="jq-edit">编辑a>td>
- tr>
-
- table>
- div>
- div>
- <div class="pagelist " id="pagelist">
-
-
- $sql = "SELECT * FROM payroll ";
- $rs_result = mysql_query($sql); //查询数据
- $total_records = mysql_num_rows($rs_result); // 统计总共的记录条数
- $total_pages = ceil($total_records / $num_rec_per_page); // 计算总页数
- echo "".'首页'." "; // 第一页
- for ($i=1; $i<=$total_pages; $i++) {
- echo "".$i."";
- };
- echo " ".'尾页'.""; // 最后一页
- ?>
- div>
- div>
3.3、考勤管理

相关代码:
- <div class="x-nav">
- <span class="layui-breadcrumb">
- <a>
- <cite>考勤管理cite>a>
- span>
- <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="dlink()" title="刷新">
- <i class="layui-icon layui-icon-refresh" style="line-height:30px">i>a>
- div>
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-body ">
- <form class="layui-form layui-col-space5" method="POST" action="kaoqin_search.php">
- <div class="layui-inline layui-show-xs-block">
- <input class="layui-input" autocomplete="off" placeholder="日期" name="time" id="start">
- div>
- <div class="layui-inline layui-show-xs-block">
- <input type="text" name="keywords" placeholder="请输入员工名字" autocomplete="off" class="layui-input">
- div>
- <div class="layui-inline layui-show-xs-block">
- <button class="layui-btn" lay-submit="" lay-filter="sreach" name="sousuo"><i class="layui-icon">i>button>
- div>
- form>
- div>
- <div class="layui-card-header">
- <button class="layui-btn" onclick="xadmin.open('添加用户','kaoqin_add.php',600,400)"><i class="layui-icon">i>添加button>
- div>
- <div class="layui-card-body layui-table-body layui-table-main">
- <table class="layui-table layui-form" style="text-align: center;">
- <thead>
- <tr>
- <th style="text-align: center;">
- <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
- th>
- <th style="text-align: center;">IDth>
- <th style="text-align: center;">名字th>
- <th style="text-align: center;">员工编号th>
- <th style="text-align: center;">打卡时间th>
- <th style="text-align: center;">状态th>
- <th style="text-align: center;">操作th>
- tr>
- thead>
- <tbody>
-
- <tr>
- <td>
- <input type="checkbox" name="id" value="1" lay-skin="primary">
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td>
-
- td>
- <td class="td-status">
- <span class="layui-btn layui-btn-normal layui-btn-mini">span>td>
- <td class="td-manage" style="text-align: center;">
- <a title="编辑" href="javascript:xadmin.open('编辑','kaoqin_edit.php?id=')">
- <i class="layui-icon">i>
- a>
- <a title="删除" href="javascript:member_del()">
- <i class="layui-icon">i>
- a>
- td>
- tr>
-
- tbody>
- table>
- div>
- <div class="layui-card-body ">
- <div class="page">
- <div>
-
- $sql = "SELECT * FROM kaoqin ";
- $rs_result = mysql_query($sql); //查询数据
- $total_records = mysql_num_rows($rs_result); // 统计总共的记录条数
- $total_pages = ceil($total_records / $num_rec_per_page); // 计算总页数
- echo "".'首页'." "; // 第一页
-
- for ($i=1; $i<=$total_pages; $i++) {
- echo "".$i."";
- };
- echo " ".'尾页'.""; // 最后一页
- ?>
- div>
- div>
- div>
- div>
- div>
- div>
- div>
总结
以上就是本次项目的全部内容,需要交流或者免费获取代码请关注微信公众号:coding加油站,回复“php人事管理”免费获取