设为首页 加入收藏

TOP

使用PHP开发HR系统（5）(六)
2019-09-03 02:50:32 【大 中 小】 浏览:159次
Tags：使用 PHP 开发 系统
;status">本月待招聘人数</div>

</a>

</div>

</div>

<div class="metro-nav">

<div class="metro-nav-block nav-light-purple double">

<a data-original-title="" href="#">

<i class="fa fa-shopping-cart"></i>

<div class="info">$8979322442</div>

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

</a>

</div>

<div class="metro-nav-block nav-light-blue double">

<a data-original-title="" href="#">

<i class="fa fa-tasks"></i>

<div class="info">$37624</div>

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

</a>

</div>

</div>

<div class="space10"></div>

<!--END METRO STATES-->

</div>

   

<!-- END PAGE CONTENT-->

</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文件中增加以下内容

<script>

$(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==========================

   

   

   

 

   

   

   

   

   

   

   

   

   

   

   

   

 
首页 上一页 3 4 5 6 下一页 尾页 6/6/6
【大 中 小】【打印】 【繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部】
上一篇：禁止网站某页面被频繁刷新(验证) 下一篇：python 之 前端开发（ JavaScript..

最新文章

利用Api接口实现手机网络连接断开的..
php使用jwt作登录验证
给WordPress设置自动发布每日60秒文..
Discuz论坛网站标题栏Powered by Di..
设备维修保养通知：如何使用API接口..

热门文章

zendframework 事件管理（一）
微信app支付 ci框架做的
前端学PHP之字符串函数
对MVC的理解
WAMP环境配置-Apache服务器的安装

Hot 文章

zendframework 事件管理（一）
微信app支付 ci框架做的
前端学PHP之字符串函数
对MVC的理解
WAMP环境配置-Apache服务器的安装

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目