Single Page Application基本运用

目录结构

主目录basic

  1. —— main.go
  2. —— main_test.go
  3. —— public
  4.     —— css
  5.         —— main.css
  6.     —— index.html
  7.     —— app.js

示例代码

main.go

  1. package main
  3. import (
  4.     "github.com/kataras/iris"
  5. )
  6. //与嵌入式单页面应用程序相同但没有go-bindata，文件是"原始"存储在
  7. //当前系统目录
  8. var page = struct {
  9.     Title string
  10. }{"Welcome"}
  12. func newApp() *iris.Application {
  13.     app := iris.New()
  14.     app.RegisterView(iris.HTML("./public", ".html"))
  15.     app.Get("/", func(ctx iris.Context) {
  16.         ctx.ViewData("Page", page)
  17.         ctx.View("index.html")
  18.     })
  19.     //或者只是按原样提供index.html：
  20.     // app.Get("/{f:path}", func(ctx iris.Context) {
  21.     //     ctx.ServeFile("index.html", false)
  22.     // })
  23.     assetHandler := app.StaticHandler("./public", false, false)
  24.     //作为SPA的替代方案，您可以查看/routing /dynamic-path/root-wildcard
  25.     app.SPA(assetHandler)
  26.     return app
  27. }
  29. func main() {
  30.     app := newApp()
  31.     // http://localhost:8080
  32.     // http://localhost:8080/index.html
  33.     // http://localhost:8080/app.js
  34.     // http://localhost:8080/css/main.css
  35.     app.Run(iris.Addr(":8080"))
  36. }

main_test.go

  1. package main
  3. import (
  4.     "io/ioutil"
  5.     "path/filepath"
  6.     "strings"
  7.     "testing"
  8.     "github.com/kataras/iris/httptest"
  9. )
  11. type resource string
  13. func (r resource) String() string {
  14.     return string(r)
  15. }
  17. func (r resource) strip(strip string) string {
  18.     s := r.String()
  19.     return strings.TrimPrefix(s, strip)
  20. }
  22. func (r resource) loadFromBase(dir string) string {
  23.     filename := r.String()
  25.     if filename == "/" {
  26.         filename = "/index.html"
  27.     }
  29.     fullpath := filepath.Join(dir, filename)
  31.     b, err := ioutil.ReadFile(fullpath)
  32.     if err != nil {
  33.         panic(fullpath + " failed with error: " + err.Error())
  34.     }
  36.     result := string(b)
  38.     return result
  39. }
  41. var urls = []resource{
  42.     "/",
  43.     "/index.html",
  44.     "/app.js",
  45.     "/css/main.css",
  46. }
  48. func TestSPA(t *testing.T) {
  49.     app := newApp()
  50.     e := httptest.New(t, app, httptest.Debug(false))
  52.     for _, u := range urls {
  53.         url := u.String()
  54.         contents := u.loadFromBase("./public")
  56.         contents = strings.Replace(contents, "{{ .Page.Title }}", page.Title, 1)
  58.         e.GET(url).Expect().
  59.             Status(httptest.StatusOK).
  60.             Body().Equal(contents)
  61.     }
  62. }

public/app.js

  1. window.alert("app.js loaded from ");

public/index.html

  2. <html>
  3. <head>
  4.     <title>{{ .Page.Title }}</title>
  5. </head>
  6. <body>
  7.     <h1> Hello from index.html </h1>
  8.     <script src="/app.js">  </script>
  9. </body>
  10. </html>

public/css/main.css

  1. body {
  2.     background-color: black;
  3. }