首页 > 作文

使用PHP开发HR系统（4）

更新时间:2023-04-07 07:22:05 阅读：评论：0

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

================================================================================================== 劳务合同

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

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

1 添加文件

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

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

2、修改main_list.php文件

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

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

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

<?php

defined(‘bapath’) or exit(‘no direct script access allowed’);

?><!doctype html>

<head>

<title>hr manage system</title>

<!–<link rel=”stylesheet” href=”http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css”/>–>

<!–<link href=”https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css” rel=”stylesheet”>–>

</head>

<!– begin header –>

<!– begin top navigation bar –>

&关于建党的简短的文字lt;div class=”fa fa-reorder tooltips” data-placement=”right” data-original-title=”toggle navigation”></div>

</div>

<!–end sidebar toggle–>

<!– begin logo –>

<img src=”<?php echo ba_url(‘asts/img/logo.png’)?>” alt=”metro lab” />

</a>

<!– begin responsive menu toggler –>

<!– <a class=”btn btn-navbar collapd” id=”main_menu_trigger” data-toggle=”collap” data-target=”.nav-collap”>

</a>–>

<!– begin notification –>

</div>

<!– begin support –>

</a>

</li>

</a>

</li>

<!– end support –>

<!– begin ur login dropdown –>

</a>

<li>

<a href=”#”>swing</a></li>

<li>

</ul>

</li>

<!– end ur login dropdown –>

</ul>

<!– end top navigation menu –>

</div>

<!– end header –>

<!– begin container –>

<!– begin responsive quick arch form –>

</form>

</div>

<!– end responsive quick arch form –>

<!– begin sidebar menu –>

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

<!– end sidebar menu –>

</div>

<!– begin page container–>

<!– begin page header–>

<!– begin page title & breadcrumb–>

控制台

</h3>

<li>

</li>

人力资源总览

</li>

</div>

</form>

</li>

</ul>

<!– end page title & breadcrumb–>

</div>

<!– end page header–>

<!– begin page content–>

<!–begin metro states–>

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

<!–end metro states–>

</div>

<!– end page content–>

</div>

<!– end page container–>

</div>

<!– begin footer –>

</div>

<!– begin javascripts –>

<!– load javascripts at bottom, this will reduce page load time –>

<!–<script src=”https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js”><神舟11号;/script>–>

<!– ie8 fixes –>

<!–[if lt ie 9]>

<![endif]–>

<!–common script for all pages–>

<!–script for this page only–>

<?php switch($page){

ca “urs”:?>

</div>

<!–editable table script–>

jquery(document).ready(function() {

editabletable.init();

});

</script>

<?php break; ?>

<?php } ?>

<!–end body–>

</body>

</html>

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

配置节

$config[‘ba_url’] = ”;

修改为：

$config[‘ba_url’] = ‘http://localhost/hrms/’;

3 运行测试

运行发现主页如下；

总结：

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

含义

官方网站

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

uniform

jquery表单美化插件

本程序用到的js插件

====================================the end==========================

本文发布于:2023-04-07 07:21:55，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/fanwen/zuowen/bca82ccdc594b873b5c3325c28beae0d.html

本文word下载地址：使用PHP开发HR系统（4）.doc

本文 PDF 下载地址：使用PHP开发HR系统（4）.pdf

上一篇：html文本框默认值刷新后无法继续显示解决方法

下一篇：返回列表

标签：微软是一个文件页面

留言与评论（共有 0 条评论）