<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 '&lt;div class=&quot;project&quot;&gt;';
  echo '&lt;img src='' . $project['image'] . ''&gt;';
  echo '&lt;h2&gt;' . $project['name'] . '&lt;/h2&gt;';
  echo '&lt;p&gt;' . $project['description'] . '&lt;/p&gt;';
  echo '&lt;a href='' . $project['link'] . ''&gt;Learn more&lt;/a&gt;';
  echo '&lt;/div&gt;';
}
</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>
PHP JSON 项目展示 - 优化美观,易于搜索

原文地址: https://www.cveoy.top/t/topic/mCu5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录