【问题标题】:How to setup a dynamic website with javascript only (no serverside)如何仅使用 javascript 设置动态网站(无服务器端)
【发布时间】:2011-05-09 14:49:28
【问题描述】:

这是我的问题:我想建立一个网站,大部分是静态的,但有一些动态部分(一个用于新闻的小博客等)。 我的网络服务器只能做静态文件(它实际上是一个公共的保管箱目录!)但我不想在每个 html 页面中重复布局!

现在,我在这里看到了两种可能的解决方案:要么创建一个 index.htm 页面,使用 javascript 和 AJAX 模拟站点导航,要么创建所有不同的 html 页面,然后以某种方式使用 javascript 导入布局位。

我需要关于如何实现这一点、使用哪些库,或者是否存在完全适合我需要的东西的想法和建议?

谢谢!!

【问题讨论】:

    标签: javascript html ajax web


    【解决方案1】:

    我会在您的 index.html 文件中定义站点布局,然后使用 JavaScript 和 Ajax 将实际内容加载到页面上的内容 div 中。这样,您的内容文件(由 Ajax 获取)将或多或少是纯 HTML,并在 index.html 中定义了 CSS 类。此外,我不建议使用纯 HTML 和 JavaScript 构建博客。它不会是非常互动的。没有 cmets、评级等。但是,您可以将博客内容存储在 XML 中,然后使用 Ajax 和 JavaScript 获取并显示它。

    在 XML 的主题上,您可以在 XML 中实现您的所有网站内容。您还应该将页面列表(用于生成导航)存储为 XML。

    【讨论】:

    • 是的,这就是我的想法。我的“博客”实际上更多的是在新闻栏目中,我不需要用户交互。我会试试的。我有点害怕所有这些问题,比如后退/前进浏览器按钮,如何显示它正在加载等等。这个网站必须易于使用..
    • 哦,好的,很好,这更容易。但我仍然会将您的内容表示为 XML。它易于组织,您可以在帖子/页面上定义元数据。
    【解决方案2】:

    只是另一种方式。您可以在计算机中生成静态 HTML 并将结果上传到 Dropbox。看emacs muse

    【讨论】:

      【解决方案3】:

      jQuery 让您轻松load a section of one page into another page。我建议将常见的导航部分加载到不同的页面中,而不是反过来以避免后退/前进问题。布局可以使用单独的 CSS 文件而不是表格来完成,以最大限度地减少重复代码的数量。对于博客,您可以将每个博客条目放在一个单独的文件中并单独加载每个部分。

      但是,我只会使用已经可用的东西。例如,TiddlyWiki 是一个独立的wiki,它都在一个文件中。它非常可定制,并且已经有一个blog plug-in 可用。您可以在硬盘驱动器或 USB 驱动器上处理该站点,然后在完成后将其上传到网络。没有别的了。

      【讨论】:

        【解决方案4】:

        您是否考虑过使用计算机上的发布软件将您的内容与模板相结合,从而生成一组静态页面,然后您可以将这些页面上传到保管箱?

        想到了这方面的一些选择:

        要处理 cmets,您可以使用Disqus。它仅使用 JavaScript 将完整的评论系统插入您的网站。

        【讨论】:

          【解决方案5】:

          您可以使用Google Closure templates。它是最快、最通用的 javascript 模板解决方案之一。

          【讨论】:

            猜你喜欢
            • 2011-03-28
            • 2012-07-28
            • 2023-01-03
            • 2013-05-03
            • 1970-01-01
            • 1970-01-01
            • 2010-11-10
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多