基于ThinkPHP實(shí)現(xiàn)的日歷功能實(shí)例詳解
更新時(shí)間：2017年04月15日 15:31:24 作者：我愛默小兜
這篇文章主要介紹了基于ThinkPHP實(shí)現(xiàn)的日歷功能,結(jié)合實(shí)例形式詳細(xì)分析了基于thinkPHP實(shí)現(xiàn)日歷功能的相關(guān)界面布局、數(shù)據(jù)庫操作與日期時(shí)間運(yùn)算相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了基于ThinkPHP實(shí)現(xiàn)的日歷功能。分享給大家供大家參考，具體如下：
開發(fā)環(huán)境介紹
最新，閑來沒事，便開發(fā)了一款簡單的日歷，來統(tǒng)計(jì)工作情況。為了開發(fā)便捷，使用ThinkPHP架構(gòu)。界面如下圖
備注：每頁包含上一個(gè)月，當(dāng)前月，下一個(gè)月的日期，并用不同的顏色區(qū)分，如果某天工作了，便圈出來。
主要是以下兩個(gè)文件
重要文件描述
功能文件
CalenDar.class.php主要負(fù)責(zé)，獲取日歷詳細(xì)信息的，不涉及用戶數(shù)據(jù)操作。
代碼如下：
<?php
namespace Util;
class CalenDar{
//上一個(gè)月信息
private $lastYear=null;
private $lastMonth=null;
//當(dāng)前月信息
private $curYear=null;
private $curMonth=null;
private $curWek=null;
private $curDay=null;
private $curDaySum=0;
//下一個(gè)月月信息
private $nextYear=null; //下一個(gè)月是哪一年
private $nextMonth=null;//下一個(gè)月
private $calendar=null;
public function __construct($dateTime=null){
if(isset($_get['yeal']) && is_numeric($_get['yeal'])){
$this->curYear=$_get['yeal'];
}else{
$this->curYear=date('Y');
}
if(isset($_get['month']) && is_numeric($_get['month'])){
$this->curMonth=$_get['month'];
}else{
$this->curMonth=date('n');
}
if(isset($_get['day']) && is_numeric($_get['day'])){
$this->curDay=$_get['day'];
}else{
$this->curDay=date('j');
}
$this->init($dateTime);
$this->createCalendar();
}
/**
*初始化
*/
public function init($dateTime=null){
if(!empty($dateTime)){ //當(dāng)月
$this->curYear=date('Y',strtotime($dateTime));
$this->curMonth=date('n',strtotime($dateTime));
$this->curDay=date('j',strtotime($dateTime));
}
$this->curWek=date('w',strtotime($this->curYear.'-'.$this->curMonth.'-1'));
//上一個(gè)月
$this->lastMonth=$this->curMonth-1; //上一個(gè)月
$this->lastYear=$this->curYear; //上一個(gè)月屬于哪一年
if($this->lastMonth<0){
$this->lastMonth=12;
$this->lastYear-=1;
}
//下一個(gè)月
$this->nextMonth=$this->curMonth+1;//下一個(gè)月
$this->nextYear=$this->curYear; //下一個(gè)月屬于哪一年
if($this->nextMonth > 12){
$this->nextMonth=1;
$this->nextYear+=1;
}
}
public function getCalendar(){
return $this->calendar;
}
/**
*創(chuàng)建日歷從周日 周一 周二 周三 周四 周五 周六，7*5方格,前面補(bǔ)上月后幾天，后面補(bǔ)下月開始幾天
**/
public function createCalendar(){
//判斷當(dāng)月共計(jì)多少天
$nextStr=$this->nextYear.'-'.$this->nextMonth.'-1 -1 days';
$curDaySum=date('j',strtotime($nextStr));
//判斷上一個(gè)月最后一天是多少號(hào)
$lastStr=$this->curYear.'-'.$this->curMonth.'-1 -1 days';
$lastDaySum=date('j',strtotime($lastStr));
$prefixLId=$this->lastYear.'-'.$this->lastMonth;
$prefixCId=$this->curYear.'-'.$this->curMonth;
$prefixNId=$this->nextYear.'-'.$this->nextMonth;
if($this->curWek == 0){
$lastMonthSum=7; //需要添加上個(gè)月的$lastMonthSum天
}else{
$lastMonthSum=$this->curWek;
}
$lastMonthStart=$lastDaySum - $lastMonthSum+1;
for($i=0,$j=1,$k=1;$i<42;$i++){
$dateInfo=array();
if($i<$lastMonthSum){ //上一個(gè)月
$dateInfo['day']=$lastMonthStart + $i;
$dateInfo['type']=1;
$id=$prefixLId.'-'.$dateInfo['day'];
$this->calendar[]=array('id'=>$id,
'info'=>$dateInfo);
}else if($j > $curDaySum){//下一個(gè)月
$id=$prefixNId.'-'.$k;
$dateInfo['day']=$k;
$dateInfo['type']=3;
$this->calendar[]=array('id'=>$id,
'info'=>$dateInfo);
$k++;
}else{//本月
$dateInfo['day']=$j;
$dateInfo['type']=2;
$this->calendar[]=array('id'=>($prefixCId.'-'.$j),
'info'=>$dateInfo);
$j++;
$this->curDaySum+=1;
}
}
}
public function getDayTime(){
return $this->curYear.'-'.$this->curMonth.'-'.$this->curDay;
}
/**
*獲取當(dāng)前月屬于哪個(gè)月
**/
public function getCurMonth(){
return $this->curYear.'-'.$this->curMonth;
}
/**
*獲取上一個(gè)月屬于哪個(gè)月
**/
public function getLastMonth(){
return $this->lastYear.'-'.$this->lastMonth;
}
/**
*獲取下一個(gè)月屬于哪個(gè)月
**/
public function getNextMonth(){
return $this->nextYear.'-'.$this->nextMonth;
}
/**
*判斷當(dāng)前月有多少天
**/
public function getCurDaySum(){
return $this->curDaySum;
}
}
WorkLog.class.php文件，主要負(fù)責(zé)將用戶工作信息與日歷信息結(jié)合起來。
<?php
namespace Util;
class WorkLog{
private $uid;//用戶id
private $calendar;//日歷對(duì)象
private $lastMonth;//上一個(gè)月
private $curMonth; //本月
private $nextMonth;//下一個(gè)月
private $monthWorkedDays;//當(dāng)月工作的天數(shù)
private $workLog=null;//當(dāng)前月的工作日歷
public function __construct($uid=0,$daytime=null){
$this->uid=$uid;
$this->calendar=new \Util\CalenDar($daytime);
$this->lastMonth=$this->calendar->getLastMonth();
$this->curMonth=$this->calendar->getCurMonth();
$this->nextMonth=$this->calendar->getNextMonth();
$this->init();
}
public function init(){
$info=$this->calendar->getCalendar();
$userLog=array();
if($this->uid !=0){
$lastMonth=explode('-', $this->lastMonth);
$curMonth=explode('-', $this->curMonth);
$nextMonth=explode('-', $this->nextMonth);
//獲取上一個(gè)月，當(dāng)前月，下一個(gè)月的工作日志，后期使用緩存
$where='uid='.$this->uid.' AND ((`year`='.$lastMonth[0].' AND `month`='.$lastMonth[1].' ) or (`year`='.$curMonth[0].' AND `month`='.$curMonth[1].' ) or (`year`='.$nextMonth[0].' AND `month`='.$nextMonth[1].' ))';
$rs=M('work_log')->field('year,month,day,status')->where($where)->select();
foreach ($rs as $value) {
$userLog[$value['year'].'-'.$value['month'].'-'.$value['day']]=$value['status'];
}
}
$flag=1;
foreach ($info as $key=>$value) {
if($flag % 7 ==1 || $flag % 7 ==0){
$cellbgtype=3;//沒有工作
}else{
$cellbgtype=1;//沒有工作
}
if(isset($userLog[$value['id']]) && $userLog[$value['id']] ==1){
//判斷是不是當(dāng)前月份
$str=date('Y-n',strtotime($value['id']));
if($this->curMonth == $str){
$this->monthWorkedDays+=1;
}
$cellbgtype+=1;
}
$cellbgtype='daytype'.$cellbgtype.'_'.$value['info']['type'];
$info[$key]['info']['class']=$cellbgtype;
$flag++;
}
$this->workLog=$info;
}
public function getLastMonth(){
return $this->lastMonth;
}
public function getCurMonth(){
return $this->curMonth;
}
public function getNextMonth(){
return $this->nextMonth;
}
/**
*當(dāng)月已經(jīng)工作的天數(shù)
*/
public function monthWorkedDays(){
return $this->monthWorkedDays;
}
/**
*當(dāng)月的天數(shù)
**/
public function monthDays(){
return $this->calendar->getCurDaySum();
}
/**
*獲取累計(jì)工作的天數(shù)
**/
public function workedDays(){
}
/**
*當(dāng)前工作日歷的月份
**/
public function logMonth(){
}
/**
*當(dāng)月截止到目前可得薪水
**/
public function hadSalary(){
}
/**
*預(yù)計(jì)可得最高薪水
**/
public function maxSalary(){
}
/**
*當(dāng)前的工作日歷
**/
public function workInfo(){
return $this->workLog;
}
}
調(diào)用文件
IndexController.class.php
<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
public function index(){
$uid=1;
$daytime=I('daytime');
if(!empty($daytime)){
$daytime=date('Y-m-d',$daytime);
}
$WorkLog=new \Util\WorkLog($uid,$daytime);
$curDay=$WorkLog->getCurMonth();
$lastMDay=strtotime($curDay.' -1 month');
$nextMDay=strtotime($curDay.' +1 month');
$nowTime=date('當(dāng)前時(shí)間：Y年m月d號(hào) H:i:s');
$curDayStr=date('日歷時(shí)間：Y年m月d號(hào)',strtotime($curDay));
$info=$WorkLog->workInfo();
$curDaySum=$WorkLog->monthDays();
$workDays=$WorkLog->monthWorkedDays();
$this->assign('lastMDay',$lastMDay);
$this->assign('nextMDay',$nextMDay);
$this->assign('nowTime',$nowTime);
$this->assign('curDay',$curDayStr);
$this->assign('info',$info);
$this->assign('curDaySum',$curDaySum);
$this->assign('workDays',$workDays);
$this->display();
}
}
顯示文件
index.html
<extend name="Public/base" />
<block name="css">
<style type="text/css">
*{margin: 0; padding: 0; border: 0; font-size: 16px;}
body{background-color: #4d56a3;}
ul{list-style: none;}
#mainBox{width: 1024px; height:auto; margin:10px auto 0 auto; }
#leftBox{width:60%; height: 700px; float: left; border-radius:15px; margin-right:3%; background-color:#ffbd66; }
#rightBox{width:37%; height: 700px; float: right; border-radius:15px; background-color:#faf7dd}
#calendartitle{width: 95%; margin: 10px auto 5px auto; height: 110px; }
#calendartitle ul li{float: left; margin-right: 10px;}
#logoImg{width: 100px; height: 100px; border-radius: 10px; background-image: url('__IMG__/logo.png');background-repeat: no-repeat;}
#cellHead{width: 95%; background-color:#ffe786; border-radius:10px 10px 0 0; }
#cellHead td{width:80px; height:45px; font-size: 22px; }
#calendarcell{width: 95%; margin: 0 auto;}
#calendarTable td{width:80px; height:80px;background-repeat: no-repeat; border: 1px; font-size: 18px; }
.daytype1_1{background-image:url("__IMG__/cellbg1_0_1.png");}
.daytype2_1{background-image:url("__IMG__/cellbg1_1_1.png");}
.daytype1_2{background-image:url("__IMG__/cellbg1_0_2.png");}
.daytype2_2{background-image:url("__IMG__/cellbg1_1_2.png");}
.daytype1_3{background-image:url("__IMG__/cellbg1_0_3.png");}
.daytype2_3{background-image:url("__IMG__/cellbg1_1_3.png");}
.daytype3_1{background-image:url("__IMG__/cellbg2_0_1.png");}
.daytype4_1{background-image:url("__IMG__/cellbg2_1_1.png");}
.daytype3_2{background-image:url("__IMG__/cellbg2_0_2.png");}
.daytype4_2{background-image:url("__IMG__/cellbg2_1_2.png");}
.daytype3_3{background-image:url("__IMG__/cellbg2_0_3.png");}
.daytype4_3{background-image:url("__IMG__/cellbg2_1_3.png");}
.aBlock{display: block; text-decoration: none;}
.ainblock{display: inline-block; text-decoration: none;}
.actionBox{width: 80%; margin: 0 auto; margin-top:15px; background-color:#fadfbb; height: auto; padding-top: 20px; padding-bottom: 20px; border-radius: 10px; text-align: center;}
#action1 a{width:80%; margin: 0 auto 15px auto; height: 45px; background-color: #ffec42; border-radius: 10px; line-height: 45px; text-align: center; font-size: 22px; color: #ad5408; font-weight: 700;}
#action1 a:hover{font-size: 24px; color:#F12;}
#action2{text-align: center;}
#action2 a{width: 80px; background-color: #ffec42; border-radius: 10px; height: 35px; line-height: 35px; text-align: center; margin-right: 10px;}
#action3{text-align: left;}
#action3 ul li{margin-left:20px; border-bottom: 1px dashed #999;margin-right:10px; margin-bottom: 10px; font-size: 20px;}
</style>
</block>
<block name="title">日歷</block>
<block name="main">
<div id="mainBox">
<div id='leftBox'>
<div id="calendartitle">
<ul>
<li id="logoImg">
</li>
<li >
<div style="height:45px; line-height:45px; font-size:20px;">{$nowTime}</div>
<div style="height:45px; line-height:45px; font-size:20px;">{$curDay}</div>
</li>
</ul>
</div>
<div id="calendarcell">
<div id="cellHead">
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td align="center">周日</td>
<td align="center">周一</td>
<td align="center">周二</td>
<td align="center">周三</td>
<td align="center">周四</td>
<td align="center">周五</td>
<td align="center">周六</td>
</tr>
</table>
</div>
<table cellpadding="0" cellspacing="0" border="0" id='calendarTable' align="center">
<tr>
<volist name="info" id="dayinfo" key='flag'>
<td align="center" class="{$dayinfo['info']['class']}">{$dayinfo['info']['day']}</td>
<if condition="$flag % 7 == 0 && $flag % 7 != 42 ">
</tr><tr>
</if>
</volist>
</table>
</div>
</div>
<div id='rightBox'>
<div id="action1" class="actionBox">
<ul>
<li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="aBlock" onclick="todayAction(1)">工作</a></li>
<li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="aBlock" onclick="todayAction(2)">休息</a></li>
</ul>
</div>
<div id="action2" class="actionBox">
<ul>
<li><a href="?daytime={$lastMDay}" rel="external nofollow" class="ainblock" >上一月</a><a href="?daytime={$nextMDay}" rel="external nofollow" class="ainblock" >下一月</a></li>
</ul>
</div>
<div id="action3" class="actionBox">
<ul>
<li>本月共計(jì)：{$curDaySum} 天</li>
<li>本月已工作：{$workDays} 天</li>
<li>本月剩余工作日：** 天</li>
<li>預(yù)計(jì)工資：**天</li>
</ul>
</div>
<div id="action4" class="actionBox">
<ul>
<li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="aBlock">設(shè)置</a></li>
</ul>
</div>
</div>
</div>
</block>
<block name="js">
<script type="text/javascript" src="__JS__/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
function todayAction(type){
$.post("{:U('Log/addLog')}",{'type':type},function(data){
if(data['status']==1){
alert('數(shù)據(jù)添加完成');
}else{
alert('數(shù)據(jù)異常');
}
});
}
</script>
</block>
思路分析
1.在CalenDar.class.php中，封裝每個(gè)月的日期信息。如果讀者需要做日歷，只需要將該文件作為一個(gè)類調(diào)用即可。
如下圖
$calendar=new \Util\CalenDar();
$info=$calendar->getCalendar();
echo json_encode($info);
//輸出結(jié)果如下
[{"id":"2016-5-29","info":{"day":29,"type":1}},{"id":"2016-5-30","info":{"day":30,"type":1}},{"id":"2016-5-31","info":{"day":31,"type":1}},{"id":"2016-6-1","info":{"day":1,"type":2}},{"id":"2016-6-2","info":{"day":2,"type":2}},{"id":"2016-6-3","info":{"day":3,"type":2}},{"id":"2016-6-4","info":{"day":4,"type":2}},{"id":"2016-6-5","info":{"day":5,"type":2}},{"id":"2016-6-6","info":{"day":6,"type":2}},{"id":"2016-6-7","info":{"day":7,"type":2}},{"id":"2016-6-8","info":{"day":8,"type":2}},{"id":"2016-6-9","info":{"day":9,"type":2}},{"id":"2016-6-10","info":{"day":10,"type":2}},{"id":"2016-6-11","info":{"day":11,"type":2}},{"id":"2016-6-12","info":{"day":12,"type":2}},{"id":"2016-6-13","info":{"day":13,"type":2}},{"id":"2016-6-14","info":{"day":14,"type":2}},{"id":"2016-6-15","info":{"day":15,"type":2}},{"id":"2016-6-16","info":{"day":16,"type":2}},{"id":"2016-6-17","info":{"day":17,"type":2}},{"id":"2016-6-18","info":{"day":18,"type":2}},{"id":"2016-6-19","info":{"day":19,"type":2}},{"id":"2016-6-20","info":{"day":20,"type":2}},{"id":"2016-6-21","info":{"day":21,"type":2}},{"id":"2016-6-22","info":{"day":22,"type":2}},{"id":"2016-6-23","info":{"day":23,"type":2}},{"id":"2016-6-24","info":{"day":24,"type":2}},{"id":"2016-6-25","info":{"day":25,"type":2}},{"id":"2016-6-26","info":{"day":26,"type":2}},{"id":"2016-6-27","info":{"day":27,"type":2}},{"id":"2016-6-28","info":{"day":28,"type":2}},{"id":"2016-6-29","info":{"day":29,"type":2}},{"id":"2016-6-30","info":{"day":30,"type":2}},{"id":"2016-7-1","info":{"day":1,"type":3}},{"id":"2016-7-2","info":{"day":2,"type":3}},{"id":"2016-7-3","info":{"day":3,"type":3}},{"id":"2016-7-4","info":{"day":4,"type":3}},{"id":"2016-7-5","info":{"day":5,"type":3}},{"id":"2016-7-6","info":{"day":6,"type":3}},{"id":"2016-7-7","info":{"day":7,"type":3}},{"id":"2016-7-8","info":{"day":8,"type":3}},{"id":"2016-7-9","info":{"day":9,"type":3}}]
2.在WorkLog.class.php中，獲取該用戶上一個(gè)月、當(dāng)前月、下一個(gè)月的工作信息，之所以使用一次性獲取三個(gè)月的工作信息，因?yàn)槿绻刻斓娜プx取，這樣數(shù)據(jù)查詢的次數(shù)過大，當(dāng)然最好的還是做一下緩存比較好。讀取到工作信息后，然后結(jié)合日歷，判斷每天是否工作，以及是否是周末，來決定日歷中每個(gè)方格的背景樣式。工作信息數(shù)據(jù)庫如下圖：
PS：這里再為大家分享幾款本站的在線日期工具供大家參考：
在線萬年歷日歷：
http://tools.jb51.net/bianmin/wannianli
網(wǎng)頁萬年歷日歷：
http://tools.jb51.net/bianmin/webwannianli
在線萬年歷黃歷flash版：
http://tools.jb51.net/bianmin/flashwnl
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》、《smarty模板入門基礎(chǔ)教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
php實(shí)現(xiàn)zip壓縮文件解壓縮代碼分享（簡單易懂）
這篇文章主要介紹了php的zip壓縮文件解壓縮實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-05-05
laradock環(huán)境docker-compose操作詳解
在本篇文章中小編給大家整理的是關(guān)于laradock環(huán)境docker-compose操作的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們參考學(xué)習(xí)下。2019-07-07
本篇文章是對(duì)PHP類的相關(guān)函數(shù)的使用進(jìn)行了分析介紹。需要的朋友參考下2013-05-05
這篇文章主要介紹了PHP變量的作用范圍實(shí)例講解,介紹了變量的類型和具體的代碼實(shí)例，講解的非常清晰，有對(duì)這方面不懂的同學(xué)可以閱讀了解下2020-12-12
ThinkPHP后臺(tái)首頁index使用frameset時(shí)的注意事項(xiàng)分析
這篇文章主要介紹了ThinkPHP后臺(tái)首頁index使用frameset時(shí)的注意事項(xiàng),需要的朋友可以參考下2014-08-08
Vagrant(WSL)+PHPStorm+Xdebu 斷點(diǎn)調(diào)試環(huán)境搭建
這篇文章主要介紹了Vagrant(WSL)+PHPStorm+Xdebu 斷點(diǎn)調(diào)試環(huán)境搭建,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
使用php記錄用戶通過搜索引擎進(jìn)網(wǎng)站的關(guān)鍵詞
為了方便SEO，我們需要記錄用戶通過常見的搜索引擎搜索關(guān)鍵詞，下面是進(jìn)入你網(wǎng)站的情況的相關(guān)實(shí)現(xiàn)代碼，更多的，大家自己拓展咯2014-02-02
PHP實(shí)現(xiàn)文件上傳后臺(tái)處理腳本
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)文件上傳后臺(tái)處理腳本，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了PHP微信紅包API接口，針對(duì)PHP微信公眾號(hào)自動(dòng)發(fā)送紅包API，PHP微信紅包API接口的主要代碼進(jìn)行分析，感興趣的小伙伴們可以參考一下2016-10-10
thinkphp隱藏index.php/home并允許訪問其他模塊的實(shí)現(xiàn)方法
這篇文章主要介紹了thinkphp隱藏index.php/home并允許訪問其他模塊的實(shí)現(xiàn)方法,想要達(dá)成的效果很簡單，我有兩個(gè)模塊，Home、Wechat。具體詳情請(qǐng)參考下本文。感興趣的朋友一起看看吧2016-10-10