有什么方法可以将帖子排序并加载到动态php模板中

时间:2013-03-21 04:37:57

标签: php javascript jquery

我目前有两个正在研究的项目,一个小型Flash游戏网站,可以练习并掌握一些概念和博客/游戏开发广告混合。我向你们提出的问题是加载帖子的最有效方法是什么,所以我可以做一些事情,比如生成具有指定数量条目的页面,并根据我稍后定义的类别对它们进行排序。它可能只是我的无知,但将每个文件存储在一个文件中似乎效率很低,因为它们中有很多要存储。 来自小型Flash游戏网站的基本游戏“帖子”的例子,实际上只是一个div容器,而且我可以像标签系统一样添加一些内容以便稍后对其进行排序

    <div class="game">
                <a href="games/game.php?game=somegame"><img src="images/somegame.png"></a>
                <div id="content">
                    <a href="games/game.php?game=somegame"><header>Game name</header></a>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

                    </p>
                </div>
            </div>

3 个答案:

答案 0 :(得分:0)

似乎你是发展世界的新人(不是问题)。 您可能想要寻找一个开箱即用的解决方案。

想到的事情:Tumblr,Wordpress等......

如果你真的想自己破解它,我会建议你使用一个“框架”,你可以把它看作编程语言之上的额外层,填补空白/使东西更容易使用。 / p>

我真的可以推荐使用laravel(http://laravel.com/docs),它使用非常简单,文档会让你加快速度。

希望有所帮助

答案 1 :(得分:0)

您可以制作这样的XML文件。有不同的方法来读取XML文件。我的猜测是你想把它读成Flash。所以你会看动作脚本。 为此,您可以轻松找到信息并开始学习。 (即http://gotoandlearn.com/play.php?id=64

这取决于你想要什么。您可以动态生成带有XML文件信息的div块。

<games>
    <game>
        <name>Some name</name>
        <link>"games/game.php?game=somegame</link>
        <image>"images/somegame.png"</image>
        <content>Lorem Ipsum</content>
    </game>
    <game>
        <name>Second name</name>
        <link>"games/game.php?game=secondgame</link>
        <image>"images/secondgame.png"</image>
        <content>Lorem Ipsum</content>
    </game>
</games>

答案 2 :(得分:0)

将3个文件放在(本地)主机上的文件夹中并运行index.php - 这就是您要查找的内容吗?

/wwwroot/post.tpl

<article id="{$postId}" class="{$postType}">
    <div class="content" style="width:450px;float:left;margin-right:20px;">     
        <h3><a href="single-post.php?id={$postId}">{$postTitle}</a></h3>
        <p>{$postContent}</p>
    </div>
    <a href="single-post.php?id={$postId}"><img style="height:150px;" src="{$postPreviewImage}"></a>
</article><br clear="all"/>

/wwwroot/main.tpl

<!doctype html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>{$pageTitle}</title>
  <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <h1>{$pageH1}</h1>
  <hr>
  Filter posts: 
  <select id="filter">
    <option id="all">Show all posts</option>
    {$filterOptions}
  </select>
  <hr>
  {$posts}
  <script>
    $().ready(function() {
      $("#filter").change(function() {
        for(var b = $(this).find(":selected").attr("id"), d = document.getElementsByTagName("article"), c = 0;c < d.length;c++) {
          var a = d[c];
          "all" === b || b === a.className ? $(a).fadeIn() : b !== a.className && $(a).fadeOut()
        }
      });
    });
  </script>
</body>
</html>

/wwwroot/index.php

<?php
// get categories from DB
$postCategoriesFromDb = array(
    array(
        'slug' => 'games',
        'name' => 'Games'
    ),
    array(
        'slug' => 'dev',
        'name' => 'Development'
    )
);

// get posts from DB
$postsFromDb = array(
    array(
      'id'      => 1,
      'type'    => 'games',
      'image'   => 'http://openmatt.org/wp-content/uploads/2012/12/Game-On-banner.png',
      'title'   => 'A post about games',
      'content' => 'This is the content of my game post.. lorem ipsum..'
    ),
    array(
      'id'      => 2,
      'type'    => 'dev',
      'image'   => 'http://gregrickaby.com/wp-content/uploads/2012/03/github-logo.png',
      'title'   => 'A post about development',
      'content' => 'This is the content of my dev post.. lorem ipsum..'
    )
);

// function to populate single post template with post data
function getPostHtml($postData) {
    $html = file_get_contents(__DIR__ . '/post.tpl');

    $vars = array(
        '{$postId}'           => $postData['id'],
        '{$postType}'         => $postData['type'],
        '{$postPreviewImage}' => $postData['image'],
        '{$postTitle}'        => $postData['title'],
        '{$postContent}'      => $postData['content']
    );

    return strtr($html, $vars);
}

// create HTML for each post
$posts = '';    
foreach ($postsFromDb as $post) {
    $posts .= getPostHtml($post);
}

// create HTML for category filter
$options = '';  
foreach ($postCategoriesFromDb as $cat) {
    $options .= sprintf('<option id="%s">%s</option>', $cat['slug'], $cat['name']);
}

// get main page template
$html = file_get_contents(__DIR__ . '/main.tpl');

// template vars
$vars = array(
    '{$pageTitle}'     => 'Page title',
    '{$pageH1}'        => 'Hello World!',
    '{$filterOptions}' => $options,
    '{$posts}'         => $posts
);

// output to client
echo strtr($html, $vars);