這個月用ant design的方式重構了我在15年的時候寫的一個給主端項目寫的多語言配置後臺。發現當時的設計很“深”,深到有些功能根本就沒用過,根據這幾年的使用情況,重構了這一版本,無論是體驗上還是實用性上都有所提高。今天抽時間把當時的一些想當然的需求拿出來總結下吧:
使用的技術
我們的項目主要是PHP爲主要開發語言。使用gettext擴展實現國際化的。即通過人工的方式按照規則寫入.po文件,然後調用某函數生成.mo 文件,放到生產環境的文件夾下,然後在代碼裏初始化一些內容進行引用。
gettext
gettext是php實現國際化的基本方式。使用方法如下:
- 安裝php擴展gettext,這個同php其他擴展一樣,這裏就不詳細介紹了。
- linux環境安裝msgfmt,安好後可用此命令將po文件生成.mo文件。
基本使用
- 建立文件如:zh_CN.po (.po是個文本文件),內容如下:
msgid "repeat content!" msgstr "文本內容相同"
- 利用msgfmt將.po文件生成.mo文件。
msgfmt -o {$lang_path}/zh_CN.mo {$lang_path}/zh_CN.po
將生成的.po文件拷貝到你指定的文件夾 target_dir 下。
- 在php代碼裏面初始化。
$lang = 'zh_CN'; // setlocale(LC_MESSAGES, 'en_US.UTF-8'); // 函數設置地區信息(地域信息) bindtextdomain($lang, {$pofile_path})); // 用來設置文本域目錄 textdomain($lang); // 設置默認域 bind_textdomain_codeset($lang, 'UTF-8');
- 在php的請求裏面使用如下方法即可得到語境下對應詞組的內容:
gettext("repeat content!") // 文本內容必須與1中的內容一致。 或者 _("repeat content!"); // 與上面函數相同
管理後臺
以前都是開發人員自己上傳,後來爲了解放開發者,讓產品自己操作,我們進行了如下改進:
- 做成可配置後臺,產品自己根據內容填寫。
- 配置後臺分成入口(權限控制),展示列表頁,即每個詞組key對應各種語言下的內容。
- 詳情頁,詳情頁支持批量添加。
- 點擊按鈕觸發發佈。
- 發佈高級功能:生成列表和支持比對,對歷史版本發佈(拷貝歷史版本到對應的文件夾下)。
改進
經過一段時間的使用,我決定根據實際使用情況重構一版。
- 頁面全部採用ant design pro爲基礎的框架,採用前後端分離的樣式,我特別推崇ant design的設計思想,和人機交互的開發方法,是後端開發者的福音。
- 淡化歷史版本的記錄。雖然有個好些,但是這個確實看的人少,基本沒有。
- 重新發布,如果有時間就做,沒時間就不做。
- 對於一些特殊內容的規定,如如果一個詞組key在某種語言環境下顯示爲空,該怎麼處理等等。