initial setting page

res/js/settings.js

@@ -0,0 +1,7 @@
+/* javascript */
+var vm = new Vue({
+    el: '#app',
+    data: {
+        name: name,
+    }
+});

res/setting.html

@@ -35,11 +35,20 @@
   </nav>
   <div class="container">
     <div class="col-md-12">
-      <h1>TODO</h1>
-      <div id="main" style="width: 100%;height:400px;"></div>
+      <h1>{{name}}</h1>
+      <div id="main" style="width: 100%;height:250px;"></div>
     </div>
   </div>
+  <script type="text/javascript">
+  var name = "[[.Name]]";
+  </script>
+  <script src="/res/js/jquery-3.1.0.min.js"></script>
+  <script src="/res/bootstrap-3.3.5/js/bootstrap.min.js"></script>
+  <!-- <script src="/res/js/moment.min.js"></script> -->
+  <!-- <script src="/res/js/underscore-min.js"></script> -->
+  <script src="/res/js/vue-1.0.min.js"></script>
   <script src="/res/js/echarts.min.js"></script>
+  <script src="/res/js/settings.js"></script>
   <script type="text/javascript">
   // 基于准备好的dom，初始化echarts实例
   var myChart = echarts.init(document.getElementById('main'));
@@ -47,7 +56,7 @@
   // 指定图表的配置项和数据
   var option = {
     title: {
-      text: 'ECharts 入门示例'
+      text: 'CPU'
     },
     tooltip: {},
     legend: {

web.go

@@ -242,7 +242,10 @@ func (s *Supervisor) hIndex(w http.ResponseWriter, r *http.Request) {
 }
 
 func (s *Supervisor) hSetting(w http.ResponseWriter, r *http.Request) {
-	s.renderHTML(w, "setting", nil)
+	name := mux.Vars(r)["name"]
+	s.renderHTML(w, "setting", map[string]string{
+		"Name": name,
+	})
 }
 
 func (s *Supervisor) hStatus(w http.ResponseWriter, r *http.Request) {