在网站上显示“项目”(文件夹)列表

时间:2017-06-06 16:12:51

标签: javascript php jquery html

我可能没有列出要使用的语言,因为我不确定他最好的方法是什么。我是HTML / CSS / JS / PHP的新手,我正在建立一个投资组合网站。我确实有其他语言的背景,这有助于一些人遵循语法。

无论如何,我正在尝试找到列出文件目录的最佳方法,以供某人浏览。我有多种语言的项目(Matlab,R,Labview等)我希望这样做,如果我为一个新项目添加了一个文件夹,一切都会动态更新,所以我没有必要每次我想添加项目时,进入HTML并建立物理链接。我会告诉你一些我尝试/研究过的事情:

  • 添加从我的Github master.atom页面获取数据的RSS / Atom提要。我认为这是迄今为止最好的解决方案,因为我只需要提交更新和提要我的网站将动态更新。我认为问题是我仍然需要为我的HTML文件中的所有项目提供master.atom页面的路径,对吗?

  • 使用PHP扫描目录并返回内容。这可能非常简单,我想我可能会过于复杂,但我所做的就是在我的'中创建一个索引页'项目的路径,即'root / projects / index.html'。索引使用以下代码扫描'projects'目录,这些代码是从stackoverflow上的不同资源放在一起的,

    

foreach ($results as $result) {
    if ($result === '.' or $result === '..' or $result === 'Images') continue;

    if (is_dir($path . '/' . $result)) {
        echo'
            <div id="'.$result.'">
            <a href="'.$result.'/" class="btn btn-primary btn-block" role="button">'.$result.'</a>
            </div>';
    }  
} ?>   

然后使用此代码创建的按钮,我将调用一个javascript脚本,该脚本将获取按钮的ID,并在当前页面的另一个元素中显示与其关联的子目录文件,即用户单击标记的按钮'Matlab'和另一个扫描扫描Matlab文件夹中的文件夹,然后显示当前项目页面上另一个div元素中扫描的文件夹。

我知道这是实现这一目标的一种非常粗糙的方式,但我只是想要获得一些东西,然后在以后搞乱优化。

0 个答案:

没有答案