V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
snowrain
V2EX  ›  问与答

各位前端都用什么模板?

  •  1
     
  •   snowrain · 2014-08-23 13:54:30 +08:00 · 6306 次点击
    这是一个创建于 3771 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在写静态页面的时候,基本所有的 header 和 footer 都是一样的。
    当 header 和 footer 有变动,很难批量修改。
    这种情况大家都是用模板解决的吧,不过我之前没用过,不太了解,所以想问下大家都用什么模板?
    26 条回复    2014-08-24 10:27:49 +08:00
    xiaojj
        1
    xiaojj  
       2014-08-23 14:56:13 +08:00
    jq
    <script type="text/javascript">$(".head").load("top.html");</script>
    snowrain
        2
    snowrain  
    OP
       2014-08-23 15:01:09 +08:00
    @xiaojj 这种加载方式之前看过,感觉不友好,我想要能生成带 header 和 footer 的完整 html 文件的模板引擎。
    sivacohan
        3
    sivacohan  
       2014-08-23 15:13:49 +08:00 via Android
    jinjia2
    emric
        4
    emric  
       2014-08-23 15:20:28 +08:00
    把 jade 当作预编译语言, 发布时再使用 grunt 打包处理.
    loading
        5
    loading  
       2014-08-23 15:27:27 +08:00 via Android
    很难批量修改吗?我用nitepad++都能批量改,就用查找替换,其中有整个目录所有文件或者当前打开的所有文件。

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

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

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

    不是前端,但是觉得足够好用了。
    thanksir
        25
    thanksir  
       2014-08-24 09:20:59 +08:00
    robertlyc
        26
    robertlyc  
       2014-08-24 10:27:49 +08:00
    slim/jade
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1262 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 23:36 · PVG 07:36 · LAX 15:36 · JFK 18:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.