使用PHP开发HR系统（4）

本节我们讲述如何引入页面框架来建立漂亮的主页。

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

打开https://www.js-css.cn/divcss/admin/metro/index.html网站，看到如下页面：

这里有很多漂亮的控件可以使用，页面风格也比较统一，可以用这个来快速构建我们自己的页面；

1 添加文件

1）在HRMS工程下新建assets文件夹，把我们需要的文件分别添加进去，如下图；

这里对不同类型的文件做了分门别类的放置，看起来更规整一些；

2、修改main_list.php文件

由上面的配置文件我们可以看出，我们需要名称为main的控制器，打开application->controllers文件夹，看到目录下

有一个Welcome.php的文件，这个就是系统默认调用的文件；

1）在application->controllers目录下新建Main.php文件，输入以下代码：

<?php

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

?><!DOCTYPE html>

<head>

<title>HR Manage System</title>

</head>

</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>

</form>

</div>

</a>

</li>

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

</a>

<li><a class="" href="general.html">人力资源规划</a></li>

</ul>

</li>

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

</a>

</ul>

</li>

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

</a>

</li>

</a>

<li><a class="" href="editable_table.html">可编辑表格</a></li>

</ul>

</li>

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

</a>

<li><a class="" href="font_awesome.html">FontAwesome图标</a></li>

<li><a class="" href="glyphfa fas.html">Glyphicons图标</a></li>

</ul>

</li>

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

</a>

</li>

</a>

</ul>

</li>

</a>

</ul>

</li>

</div>

控制台

</h3>

<li>

</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>

</div>

</div>

<!--[if lt IE 9]>

<![endif]-->

<?php switch($page){

case "users":?>

</div>

jQuery(document).ready(function() {

EditableTable.init();

});

</script>

<?php break; ?>

<?php } ?>

</body>

</html>

2）修改配置文件application->config->config.php文件

配置节

$config['base_url'] = '';

修改为：

$config['base_url'] = 'http://localhost/HRMS/';

3 运行测试

运行发现主页如下；

总结：

本节我们利用成熟的页面框架建立了我们漂亮的主页，其中assets目录下各文件夹的含义如下：

目录	含义	官方网站
bootstrap	Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于HTML、CSS、JAVASCRIPT 的。	https://getbootstrap.com/ https://www.bootcss.com/
chart-master	图表绘制工具库，其中Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库；
css	本程序自定义CSS库
data-tables	数据表格相关的工具	https://www.datatables.net/
font-awesome	为Bootstrap而设计的图标库	https://fontawesome.com/
fullcalendar	日历控件
img	本程序用到的图片
jquery-easy-pie-chart	EASY PIE CHART是一个轻量级的jQuery插件，主要用来渲染和制作漂亮的饼图及动画效果，基于与HTML5的canvas元素
jquery-slimscroll	slimscroll是一个4.6kb的jQuery插件，把任何div元素包裹的内容区加上具有好的滚动条。slimscroll不占用任何视觉空间，它只出现在一个用户启动的鼠标。用户可以拖动滚动条或使用鼠标滚轮改变滚动值	https://github.com/rochal/jQuery-slimScroll/releases
Uniform	jQuery表单美化插件
js	本程序用到的js插件

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

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

使用PHP开发HR系统（3）
本节我们讲述如何创建主页. ====================================================================================== ...
使用PHP开发HR系统（6）
本节讲述如何连接Postgre数据库并查询与显示数据. ==================================================================== ...
使用PHP开发HR系统（5）
本节讲述如何拆分页面以及使用jquery和ajax实现局部刷新. =================================================================== ...
使用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 ...

随机推荐

Xamarin.Forms 入门
介绍 Xamarin.Forms是一个开源UI框架,Xamarin.Forms允许开发人员从单个共享代码库构建Android,iOS和Windows应用程序. Xamarin.Forms允许开发人员使 ...
Luogu5206 【WC2019】数树【容斥，生成函数】
题目链接第一问白给. 第二问: 设 $b=y^{-1}$,且以下的 $Ans$ 是除去 $y^n$ 的. 设 $C(T)$ 是固定了 $T$ 中的边,再连 $n-|T|-1$ ...
Maven 打包报错，log4j版本导致
# 在执行打包的时候 mvn clean assembly:assembly # 发生上面的错误 ------------------------------ [INFO] Total time: 2 ...
第12组 Beta冲刺（4/5）
Header 队名:To Be Done 组长博客作业博客团队项目进行情况燃尽图(组内共享) 展示Git当日代码/文档签入记录(组内共享) 注: 由于GitHub的免费范围内对多人开发存在较多限 ...
NIO Channel SocketChannel ServerSocketChannel
ServerSocketChannel: ServerSocketChannel是一个基于通道的socket监听器.它同我们所熟悉的java.net.ServerSocket执行相同的基本任务,不过它 ...
如何使用git把本地代码上传（更新）到github上
最近用到git和github记录一下 1.下载git并安装到官网下载并安装就行了 *如果下载失败,或者太慢,可以复制链接到迅雷下载 2.上传 1.在github新建存储库库名不能是中文 2.在需要 ...
python项目总结--学生选课
题目要求: 根据业务需求,现要对慕课学院(1)班的所有学员进行选修课程分配,使得每一名学生都可以选修到一门课程.具体要求如下: 1.自定义学生信息.课程信息.教师信息三者的具体描述 2.自定义exam ...
AnonymousPipeStream的使用案例
AnonymousPipeStream的使用具体案例如下: 服务端: using System; using System.Data; using System.Data.SQLite; using ...
[转]Vue CLI 3搭建vue+vuex 最全分析
原文地址:https://my.oschina.net/wangnian/blog/2051369 一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@ ...
解决IDEA中Lombok生成代码后提示错误的问题
一.背景介绍因为我们在使用Lombok的时候,Lombok为我们生成的代码是在字节码中(*.class),而不是在source code中,所以存在IDE提示Lombok生成的方法未定义的错误,导致 ...

使用PHP开发HR系统（4）

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

随机推荐

热门专题