FLASK点击按钮实现中英文切换

点击按钮实现中英文切换

1. 前端按钮代码使用a标签连接url

<div style="float:right; background-color: white; margin-top: 0px; margin-top: -7px;"><a href="/changelang/zh"  class="dropdown-item" > <i class="fa fa-language"></i> 中</a><a href="/changelang/en"  class="dropdown-item" > <i class="fa fa-language">            </i> En</a>
</div>

2.后端函数接收到前端语言参数，然后更新 babel_default_locale，从而实现全局页面渲染

@app.route('/changelang/<string:language>', methods=['GET', 'POST'])
def changelang(language):logger.info("changing language is" + language)from flask_babel import refreshprint(request.referrer)app.config.update(BABEL_DEFAULT_LOCALE=language)refresh()return redirect(request.referrer)

踩的坑：一开始用ajax传参过去到后端的函数，但是按了button页面还是不会切换中英文，后来才知道ajax是局部刷新，忘了这个最重要的点了，

FLASK点击按钮实现中英文切换相关推荐

js实现点击按钮图片自动切换_☆往事随風☆的博客
文章目录前言一.基本思路二.代码分析 1.创建数组保存图片的存储路径 2.获取按钮对象 3.调用定时器 4.关闭定时器三.整体代码四.效果展示前言利用js实现一个图片自动切换的功能. 一 ...
点击按钮实现页面切换中英文
我们在开发项目中,有时候需要切换不同的语言,有的人用英文,有的人使用繁体字,有的人使用简体字,下面我们来使用按钮达到一个切换语言的效果...在android系统的设置中有这个选项,我们选择之后系统里面 ...
JS实现点击按钮图片左右切换、点击图片按钮出现下拉菜单
前天帮人做个网页作业,大概要求就是使用两个按钮控制图片的切换,在页面右上角出现一个图片按钮,点击这个按钮出现下拉菜单. 第一个要求还是很简单的,第二个多花了我几个小时的时间,因为我只做过select下 ...
python中英文切换_vue根据按钮进行中英文切换
刚学习vue不久,所以对vue了解还不是很深,一直处于边做边查的状态,这几天开发一个双语网站. 内容如下,希望对大家有帮助. 安装 vue-i18n插件npm install vue-i18n 1.首 ...
vue根据按钮进行中英文切换
刚学习vue不久,所以对vue了解还不是很深,一直处于边做边查的状态,这几天开发一个双语网站. 内容如下,希望对大家有帮助. 安装 vue-i18n插件npm install vue-i18n 1.首 ...
Matlab实现点击按钮进行页面切换
在MATLABGUI中调用另一个GUI界面是一个常见的操作,下面介绍具体操作方法: 第一步:首先输入guide 第二步:然后创建两个.fig,分别命名为f1.fig,f2.fig 第三步:在f1.fi ...
点击按钮实现页面切换效果
假设展示页面的class为.page:给除了初始展示页面外的所有展示页面加一个class; .hide{ display:none; } 给翻页按钮绑定事件,点击后判断接下来要展示的界面是哪一个隐藏 ...
Unity——通过点击鼠标进行场景切换
前记通过点击按钮进行场景切换请参考: unity--通过点击按钮进行场景切换_行秋的博客-CSDN博客1.准备两个示例场景 2.点击File->Build Settings...,将场景添加到 ...
原生js实现点击按钮切换全屏！
使用fullScreen API实现全屏 <head><meta charset="UTF-8"><meta name="viewport& ...

FLASK点击按钮实现中英文切换

FLASK点击按钮实现中英文切换相关推荐

最新文章

热门文章