博客
关于我
[Go] GO语言实战-gin框架项目实现中英文切换
阅读量:663 次
发布时间:2019-03-15

本文共 2256 字,大约阅读时间需要 7 分钟。

要实现多语言内容的展示,可以通过以下技术实现:页面内容通过控制器传递动态语言参数,从而实现多语言切换。这种方式的核心思想是在展示页面时,通过控制器传播语言参数,决定最终展示的内容。

主要实现方式是在前端页面中使用占位符,通过后端控制器传递语言参数,例如获取lang参数,如果未传递则默认为英文。接下来通过调用配置文件生成相应语言的内容实例,最终将内容通过gin框架渲染到页面上。

具体实现如下:

func PageIndex(c *gin.Context) {    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,        "OnlineChat": language.IndexOnlineChat,        "Send":      language.Send,        "Lang":      lang,    })}

该实现的关键点在于语言配置文件的处理,配置文件应定义不同的语言内容,通过传递不同的语言代码(如encn)来获取相应的语言内容。比如:

type Language struct {    WebCopyRight string    MainIntro    string    Send        string    Notice      string    IndexSubIntro string    IndexVisitors string    IndexAgent   string    IndexDocument string    IndexOnlineChat 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",            IndexOnlineChat: "Let’s chat. - We're online",            Send:        "Send",            Notice:       "Hello and welcome to go-fly - how can we help?",        }    } else if lang == "cn" {        language = &Language{            WebCopyRight: "陶士涵的菜地版权所有",            MainIntro:   "极简强大的Go语言在线客服系统",            IndexSubIntro: "GO-FLY,一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统",            Index_visitors: "访客入口",            IndexAgent:   "客服入口",            IndexDocument: "接口文档",            IndexOnlineChat: "在线咨询",            Send:        "发送",            Notice:       "欢迎您访问go-fly!有什么我能帮助您的?",        }    }    return language}

图片部分可替换为适当的描述性文字内容:

转载地址:http://hjimz.baihongyu.com/

你可能感兴趣的文章
npm发布包--所遇到的问题
查看>>
npm发布自己的组件UI包(详细步骤,图文并茂)
查看>>
npm和package.json那些不为常人所知的小秘密
查看>>
npm和yarn清理缓存命令
查看>>
npm和yarn的使用对比
查看>>
npm如何清空缓存并重新打包?
查看>>
npm学习(十一)之package-lock.json
查看>>
npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
查看>>
npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
查看>>
npm安装教程
查看>>
npm报错Cannot find module ‘webpack‘ Require stack
查看>>
npm报错Failed at the node-sass@4.14.1 postinstall script
查看>>
npm报错fatal: Could not read from remote repository
查看>>
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
查看>>
npm版本过高问题
查看>>
npm的“--force“和“--legacy-peer-deps“参数
查看>>
npm的安装和更新---npm工作笔记002
查看>>
npm的常用配置项---npm工作笔记004
查看>>