snowrain
V2EX  ›  问与答

各位前端都用什么模板?

  •  1
     
  •   snowrain · Aug 23, 2014 · 7505 views
    This topic created in 4457 days ago, the information mentioned may be changed or developed.
    在写静态页面的时候,基本所有的 header 和 footer 都是一样的。
    当 header 和 footer 有变动,很难批量修改。
    这种情况大家都是用模板解决的吧,不过我之前没用过,不太了解,所以想问下大家都用什么模板?
    26 replies  •  2014-08-24 10:27:49 +08:00
    xiaojj
    xiaojj
    Aug 23, 2014
    1
    jq
    <script type="text/javascript">$(".head").load("top.html");</script>
    snowrain
    snowrain
    OP
    Aug 23, 2014
    2
    @xiaojj 这种加载方式之前看过,感觉不友好,我想要能生成带 header 和 footer 的完整 html 文件的模板引擎。
    sivacohan
    sivacohan
    Aug 23, 2014 via Android
    3
    jinjia2
    emric
    emric
    Aug 23, 2014
    4
    把 jade 当作预编译语言, 发布时再使用 grunt 打包处理.
    loading
    loading
    Aug 23, 2014 via Android
    5
    很难批量修改吗?我用nitepad++都能批量改,就用查找替换,其中有整个目录所有文件或者当前打开的所有文件。

    你说的一般是后端的 include功能,基本都有!
    如果1L 的javascript方案不符合你要求,那你问什么前端~
    loading
    loading
    Aug 23, 2014 via Android
    6
    哦,其实一般 cms 都有自己的模板方案,你说到的根本不是问题~

    静态的如 jekyll 都有这方面功能,实在不知道你需要什么!
    reeco
    reeco
    Aug 23, 2014
    7
    jsp可以<jsp:include>
    snowrain
    snowrain
    OP
    Aug 23, 2014
    8
    @emric jade 就算了,不喜欢它的语法。
    @loading 你遇到这种情况都用 Notepad++ 批量修改么?我说的确实是 include 功能,不过只要方便使用,能输出 html 文件,如4楼所说。搭个运行环境也没问题啊。
    最好能配合 gulp 使用。
    loading
    loading
    Aug 23, 2014 via Android
    9
    @snowrain 你要的是静态生成引擎?
    jekyll

    请详细说一下你所谓的写静态页面是什么工作内容,就单独写 html? 现在至少都搭配 wordpress 才能卖钱啦~
    donnior
    donnior
    Aug 23, 2014 via iPhone
    10
    我们公司现在前端用jekyll,主要是模版和sass
    snowrain
    snowrain
    OP
    Aug 23, 2014
    11
    @loading 确实是单独写 html,然后交给后端(asp),让后端改成他所需要用的。
    loading
    loading
    Aug 23, 2014 via Android
    12
    你用 1L 的吧,我大后端无所不能,用
    @xiaojj 的也方便后端直接 include ,大家都方便!不信你问他一下,当然,asp 的可能差一点~
    snowrain
    snowrain
    OP
    Aug 23, 2014
    13
    @loading 想想也是,重复的部分后端也就用一次。
    不过总不会一直是这种工作模式,如果和后端配合,根据后端所用的语言选择模板吗?
    snowrain
    snowrain
    OP
    Aug 23, 2014
    15
    @fanzeyi 木有 Mac 。
    liaa
    liaa
    Aug 23, 2014
    16
    我用 liquid,然后使用 grunt-liquid 进行自动合并
    solodxg
    solodxg
    Aug 23, 2014
    17
    https://github.com/alanshaw/grunt-include-replace 单独写head和foot的html片段,然后include到页面中,最后grunt
    Owenjia
    Owenjia
    Aug 23, 2014
    18
    jinja2 不错~~
    http://jinja.pocoo.org/
    dimlau
    dimlau
    Aug 23, 2014
    19
    静态页面可以用 SSI(Server Side Includes)来实现固定内容调用。
    具体去搜索吧,Apache & Nginx 都支持的。
    kmvan
    kmvan
    Aug 23, 2014 via Android
    20
    shtml
    kokdemo
    kokdemo
    Aug 23, 2014
    21
    其实我一直很好奇,有没有什么方法在前端部分处理路由比较给力的。
    cloudhunter
    cloudhunter
    Aug 23, 2014
    22
    Server Side Includes +1
    casparchen
    casparchen
    Aug 23, 2014
    23
    jinja2 +3
    raincious
    raincious
    Aug 24, 2014
    24
    好吧,我在自己的项目里用了@paulguo家的 http://juicer.name/。

    不是前端,但是觉得足够好用了。
    thanksir
    thanksir
    Aug 24, 2014
    25
    robertlyc
    robertlyc
    Aug 24, 2014
    26
    slim/jade
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2678 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 00:33 · PVG 08:33 · LAX 16:33 · JFK 19:33
    ♥ Do have faith in what you're doing.