使用PHP开发HR系统（5）

本节讲述如何拆分页面以及使用jquery和ajax实现局部刷新。

==================================================================================================

从我们的页面来看，左边的菜单是不变的，右边的内容区根据不同的菜单来变化，我们就想到是否可以只针对

右边做局部刷新呢，可以使用ajax技术来完成。

1 拆分主页

我们把页面结构分成四块区域：1、页面上端Top区域；2、页面左侧Menu区域；3、页面中部区域；4、页面底端footer区域；

根据这种划分，我们把main_list拆分成top，menu，footer，并把页面head也单独出来，具体参见以下步骤：

1）在view目录下创建container.php代替main_list.php文件

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

<!DOCTYPE html>

<?php $this->load->view('templates/header'); ?>

<?php $this->load->view('templates/top'); ?>

<?php $this->load->view('templates/menu'); ?>

<?php $this->load->view('main'); ?>

</div>

<?php $this->load->view('templates/footer'); ?>

</body>

</html>

通过改造，我们的主页代码看起来就很简洁了，其中用到了几个文件：

i)header.php（view->templates目录下），用来存放页面head块代码：

<head>

<title>Software Service Manager System</title>

</head>

ii)top.php（view->templates目录下），用来存放页面top区域的内容：

</div>

<img src="<?php echo base_url('assets/img/logo.png')?>" alt="Metro Lab" />

</a>

<!-- <a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse">

</a>-->

</div>

</a>

</li>

</a>

</li>

</a>

<li>

<a href="#">Swing</a></li>

<li>

</ul>

</li>

</ul>

</div>

iii)menu.php（view->templates目录下），用来存放页面menu块代码：

</form>

</div>

</a>

</li>

<span>人力资源规划</span>

</a>

</li>

<span>招聘与配置</span>

</a>

</ul>

</li>

<span>培训与开发</span>

</a>

</li>

</a>

</li>

<span>薪酬福利管理</span>

</a>

</li>

<span>劳动关系管理</span>

</a>

</li>

</a>

</li>

</a>

</ul>

</li>

</div>

iV)footer.php（view->templates目录下），用来存放页面footer块代码：

2018 © MetroAdmin.

</div>

<!--[if lt IE 9]>

<![endif]-->

V)main.php（view目录下），用来存放页面主页面内容区代码：

</h3>

<li>

</li>

</div>

</form>

</li>

</ul>

</div>

<div class="status">在职人员总数</div>

</a>

</div>

<div class="status">待招聘人数</div>

</a>

</div>

<div class="status">本月入职人数</div>

</a>

</div>

<div class="status">本月离职人数</div>

</a>

</div>

<div class="status">本月待招聘人数</div>

</a>

</div>

<div class="status">本年薪酬福利</div>

</a>

</div>

<div class="status">本月薪酬福利</div>

</a>

</div>

</div>

</div>

2)目前我们的工程结构如下

2、修改controllers->Main.php文件

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Main extends CI_Controller {

public function __construct(){

parent::__construct();

$this->load->helper('url_helper');

}

public function index()

{

$this->load->view('container');

}

3 ajax的应用

为了实现局部刷新，我们引入了ajax来实现；

1）在footer.php文件中增加以下内容

$(document).ready(function(){

$(".sub1").click(function(){

$.ajax({url:"<?php echo site_url('Employee/index')?>",success:function(result){

$("#main-content").html(result);

}});

});

</script>

其中，sub1是与menu.php中的"职员信息"菜单对应的。

3 运行测试

运行主页如下；

点"职员信息"菜单，页面如下

总结：

本文首先拆分了主页，使得模块更加独立，页面代码也更清晰，同时使用ajax技术，实现了页面的局部刷新；

====================================The End==========================

使用PHP开发HR系统（5）的更多相关文章

使用PHP开发HR系统（4）
本节我们讲述如何引入页面框架来建立漂亮的主页. ============================================================================ ...
使用PHP开发HR系统（3）
本节我们讲述如何创建主页. ====================================================================================== ...
使用PHP开发HR系统（6）
本节讲述如何连接Postgre数据库并查询与显示数据. ==================================================================== ...
使用PHP开发HR系统（1）
本文通过笔者的实践,讲述如何以PHP+CI+Postgres构建一套人力资源管理系统. ======================================================== ...
使用PHP开发HR系统（2）
本节讲述如何创建基于CI框架的PHP程序. ============================================================================== ...
利用微软Speech SDK 5.1开发语音识别系统主要步骤
利用微软Speech SDK 5.1开发语音识别系统主要步骤 2009-09-17 10:21:09| 分类: 知识点滴|字号订阅微软语音识别分两种模式:文本识别模式和命令识别模式.此两种模式的 ...
HR系统+人脸识别
近期一直在写一套HR系统,这套HR系统和人脸识别相结合.全然杜绝取代刷卡的情况产生.系统的灵活性比較强,开发简洁高速. 例如以下是一些功能上的截图考勤模块仅仅是列举当中一个请假申请的功能做为展示 ...
HR系统邮件审批功能总结
时至今日,来兰亭工作的第三个小任务算是暂时告一段落了.这个小任务是耗费时间最长的,因此在这里总结整理一下. 首先这个功能的出发点是方法领导进行手下员工的审批,包括加班申请,休假申请,和漏打卡申请.由于 ...
二十九、EFW框架开发的系统支持SaaS模式和实现思路
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.3:http://pan.baidu.com/s/1c0dADO0 EFW框架实例源代码下载:http://p ...

随机推荐

洛谷 P2701 [USACO5.3]巨大的牛棚Big Barn 题解
P2701 [USACO5.3]巨大的牛棚Big Barn 题目背景 (USACO 5.3.4) 题目描述农夫约翰想要在他的正方形农场上建造一座正方形大牛棚.他讨厌在他的农场中砍树,想找一个能够让他 ...
Zotero使用教程(2)-数据备份
小书匠这篇文章的目标是让你无论是换系统,重新安装zotero等都可以还原回你的文献库,而且整个过程基本是自动完成的. 这部分解决下面的两种情况: 1.zotero有自己既定的一套存储方式,不是一般 ...
3D数据采集和重建
3D数据采集和重建是从传感器数据生成三维或时空模型.一般而言,这些技术和理论适用于大多数或所有传感器类型,包括光学,声学,激光扫描,[1]雷达,热学,[2]地震.[3][4] 内容 · ...
ICEM-tube-water
原视频下载地址:https://pan.baidu.com/s/1slPfJFv 密码: kjsh
文档流&浮动&定位
文档流指元素在文档中的位置由元素在html里的位置决定,块级元素独占一行,自上而下排列:内联元素从左到右排列脱离文档流的方式: 浮动,通过设置float属性绝对定位,通过设置position:abs ...
20189220 余超《Linux内核原理与分析》第三周作业
操作系统如何工作的第二章的基础知识计算机的三大法宝:存储程序计算机,函数调用堆栈机制,中断. 堆栈:堆栈是C语言程序运行时必须使用的几率函数条用路径和参数存储的空间,具体作用分为:记录函数条用的框 ...
Hadoop运行原理总结（详细）
本编随笔是小编个人参照个人的笔记.官方文档以及网上的资料等后对HDFS的概念以及运行原理进行系统性地归纳,说起来真的惭愧呀,自学了很长一段时间也没有对Hadoop知识点进行归纳,有时候在实战中或者与别 ...
_stdcallthunk
// c:\Program Files (x86)\Microsoft Visual Studio\2017\Community\VC\Tools\MSVC\14.14.26428\atlmfc\in ...
CEF CefSettings 结构体详解
1. single_process: 设置为ture时,browser和render使用同一个进程.Chromium 不正是支持此运行模式,并且不如默认的多进程稳定. 2. no_sandbox: 沙 ...
WMS开发环境
须安装以下三个软件: JASPER报表开发工具:TIB_js-studiocomm_6.5.1.final_windows_x86_64.exe UI开发工具:Studio_7.0.0.0_win32 ...

使用PHP开发HR系统（5）

使用PHP开发HR系统（5）的更多相关文章

随机推荐

热门专题