\u30b5\u30fc\u30d0\u30fc\u3092golang+MongoDB\u3067\u30d5\u30ed\u30f3\u30c8\u3092Vue.js
\n\u57fa\u672c\u7684\u306a\u51e6\u7406\u3092\u8272\u3005\u30e1\u30e2\u3002<\/p>\n
package main\r\n\r\nimport (\r\n\t\"encoding\/json\"\r\n\t\"fmt\"\r\n\t\"html\/template\"\r\n\t\"io\/ioutil\"\r\n\t\"log\"\r\n\t\"net\/http\"\r\n\t\"os\"\r\n\t\"path\/filepath\"\r\n\r\n\t\"gopkg.in\/mgo.v2\"\r\n)\r\n\r\nfunc JsonMongo1(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tinfo := &mgo.DialInfo{\r\n\t\tAddrs: []string{\"localhost:27017\"},\r\n\t\tDatabase: \"name_store\",\r\n\t\tUsername: \"shiro\",\r\n\t\tPassword: \"123\",\r\n\t\tSource: \"admin\",\r\n\t}\r\n\r\n\t\/\/\u901a\u5e38\r\n\t\/\/session, err := mgo.Dial(\"localhost:27017\")\r\n\r\n\t\/\/\u8a8d\u8a3c\r\n\tsession, err := mgo.DialWithInfo(info)\r\n\tif err != nil {\r\n\t\treturn\r\n\t}\r\n\tdefer session.Close()\r\n\tc := session.DB(\"name_store\").C(\"names\")\r\n\r\n\tt := []T{}\r\n\r\n\t\/\/1\u4ef6\u53d6\u5f97\r\n\r\n\t\/\/if err := c.Find(bson.M{\"name\": \"taro\"}).One(&t); != nil{\r\n\t\/\/\tlog.Print(err)\r\n\t\/\/}\r\n\r\n\tif err := c.Find(nil).All(&t); err != nil {\r\n\t\tlog.Print(err)\r\n\t}\r\n\r\n\tw.Header().Set(\"content-type\", \"application\/json;charset=UTF-8\")\r\n\tw.WriteHeader(http.StatusOK)\r\n\r\n\tif err := json.NewEncoder(w).Encode(t); err != nil {\r\n\t\treturn\r\n\t}\r\n\r\n}\r\n\r\nfunc TemplateHtml(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tp, err := os.Executable()\r\n\tif err != nil {\r\n\t\treturn\r\n\t}\r\n\r\n\tt := template.Must(template.ParseFiles(filepath.FromSlash(filepath.Dir(p) + \"\/index.html\")))\r\n\r\n\tif err := t.Execute(w, nil); err != nil {\r\n\t\treturn\r\n\t}\r\n\r\n}\r\n\r\nfunc TemplateText(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tp, err := os.Executable()\r\n\tif err != nil {\r\n\t\treturn\r\n\t}\r\n\r\n\tf, err := ioutil.ReadFile(filepath.FromSlash(filepath.Dir(p) + \"\/vue.html\"))\r\n\tif err != nil {\r\n\t\treturn\r\n\t}\r\n\r\n\tfmt.Fprint(w, string(f))\r\n\r\n}\r\n\r\nfunc FromPost(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tinfo := &mgo.DialInfo{\r\n\t\tAddrs: []string{\"localhost:27017\"},\r\n\t\tDatabase: \"name_store\",\r\n\t\tUsername: \"shiro\",\r\n\t\tPassword: \"123\",\r\n\t\tSource: \"admin\",\r\n\t}\r\n\r\n\tbody, err := ioutil.ReadAll(r.Body)\r\n\tif err != nil {\r\n\t\tlog.Print(err)\r\n\t}\r\n\r\n\tt := []T{}\r\n\tif err := json.Unmarshal(body, &t); err != nil {\r\n\t\tlog.Print(err)\r\n\t}\r\n\r\n\t\/\/\u8a8d\u8a3c\r\n\tsession, err := mgo.DialWithInfo(info)\r\n\tif err != nil {\r\n\t\tlog.Print(err)\r\n\t}\r\n\tdefer session.Close()\r\n\tc := session.DB(\"name_store\").C(\"names\")\r\n\r\n\terr = c.Insert(&t[0])\r\n\tif err != nil {\r\n\t\tlog.Print(err)\r\n\t}\r\n\r\n}\r\n\r\nfunc main() {\r\n\r\n\thttp.HandleFunc(\"\/1\", RequestParams)\r\n\thttp.HandleFunc(\"\/2\", QueryKeyValue)\r\n\thttp.HandleFunc(\"\/3\", ResponseJson)\r\n\thttp.HandleFunc(\"\/4\", JsonMongo1)\r\n\thttp.HandleFunc(\"\/5\", TemplateHtml)\r\n\thttp.HandleFunc(\"\/6\", TemplateText)\r\n\thttp.HandleFunc(\"\/7\", FromPost)\r\n\r\n\tif err := http.ListenAndServe(\":9000\", nil); err != nil {\r\n\t\tlog.Fatal(err)\r\n\t}\r\n\r\n}\r\n\r\nfunc RequestParams(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tif r.Method != http.MethodGet {\r\n\t\treturn\r\n\t}\r\n\r\n\tfmt.Fprintf(w, \"%s\\n\", r.URL.Host)\r\n\tfmt.Fprintf(w, \"%s\\n\", r.URL.Path)\r\n\tfmt.Fprintf(w, \"%s\\n\", r.URL.RawQuery)\r\n}\r\n\r\nfunc QueryKeyValue(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tif r.Method != http.MethodGet {\r\n\t\treturn\r\n\t}\r\n\r\n\tfor key, value := range r.URL.Query() {\r\n\t\tfmt.Fprintf(w, \"key: %s\\n\", key)\r\n\t\tfor i, v := range value {\r\n\t\t\tfmt.Fprintf(w, \"value[%d]: %s\\n\", i, v)\r\n\t\t}\r\n\t}\r\n}\r\n\r\ntype T struct {\r\n\tID json.Number\r\n\tName string\r\n}\r\n\r\nfunc ResponseJson(w http.ResponseWriter, r *http.Request) {\r\n\r\n\tt := T{\r\n\t\tID: \"1\",\r\n\t\tName: \"taro\",\r\n\t}\r\n\r\n\tw.Header().Set(\"content-type\", \"application\/json;charset=UTF-8\")\r\n\tw.WriteHeader(http.StatusOK)\r\n\r\n\tif err := json.NewEncoder(w).Encode(t); err != nil {\r\n\t\treturn\r\n\t}\r\n\r\n}\r\n<\/pre>\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <title>title<\/title>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue\/dist\/vue.js\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"app\">\r\n\r\n<input type=\"button\" v-on:click=\"fetchData\" value=\"Get\">\r\n<input type=\"button\" v-on:click=\"insertData\" value=\"Up\">\r\n\r\n<br>\r\n\r\n<table>\r\n <tr v-for=\"i in res\" v-bind:id=\"i.ID\">\r\n <td>{{ i.ID }}<\/td>\r\n <td>{{ i.Name }}<\/td>\r\n <\/tr>\r\n<\/table>\r\n\r\n<input type=\"text\" v-bind:value=\"v\">\r\n<input type=\"range\" max=\"1\" min=\"0\" step=\"0.25\" v-model=\"v\">\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nlet vm = new Vue({\r\n el: '#app',\r\n data:{\r\n v: 0,\r\n res: [\r\n {\"ID\":1, \"Name\":\"taro\"},\r\n {\"ID\":2, \"Name\":\"jiro\"}\r\n ]\r\n },\r\n methods:{\r\n insertData(){\r\n console.log(vm.res);\r\n axios\r\n .post('http:\/\/localhost:9000\/7',vm.res)\r\n .then(response => {\r\n console.log(response.status) \r\n })\r\n },\r\n fetchData(){\r\n axios\r\n .get('http:\/\/localhost:9000\/4')\r\n .then(response => {\r\n\r\n \/\/forceUpdate\u3067\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u306a\u308b\r\n \/\/vm.res[1] = response.data;\r\n \/\/vm.$forceUpdate();\r\n\r\n console.log(response.status) \r\n\r\n \/\/vm.res\u306f\u914d\u5217\r\n\r\n \/\/\u30ec\u30b9\u30dd\u30f3\u30b9\u306ejson\u304c\u914d\u5217\u3067\u306f\u306a\u3044\u5834\u5408\u306e\u6307\u5b9a\u306e\u65b9\u6cd5\r\n \/\/Vue.set(vm.res, 1, response.data);\r\n\r\n \/\/\u914d\u5217\u306e\u5834\u5408\u306e\u6307\u5b9a\u306e\u65b9\u6cd5(vm.res\u304c\u5168\u3066\u7f6e\u304d\u63db\u308f\u308b)\r\n Vue.set(vm, 'res', response.data)\r\n \r\n })\r\n }\r\n } \r\n})\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n <\/p>\n","protected":false},"excerpt":{"rendered":"
\u30b5\u30fc\u30d0\u30fc\u3092golang+MongoDB\u3067\u30d5\u30ed\u30f3\u30c8\u3092Vue.js \u57fa\u672c\u7684\u306a\u51e6\u7406\u3092\u8272\u3005\u30e1\u30e2\u3002 package main import ( “encoding\/json” “fmt” “html\/template” “io\/i … <\/p>\n