使用PHP开发HR系统（4）

程序员文章站 2023-11-04 12:23:10

本节我们讲述如何引入页面框架来建立漂亮的主页。打开https://www.js-css.cn/divcss/admin/metro/index.html网站，看到如下页面：这里有很多漂亮的控件可以使用，页面风格也比较统一，可以用这个来快速构建我们自己的页面； 1 添加文件 1）在HRMS工程下 ......

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

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

打开网站，看到如下页面：

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

1 添加文件

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

使用PHP开发HR系统（4）

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

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 运行测试

运行发现主页如下；

使用PHP开发HR系统（4）

总结：

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

目录	含义	官方网站
bootstrap	bootstrap 是一个用于快速开发 web 应用程序和网站的前端框架。bootstrap 是基于html、css、javascript 的。
chart-master	图表绘制工具库，其中chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库；
css	本程序自定义css库
data-tables	数据表格相关的工具
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==========================

上一篇： MYSQL数据库约束类型

下一篇：【深入浅出-JVM】（1）：Java 虚拟机

使用PHP开发HR系统（4）

android开发教程之系统资源的使用方法 android资源文件

PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】