当前位置：网站首页>php开发博客系统的首页头部功能实现
php开发博客系统的首页头部功能实现
2022-06-13 04:20:00 【qq_42307546】
前台首页套用模板将一下文件放置到网站根目录
https://down.chinaz.com/search/Light-Year-Blog.htm
index.php
<?php
include_once 'init.php';
$result = $conn->query('select * from config');
while($row = $result->fetch_assoc()){
$web[$row['name']]=$row['value'];
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $web['website_title']; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<?php echo $web['website_desc'];?>" />
<meta name="keywords" content="<?php echo $web['website_keywords'];?>" />
<meta name="author" content="moonsec" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/materialdesignicons.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.min.css" />
</head>
<body>
<header class="lyear-header text-center" style="background-image:url(images/left-bg.jpg);">
<div class="lyear-header-container">
<div class="lyear-mask"></div>
<h1 class="lyear-blogger pt-lg-4 mb-0"><a href="index.php"><?php echo $web['website_title']; ?></a></h1>
<nav class="navbar navbar-expand-lg">
<a class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<div class="lyear-hamburger">
<div class="hamburger-inner"></div>
</div>
</a>
<div id="navigation" class="collapse navbar-collapse flex-column">
<div class="profile-section pt-3 pt-lg-0">
<img class="profile-image mb-3 rounded-circle mx-auto" src="images/img.png" width="200" height="200" alt="笔下光年" >
<div class="lyear-sentence mb-3">必须记住我们学习的时间是有限的。时间有限，不只由于人生短促，更由于人事纷繁。我们就应力求把我们所有的时间用去做最有益的事情。</div>
<hr>
</div>
<ul class="navbar-nav flex-column text-center">
<li class="nav-item active">
<a class="nav-link" href="index.php">首页</a>
</li>
<?php
$result=$conn->query('select * from cate ');
while($row=$result->fetch_assoc()){
?>
<li class="nav-item">
<a class="nav-link" href="post.php?id=<?php echo $row['id'];?>"><?php echo $row['class_name'];?></a>
</li>
<?php
}
?>
<li class="nav-item">
<a class="nav-link" href="about.html">关于我</a>
</li>
</ul>
<div class="my-2 my-md-3">
<form class="lyear-search-form form-inline justify-content-center pt-3">
<input type="email" id="semail" name="semail1" class="form-control mr-md-1" placeholder="搜索关键词" />
</form>
</div>
</div>
</nav>
</div>
</header>
<div class="lyear-wrapper">
<section class="mt-5 pb-5">
<div class="container">
<div class="row">
<!-- 文章列表 -->
<div class="col-xl-8">
<article class="lyear-arc">
<div class="arc-header">
<h2 class="arc-title"><a href="post.html">蔚来汽车宣布将在今日20点召开第二季度财报业绩电话会</a></h2>
<ul class="arc-meta">
<li><i class="mdi mdi-calendar"></i> 2019-09-25 09:21</li>
<li><i class="mdi mdi-tag-text-outline"></i> <a href="#">蔚来汽车</a>, <a href="#">财报</a></li>
<li><i class="mdi mdi-comment-multiple-outline"></i> <a href="#">3 评论</a></li>
</ul>
</div>
<div class="arc-synopsis">
<p>今日，蔚来宣布将在北京时间周三20: 00召开第二季度财报业绩电话会议。昨日，蔚来汽车公布了截至 2019 年 6 月 30 日未经审计的第二季度财报。财报财报显示，蔚来 2019 第二季度获得总营收15. 086 亿元，环比下降7.5%同比增长3180.1%;净亏损32. 858 亿元，环比增长25.2%，同比增长83.1%。</p>
</div>
</article>
<article class="lyear-arc">
<div class="arc-header">
<h2 class="arc-title"><a href="post.html">苹果 CEO 库克：Apple 已完全使用可再生能源供电</a></h2>
<ul class="arc-meta">
<li><i class="mdi mdi-calendar"></i> 2019-09-25 09:20</li>
<li><i class="mdi mdi-tag-text-outline"></i> <a href="#">苹果</a>, <a href="#">Apple</a></li>
<li><i class="mdi mdi-comment-multiple-outline"></i> <a href="#">37 评论</a></li>
</ul>
</div>
<div class="arc-preview">
<a href="#"><img src="images/blog/post-1.png" alt="" class="img-fluid rounded"></a>
</div>
<div class="arc-synopsis">
<p>苹果 CEO 库克在微博上表示，「我们很自豪 Apple 已完全使用可再生能源供电，并携手我们的供应商共同朝这个方向努力。明年我们将有超过 6000 兆瓦的新可再生能源并网，包括位于湖南和湖北的三座新风电场。」</p>
</div>
</article>
<article class="lyear-arc">
<div class="arc-header">
<h2 class="arc-title"><a href="post.html">韭菜扎心！比特币一度跌破8000美元 24小时跌幅10.6%</a></h2>
<ul class="arc-meta">
<li><i class="mdi mdi-calendar"></i> 2019-09-25 09:19</li>
<li><i class="mdi mdi-tag-text-outline"></i> <a href="#">比特币</a>, <a href="#">韭菜</a></li>
<li><i class="mdi mdi-comment-multiple-outline"></i> <a href="#">90 评论</a></li>
</ul>
</div>
<div class="arc-synopsis">
<p>本周二，比特币迎来了一轮暴跌，根据行情显示，比特币今日凌晨曾一度跌破 8000 美元，现报约8723美元，恐怕这让一大波韭菜们相当扎心。 </p>
</div>
</article>
<article class="lyear-arc">
<div class="arc-header">
<h2 class="arc-title"><a href="post.html">数十万 PhpStudy 用户被植入后门，快来检测你是否已沦为“肉鸡”！</a></h2>
<ul class="arc-meta">
<li><i class="mdi mdi-calendar"></i> 2019-09-24 09:57</li>
<li><i class="mdi mdi-tag-text-outline"></i> <a href="#">PhpStudy</a></li>
<li><i class="mdi mdi-comment-multiple-outline"></i> <a href="#">115 评论</a></li>
</ul>
</div>
<div class="arc-preview">
<a href="#"><img src="images/blog/post-2.jpg" alt="" class="img-fluid rounded"></a>
</div>
<div class="arc-synopsis">
<p>北京时间9月20日，杭州公安发布《杭州警方通报打击涉网违法犯罪暨‘净网2019’专项行动战果》一文，文章曝光了国内知名PHP调试环境程序集成包“PhpStudy软件”遭到黑客篡改并植入“后门”。截...</p>
</div>
</article>
<article class="lyear-arc">
<div class="arc-header">
<h2 class="arc-title"><a href="post.html">效力微软 15 年的前员工解释 Windows 10 为什么问题如此多</a></h2>
<ul class="arc-meta">
<li><i class="mdi mdi-calendar"></i> 2019-09-24 07:52</li>
<li><i class="mdi mdi-tag-text-outline"></i> <a href="#">windows</a>, <a href="#">win10</a></li>
<li><i class="mdi mdi-comment-multiple-outline"></i> <a href="#">26 评论</a></li>
</ul>
</div>
<div class="arc-synopsis">
<p>众所周知 Windows 10 系统问题频发，整体来说稳定性比较差，然而在此之前的版本其实相对来说稳定性还挺好的。自从 Windows 10 正式版推出之时，该系统就开始频繁出现问题，乃至现在每个月安全...</p>
</div>
</article>
<!-- 分页 -->
<div class="row">
<div class="col-lg-12">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#"><i class="mdi mdi-chevron-left"></i></a></li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item"><a class="page-link" href="#"><i class="mdi mdi-chevron-right"></i></a></li>
</ul>
</div>
</div>
<!-- 分页 end -->
</div>
<!-- 内容 end -->
<!-- 侧边栏 -->
<div class="col-xl-4">
<div class="lyear-sidebar">
<!-- 热门文章 -->
<aside class="widget widget-hot-posts">
<div class="widget-title">热门文章</div>
<ul>
<li>
<a href="#">三星将为 Galaxy Fold 用户提供 149 美元更换屏幕服务</a> <span>2019-09-25 10:05</span>
</li>
<li>
<a href="#">专家：10年后6G将问世 数据传输速率有望比5G快100倍</a> <span>2019-09-25 08:06</span>
</li>
<li>
<a href="#">苹果正式发布 iPadOS 13.1 系统，加入多项强大新功能</a> <span>2019-09-25 09:35</span>
</li>
</ul>
</aside>
<!-- 归档 -->
<aside class="widget">
<div class="widget-title">归档</div>
<ul>
<li><a href="#">2019 三月</a> (40)</li>
<li><a href="#">2019 四月</a> (08)</li>
<li><a href="#">2019 五月</a> (11)</li>
<li><a href="#">2019 六月</a> (21)</li>
</ul>
</aside>
<!-- 标签 -->
<aside class="widget widget-tag-cloud">
<div class="widget-title">标签</div>
<div class="tag-cloud">
<a href="#" class="badge badge-light">php</a>
<a href="#" class="badge badge-primary">苹果</a>
<a href="#" class="badge badge-danger">比特币</a>
<a href="#" class="badge badge-light">linux</a>
<a href="#" class="badge badge-light">前端</a>
<a href="#" class="badge badge-light">vue</a>
</div>
</aside>
</div>
</div>
<!-- 侧边栏 end -->
</div>
</div>
<!-- end container -->
</section>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>
</body>
</html>
边栏推荐
- CTFSHOW SQL注入篇（231-253）
- [notes] summarize common horizontal and vertical centering methods
- Ultra quicksort reverse sequence pair
- 1-72 convert string to decimal integer
- PAT 1054 The Dominant Color
- Summary of webdriver API for web automated testing
- 【LeetCode】860. Change with lemonade (2 brushes for wrong questions)
- SQL 进阶挑战（1 - 5）
- 第007天:go语言字符串
- Single chip microcomputer: basic concepts of a/d and d/a
猜你喜欢
Ultra quicksort reverse sequence pair
Ego planner code analysis ----cmakelists Txt and package xml
ACM ICPC
力扣刷题647.回文子串
Analyse du principe de mise en œuvre d'un éditeur de texte open source markdown - to - rich
leetcode. 1 --- sum of two numbers
Simple static web page + animation (small case)
Sword finger offer II 022 Entry node of a link in a linked list
![[notes] summarize common horizontal and vertical centering methods](/img/0a/9625e7e459be69a2a8d4e016a20f4d.jpg)
[notes] summarize common horizontal and vertical centering methods
![[zeloengine] localization process /imgui Chinese culture](/img/ec/7eb7edc236b09994c2981e6f13dc68.png)
[zeloengine] localization process /imgui Chinese culture
随机推荐
leetcode. 1 --- sum of two numbers
Ladder race
El expression
Manage PC startup items
力扣刷题338.比特位计数
Introduction to MCU peripherals: temperature sensor DS18B20
Common terms of electromagnetic compatibility
Forgotten fleeting years
dumi 搭建文檔型博客
力扣刷题647.回文子串
R: Airline customer value analysis practice
Catalan number
The WebView case of flutter
JS common array methods
Real time question answering of single chip microcomputer / embedded system
Solve the problem of running server nodemon reporting errors
Redis
XOR prefix and +map maintenance
String full summary
1-72 convert string to decimal integer