Question

我需要在网站上显示json api数据。但是我无法使用以下脚本。这只是以json格式返回数据。我想以适当的格式和图像一起展示新闻。

＆＃13;

<?php 
$json_url = "http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=570&count=3&maxlength=300&format=json";
$json = file_get_contents($json_url);
$json=str_replace('},

]',"}

]",$json);
$data = json_decode($json, true);

echo "<pre>";
print_r($data);
echo "</pre>";
?>

＆＃13;

Answer 1

根据您的要求，我希望您会发现这有用：

CSS 将其粘贴到<head><style>here</style></head>

之间

#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
.news-entry {
    color: #606060;
    font: 11px/18px Arial,Verdana,sans-serif;
    padding: 1px 0;
    width: 630px;
}
.news-title {
    color: #848484;
    font: 10px Arial,Verdana,sans-serif;
    width: 630px;
}
.news-title h2 {
    border-bottom: 1px dotted #1c4670;
    color: #2771a5;
    font: 24px/30px "Trebuchet MS",Arial,Verdana,sans-serif;
}
.news-title-info {
    height: 22px;
    width: 630px;
}
.news-date {
    float: left;
    line-height: 22px;
    padding-left: 18px;
}
.news-author {
    float: right !important;
    line-height: 22px;
    padding-left: 16px;
	color:#00C;
}
.featured-news {
    float: left;
    margin-bottom: 10px;
    width: 630px;
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}

代码 将其粘贴到<body>here</body>

之间

<?php 
$json_url	=	"http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=570&count=3&maxlength=300&format=json";
$json		=	file_get_contents($json_url);
$json		=	str_replace('},]',"}]",$json);
$data		=	json_decode($json, true);
$appnews	=	$data['appnews']['newsitems'];
?>
<div id="header">
	<h1>News</h1>
</div>
<div class="featured-news">
<?php
    foreach($appnews as $news)
    {
    ?>
    <div class="news-entry">
        <h2><a href=""><?php echo $news['title']; ?></a></h2>
        <div class="news-title-info">
            <div class="news-date"><?php echo date('l jS \of F Y h:i:s A', $news['date']); ?></div>
            <?php
			if(!empty($news['author'])){
			?>	
                <div class="news-author">By <?php echo $news['author']; ?></a></div>
        	<?php
			}
			?>
        </div>
    </div>
    <div class="news-entry">
        <p>
            <img width="72" height="90" align="left" alt="Dota 2" src="http://cdn.mos.cms.futurecdn.net/DavzDRpQ36gGQGmiwELPs5-650-80.jpg" style="margin-left: 5px; margin-right: 5px;">
            <?php echo $news['contents']; ?>
        </p>
        <p>
            <a class="" target="_blank" href="<?php echo $news['url']; ?>">Read more</a>
        </p>
    </div>
    <?php
    }
    ?>
</div>
<div id="footer">
Some footer here...
</div>

PS：您必须更改为您喜欢的图像的路径，因为返回的json中没有新闻图像的字段。

json API数据及其所有内容

1 个答案: