關于項目多語言化任務的概述

? ? ? ? 今天的任務一個是關于多語言化的,也就是i18n,我需要做的呢首先是知道項目多語言是怎么實現的,一般情況下沒有多語言化這個功能的時候,我們會寫一個頁面,默認是英文,然后里面的文本都是英文,那么如果我們需要多語言讓其他語言的人瀏覽網站的話,我們就需要分別去復制粘貼幾十種不同的語言文本,這太麻煩了,每一個頁面我們都需要去復制粘貼然后修改里面所有的文本,會大量增加不必要的工作時間。

? ? ? ? 所有多語言i18n這個功能就出現了,現在我的理解是首先我們需要引入這個i18n,從里面拿取useTranslation這個api,然后結構賦值獲取,我們拿到了t,那么我們在寫文本的時候用t('navbar.pricing')這種來代替純文本,然后navbar.pricing在我們的json文件中定義了對應的文本,每一種語言對應的json不一樣,也就是說,我們可以通過一個類似于選擇框通過選擇語言來改變當前頁面所對應的文本的json,通過切換json來自動切換navbar.pricing對應的其他語言文本。

? ? ? ? 那么我的任務是把一個新功能所使用的文本多語言話,首先我們要在多語言表格,算是語言庫添加這些內容,然后把對應的各種語言通過谷歌快捷鍵獲取,這是一個十分繁瑣且單一的過程,然后項目里面有一個插件,雖然我不太懂,但是啟動這個插件之后,項目json自動匹配我們表格中添加的所有語言對應的文本,然后我們就可以在我們的分支中commit提交我們確定我們更改以及添加的文本,就是我們要確定我們提交的是我們在表格中添加的內容,也就是我們增加的多語言文本是我們表格中翻譯的內容,然后選擇完之后拉取請求,然后官網pull request然后確定發送請求,我們就完成了我們這個多語言相關的任務。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/908438.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/908438.shtml
英文地址,請注明出處:http://en.pswp.cn/news/908438.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

護網行動面試試題(2)

文章目錄 51、常見的安全工具有哪些?52、說說Nmap工具的使用?53、近幾年HW常見漏洞有哪些?54、HW 三(四)大洞56、獲得文件讀取漏洞,通常會讀哪些文件57、了解過反序列化漏洞嗎?58、常見的框架漏…

Transformer-BiGRU多變量時序預測(Matlab完整源碼和數據)

Transformer-BiGRU多變量時序預測(Matlab完整源碼和數據) 目錄 Transformer-BiGRU多變量時序預測(Matlab完整源碼和數據)效果一覽基本介紹程序設計參考資料 效果一覽 基本介紹 1.Matlab實現Transformer-BiGRU多變量時間序列預測&…

SOC-ESP32S3部分:31-ESP-LCD控制器庫

飛書文檔https://x509p6c8to.feishu.cn/wiki/Syy3wsqHLiIiQJkC6PucEJ7Snib ESP 系列芯片可以支持市場上常見的 LCD(如 SPI LCD、I2C LCD、并行 LCD (Intel 8080)、RGB/SRGB LCD、MIPI DSI LCD 等)所需的各種時序。esp_lcd 控制器為上述各類 LCD 提供了一…

蘋果電腦深度清理,讓老舊Mac重煥新生

在日常使用蘋果電腦的過程中,隨著時間推移,系統內會積累大量冗余數據,導致電腦運行速度變慢、磁盤空間緊張。想要讓設備恢復流暢,蘋果電腦深度清理必不可少。那么,如何進行蘋果電腦深度清理呢?接下來為你詳…

如何處理React中表單的雙向數據綁定?

在前端開發中,雙向數據綁定(Two-way Data Binding)是指視圖(View)與數據模型(Model)之間保持同步:當模型發生變化時,視圖會自動更新;當視圖(用戶輸…

手機上網可以固定ip地址嗎?詳細解析

在移動互聯網時代,手機已成為人們日常上網的主要設備之一。無論是工作、學習還是娛樂,穩定的網絡連接都至關重要。許多用戶對IP地址的概念有所了解,尤其是固定IP地址的需求。那么,手機上網能否固定IP地址?又該如何實現…

Spring Boot + Prometheus 實現應用監控(基于 Actuator 和 Micrometer)

文章目錄 Spring Boot Prometheus 實現應用監控(基于 Actuator 和 Micrometer)環境準備示例結構啟動和驗證驗證 Spring Boot 應用Prometheus 抓取配置(靜態方式)Grafana 面板配置總結 Spring Boot Prometheus 實現應用監控&…

rk3588 上運行smolvlm-realtime-webcam,將視頻轉為文字描述

smolvlm-realtime-webcam 是一個開源項目,結合了輕量級多模態模型 SmolVLM 和本地推理引擎 llama.cpp,能夠在本地實時處理攝像頭視頻流,生成自然語言描述, 開源項目地址 https://github.com/ngxson/smolvlm-realtime-webcamhttps…

原生js操作元素類名(classList,classList.add...)

1、classList classList屬性是一個只讀屬性&#xff0c;返回元素的類名&#xff0c;作為一個DOMTokenList集合(用于在元素中添加&#xff0c;移除及切換css類) length:返回類列表中類的數量&#xff0c;該屬性是只讀的 <style> .lis { width: 200px; …

九.C++ 對引用的學習

一.基本概念 引用即內存的別名 int a 10; int& b a; 引用本身不占用內存&#xff0c;并非實體&#xff0c;對引用的所有操作都是在對目標內存進行操作 引用必須初始化&#xff0c;且不能更換對象 int c 5; b c; // 僅僅是在對引用的目標內存進行賦值 #include <ios…

7.2.1_順序查找

知識總覽&#xff1a; 順序查找&#xff1a; 算法思想&#xff1a; 從頭到腳挨個找或者從腳到頭挨個找適用于線性表(順序存儲和鏈式存儲都適用)&#xff0c;又叫線性查找 實現&#xff1a; 1個數組elem指向數組的起始位置&#xff0c;索引從0開始遍歷數組直到找到目標值返回…

視覺SLAM基礎補盲

3D Gaussian Splatting for Real-Time Radiance Field Rendering SOTA方法3DGS contribution傳統重建基于點的渲染NeRF 基礎知識補盲光柵化SFM三角化極線幾何標準的雙目立體視覺立體匹配理論與方法立體匹配的基本流程李群和李代數 李群和李代數的映射李代數的求導李代數解決求導…

如何利用 Redis 實現跨多個無狀態服務實例的會話共享?

使用 Redis 實現跨多個無狀態服務實例的會話共享是一種非常常見且有效的方案。無狀態服務本身不存儲會話信息&#xff0c;而是將用戶的會話數據集中存儲在外部存儲中&#xff08;如 Redis&#xff09;&#xff0c;這樣任何一個服務實例都可以通過查詢外部存儲來獲取和更新用戶的…

《chipyard》docker使用

一、啟動/重啟服務 二、登入/退出 容器對象查看 sudo docker ps -a # 查看容器列表 登入已例化的容器 sudo docker exec -it -u root 737ed3ddd5ff bash # 737ed3ddd5ff<容器名稱/ID> 三、容器編輯 刪除單個容器 sudo docker stop <容器ID> #停止容器 s…

瀏覽器工作原理06 [#]渲染流程(下):HTML、CSS和JavaScript是如何變成頁面的

引用 瀏覽器工作原理與實踐 簡單回顧下上節前三個階段的主要內容&#xff1a;在HTML頁面內容被提交給渲染引擎之后&#xff0c;渲染引擎首先將HTML解析為瀏覽器可以理解的DOM&#xff1b;然后根據CSS樣式表&#xff0c;計算出DOM樹所有節點的樣式&#xff1b;接著又計算每個元素…

AI書簽管理工具開發全記錄(十三):TUI基本框架搭建

文章目錄 AI書簽管理工具開發全記錄&#xff08;十三&#xff09;&#xff1a;TUI基本框架搭建前言 &#x1f4dd;1.TUI介紹 &#x1f50d;2. 框架選擇 ??3. 功能梳理 &#x1f3af;4. 基礎框架搭建??4.1 安裝4.2 參數設計4.3 繪制ui4.3.1 設計結構體4.3.2 創建頭部4.3.3 創…

CC7利用鏈深度解析

CommonsCollections7&#xff08;CC7&#xff09;是CC反序列化利用鏈中的重要成員&#xff0c;由Matthias Kaiser在2016年發現。本文將從底層原理到實戰利用&#xff0c;全面剖析這條獨特而強大的利用鏈。 一、CC7鏈技術定位 1.1 核心價值 無第三方依賴&#xff1a;僅需JDK原…

openvino使用教程

OpenVINO使用教程 本專欄內容支持平臺章節計劃 本專欄內容 OpenVINO 是一款開源工具包&#xff0c;用于在云端、本地和邊緣部署高性能 AI 解決方案。我們可以使用來自最熱門模型框架的生成式和傳統 AI 模型來開發應用程序。充分利用英特爾 硬件的潛力&#xff0c;使用openvino…

ESP8266(NodeMcu)+GPS模塊+TFT屏幕實現GPS碼表

前言 去年寫過一篇關于使用esp8266(nodemcu)gps模塊oled屏幕diy的gps定位器的文章.點擊回顧 .無奈OLED屏幕太小了,最近剛好有時間又折騰使用TFT屏幕diy了一款gps碼表 效果如圖 材料準備 依舊是請出我們的兩位老演員 nocdmcu一塊. GPS定位模塊(我買的大夏龍雀的DX-GP10-GP…

解決獲取視頻第一幀黑屏問題

文章目錄 解決獲取視頻第一幀黑屏問題核心代碼 解決獲取視頻第一幀黑屏問題 廢話不多說&#xff0c;直接上代碼&#xff1a; <script setup> const status ref(請點擊“添加視頻”按鈕添加視頻) const videoElement ref(document.createElement(video)) const curren…