PHP JSON 项目展示 - 优化美观,易于搜索
<p>本示例展示了如何使用 PHP 读取 JSON 文件并展示项目信息,包括图像、名称、描述和链接。代码简洁易懂,并提供美观样式,方便用户浏览。</p>
<pre><code class="language-php">// 读取JSON文件
$data = file_get_contents('projects.json');
$projects = json_decode($data, true);
// 显示每个项目的信息
foreach($projects['projects'] as $project) {
echo '<div class="project">';
echo '<img src='' . $project['image'] . ''>';
echo '<h2>' . $project['name'] . '</h2>';
echo '<p>' . $project['description'] . '</p>';
echo '<a href='' . $project['link'] . ''>Learn more</a>';
echo '</div>';
}
</code></pre>
<style>
.project {
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
text-align: center;
}
.project img {
max-width: 100%;
margin-bottom: 10px;
}
.project h2 {
font-size: 24px;
margin-bottom: 10px;
}
.project p {
font-size: 16px;
margin-bottom: 10px;
}
.project a {
display: inline-block;
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
margin-top: 10px;
}
.project a:hover {
background-color: #0062cc;
}
</style>
原文地址: https://www.cveoy.top/t/topic/mCu5 著作权归作者所有。请勿转载和采集!