原文地址

?? 大多數(shù)web app都有一個(gè)相同的布局。這個(gè)布局可能包含一個(gè)header或者footer,甚至可能包含一個(gè)導(dǎo)航菜單。Go的標(biāo)準(zhǔn)庫(kù)提供一個(gè)簡(jiǎn)單的方式來(lái)創(chuàng)建這些基本元素,通過(guò)被不同的頁(yè)面重用,創(chuàng)建出模板頁(yè)的效果。
?? 這個(gè)簡(jiǎn)單的例子來(lái)解釋如何實(shí)現(xiàn)的:
?? 讓我們來(lái)創(chuàng)建一個(gè)簡(jiǎn)單的包含兩個(gè)view的web app,一個(gè)是 main 一個(gè)是about。這兩個(gè)view都有相同的header和footer。
?? header模板的代碼如下:

移動(dòng)開(kāi)發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開(kāi)發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

{{ define "header" }}<!DOCTYPE html><html>
    <head>
        <title>{{.Title}}</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
        <style type="text/css">
            body {padding-bottom: 70px;}
            .content {margin:10px;}
        </style>
    </head>
    <body>
        <nav class="navbar navbar-default" role="navigation">
          <div class="navbar-header">
            <a class="navbar-brand" href=
        
		

網(wǎng)友評(píng)論