首页增加中英文切换

5 years ago · 6e404ddb93
parent 45edd52e8d
commit 6e404ddb93
3 changed files with 68 additions and 14 deletions
--- a/config/language.go
+++ b/config/language.go
@ -0,0 +1,32 @@
+package config
+type Language struct {
+	WebCopyRight string
+	MainIntro string
+	IndexSubIntro,IndexVisitors,IndexAgent,IndexDocument string
+}
+func CreateLanguage(lang string)*Language{
+	var language *Language
+	if lang=="en"{
+		language=&Language{
+			WebCopyRight: "TaoShihan",
+			MainIntro: "Simple and Powerful Go language online customer chat system",
+			IndexSubIntro: "GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers",
+			IndexDocument:"API Documents",
+			IndexVisitors:"Visitors Here",
+			IndexAgent:"Agents Here",
+		}
+	}
+	if lang=="cn"{
+		language=&Language{
+			WebCopyRight: "陶士涵的菜地版权所有",
+			MainIntro:"极简强大的Go语言在线客服系统",
+			IndexSubIntro:"GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统",
+			IndexVisitors:"访客入口",
+			IndexAgent:"客服入口",
+			IndexDocument:"接口文档",
+		}
+	}
+	return language
+}
+
+
--- a/static/html/index.html
+++ b/static/html/index.html
@ -4,8 +4,8 @@
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>GO-FLY - 极简强大的Golang在线客服系统</title>
-    <meta name="description" content="GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue CDN的在线客服即时通讯系统" />
+    <title>GO-FLY - {{.WebDesc}}</title>
+    <meta name="description" content="GO-FLY，{{.SubIntro}}" />
    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
    <style>
@ -39,13 +39,19 @@
            font-size: 32px;
            font-weight: 400;
        }
-        .header h1 a{
+        .header a{
            color: #519eff;
-            font-size: 30px;
            font-family: "Microsoft JhengHei";
-            font-weight: bold;
            text-decoration: none;
        }
+        .header h1 a{
+            font-size: 30px;
+            font-weight: bold;
+        }
+        .header .navBtn{
+            float: right;
+            margin-left: 20px;
+        }
        .banner{
            padding-top: 20px;
            text-align: center;
@ -99,12 +105,14 @@
 </head>
 <header class="header">
    <div class="container">
-        <h1><a href="">GO-FLY</a></h1>
+        <h1><a href="/index">GO-FLY</a></h1>
+        <a class="navBtn" href="/index?lang=en">English (United States)</a>
+        <a class="navBtn" href="/index?lang=cn">中文版 (简体)</a>
    </div>
 </header>
 <div class="banner">
-    <h1>极简强大的Go语言在线客服系统</h1>
-    <p>GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统</p>
+    <h1>{{.WebDesc}}</h1>
+    <p>{{.SubIntro}}</p>
 </div>
 <div class="jumbotron">
 <img src="/static/images/intro1.jpg"/>
@ -112,12 +120,12 @@

 <footer class="footer">
    <div class="container">
-        <a class="try" href="/docs/index.html" target="_blank">接口文档</a>
-        <a class="try" id="visitorBtn">访客入口</a>
-        <a class="try" href="/login" target="_blank">客服入口</a>
+        <a class="try" href="/docs/index.html" target="_blank">{{.Document}}</a>
+        <a class="try" id="visitorBtn">{{.VisitorBtn}}</a>
+        <a class="try" href="/login" target="_blank">{{.AgentBtn}}</a>
    </div>
    <div class="copyright">
-        陶士涵的菜地版权所有&copy; 2020
+        {{.Copyright}}&copy; 2020
    </div>
 </footer>
 <script>
--- a/tmpl/common.go
+++ b/tmpl/common.go
@ -2,6 +2,7 @@ package tmpl

 import (
 	"github.com/gin-gonic/gin"
+	"github.com/taoshihan1991/imaptool/config"
 	"github.com/taoshihan1991/imaptool/tools"
 	"html/template"
 	"net/http"
@ -40,9 +41,22 @@ func (obj *CommonHtml) Display(file string, data interface{}) {
 	t, _ := template.New(file).Parse(main)
 	t.Execute(obj.Rw, data)
 }
-//客服界面
+//首页
 func PageIndex(c *gin.Context) {
-	c.HTML(http.StatusOK, "index.html", nil)
+	lang := c.Query("lang")
+	if lang == "" ||lang!="cn"{
+		lang = "en"
+	}
+	language:=config.CreateLanguage(lang)
+	c.HTML(http.StatusOK, "index.html", gin.H{
+		"Copyright":language.WebCopyRight,
+		"WebDesc":language.MainIntro,
+		"SubIntro":language.IndexSubIntro,
+		"Document":language.IndexDocument,
+		"VisitorBtn":language.IndexVisitors,
+		"AgentBtn":language.IndexAgent,
+		"Lang":lang,
+	})
 }

 //登陆界面