全端基础-前端(1).calendar(html架构)

header.php

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Calendar demo</title><link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="css/main.css"><script src="js/jquery-3.2.1.min.js"></script><script src="js/handlebars-v4.0.11.js"></script><script src="js/action.js"></script></head><body>

footer.php

</body></html>

index.php

<?php include('header.php'); ?><?php include('data.php'); ?><div id="calender">    <div id="header">        <?= date('Y') ?>/<?= date('m') ?>    </div>    <div id="days" class="clearfix">        <div class="day">SUN</div>        <div class="day">MON</div>        <div class="day">TUE</div>        <div class="day">WED</div>        <div class="day">THU</div>        <div class="day">FRI</div>        <div class="day">SAT</div>    </div>    <div id="dates" class="clearfix">        <?php foreach($dates as $key => $date): ?>            <div class="date-block>                <div class="date"><?= $date ?></div>                <div class="events">                        </div>            </div>        <?php endforeach ?>    </div></div><script id="todo-list-item-template" type="text/x-handlebars-template"><li data-id="{{id}}" class="{{#if is_complete}}complete{{/if}}">    <div class="checkbox"></div>    <div class="content">{{content}}</div>    <div class="actions">        <div class="delete">            x        </div>    </div></li></script><?php include('footer.php'); ?>

data.php

<?php// include('../db.php');// try{//     $pdo = new PDO("mysql:host=$db[host];dbname=$db[dbname];port=$db[port];charset=$db[charset]",$db['username'],$db['password']);// }catch(PDOException $e){//     echo "Database connection failed.";//     exit;// }$dates = [];for($i=1; $i<=31; $i++){   $dates[] = $i;}$dates[] = null;$dates[] = null;$dates[] = null;$dates[] = null;?>

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章