전단 국제 화 방안 총화

요약:재 국제 화 방안 실천 에서 만난 문 제 를 정리 하고 이 해 를 깊이 한다.
1.프로젝트 배경 설명
현재 프로젝트 는 ant design+vue 를 사용 하여 개발 되 었 으 며 국제 화 방안 을 도입 해 야 하 며 연구 후 i18n+ant design 자체 가 가지 고 있 는 국제 화 방안 을 사용 하여 실현 하기 로 결정 했다.
2.수정 해 야 할 코드 블록 및 주요 내용

언어 패키지 파일 구축


module.exports = {
    router: {
        index: 'home',
        fileManage: 'file manage',
        downloadManage: 'download  file',
        uploadManage: 'upload file'
    }
}

i18n 설치 패 키 지 를 도입 하고 언어 패 키 지 를 도입 합 니 다

const i18n = new VueI18n({
    locale: 'CN',
    messages: {
        'CN': require('./assets/language/CN'),
        'EN': require('./assets/language/EN')
    }
})
new Vue({
    router,
    store,
    i18n,
    created: bootstrap,
    render: h => h(App)
}).$mount('#app')

vue 파일 에 관련 된 텍스트 내용 을 모두 i18 방식 으로

을 도입 합 니 다.

 {
          title: this.$t('myAuthority.nos'),
          dataIndex: 'serialIndex',
          width: '60px'
 },

감청 언어 전환 및 ant design 구성 요소 의 언어 팩

 watch: {
        '$i18n.locale' (newVal, oldVal) {
            if (newVal === 'CN') {
                this.locale = zhCN
            } else {
                this.locale = enGB
            }
        }
    }

전역 변경

3.현재 고려 해 야 할 문제

기본 언어 는 현재 지리 적 위치 정 보 를 얻 고 사용자 가 자발적으로 선택 하도록 도와 줄 수 있 습 니까?어떻게 사용자 의 지리 적 위치 에 따라 언어 유형 을 얻 습 니까?아니면 언어 선택 드 롭 다운 을 해서 사용자 가 선택 할 수 있 도록 할 까요?두 가지 로 결합 해 야 하나 요?

만약 에 수 십 개의 언어 를 도입 하면 각종 언어 가 차지 하 는 텍스트 공간 이 다 르 기 때문에 어떻게 좋 은 가 독성 을 확보 합 니까?다양한 ui 구성 요소 에 적응 할 수 있 습 니까?특히 표 에 열 거 된 이름과 내용 은?

언어 를 전환 할 때 요청 한 데이터 도 언어 를 전환 해 야 합 니까?이런 수요 의 존재 자체 가 합 리 적 입 니까?사용자 에 게 한 번 에 최대 2 개 언어 에 관심 을 가 져 주면 되 나 요?요청 한 데 이 터 를 왜 번역 해 야 합 니까?

전단 국제 화 방안 총화

좋은 웹페이지 즐겨찾기