Question

我的主管刚给我一些自由职业者的JSON文件，我们将用它来制作多个（类似的）网站。幸运的是，我将成为更新不同版本的内容和CSS的人。

这是我第一次使用JSON，所以虽然我无法确定这是一个设计不佳的模板，但事实上css非常混乱（为了改变整个网站按钮的颜色）从黄色到橙色，至少需要调整15个不同的类别，这对我来说似乎打败了css的整个目的......）并没有给我带来希望。

我已经强行通过前两个不同的网站，但由于看起来我们会做更多的工作，我正在寻找简化流程的方法（特别是确保更改内容需要更改的所有位置的内容，这是很多文件，不同版本的内容不同）。

我个人老了，足以喜欢awk（好吧，那就是我用来编程的最常用的东西），所以我的备份计划就是设置一个awk / batch脚本或两个将接收＆＃34;这些是在这些特定位置的信息位＆＃34;文件并更新所有相关文件。但是，我确信有更好的方法可以做到这一点，这就是为什么我要转向所有人。

是否有任何已经存在的简化流程这样的流程？或者是一个非常适合这个项目的编码系统/语言？一个GUI，我可以连接到需要更改的文本位？

理想情况下，我想设置甚至猴子（或不含咖啡因的我）可以根据需要使用的东西。我已经不得不深入研究源代码来清理它（因为，喘气，我们可能需要在＃34;我们的团队＆＃34;页面上拥有超过5个人，因为例如 - 没有错误的css / html解决方法），所以进行其他有助于内容更新过程的调整可能会在途中发生。

Answer 1

我最近使用underscore从JSON渲染模板。这是一个前端工具，但您可以使用一些后端工具自动化它（php中的简单cURL或file_get_content可以）。 Here is a link to a tutorial

您的模板将是html文件中的JavaScript模板：

<div id="rendered"></div> <script type="text/template" class="template"> <%- rc.listTitle %> </script>

并在您的JavaScript代码中加载：

 <script type="text/javascript">
    // When rending an underscore template, we want top-level
    // variables to be referenced as part of an object. For
    // technical reasons (scope-chain search), this speeds up
    // rendering; however, more importantly, this also allows our
    // templates to look / feel more like our server-side
    // templates that use the rc (Request Context / Colletion) in
    // order to render their markup.
    _.templateSettings.variable = "rc";
    // Grab the HTML out of our template tag and pre-compile it.
    var template = _.template(
        $( "script.template" ).html()
    );
    // Define our render data (to be put into the "rc" variable).
    var templateData = {
        listTitle: "Olympic Volleyball Players",
    };
    // Render the underscore template and inject it after the div rendered
    // in our current DOM.
    $( "#rendered" ).after(
        template( templateData )
    );
  </script>

为其他网站有效地重用（设计不当）JSON模板？

1 个答案: