大專案中網頁多語系的維護方式

也許在許多專案上我們所說的Multi Language僅有繁體中文、簡體中文和英文,但在比較大型且跨國的專案上,可能會涉及更多的語言,例如:日文、俄文、德文、法文、西班牙文…等等,通常這些軟體內容的翻譯,需要經過更專業的單位來進行,也許這個單位不僅僅需要具備有這些國家的語言能力,也要具備有相當的軟體知識,才能配合當地民情翻譯出正確的文字,這部分往往需要專業的翻譯單位來進行。

而專業的翻譯單位通常並不具有軟體的製作能力,所以在軟體上要如何快速地進行協同作業,就變成一項非常重要的工作,而在許多專案上,我們會讓翻譯單位透過Excel來提供各國語系的翻譯文字,我們則透過軟體進行轉換,將其轉換至軟體能快速讀取的格式,講白一點就是將Excel檔案轉換成XML格式,並提供其他軟體進行讀取。

整體流程會如上圖所示,在拿到一個翻譯社提供所有語系的Excel資料後,我們會進行轉換,將文字轉換成多個XML檔案,並打包成一個ZIP檔讓轉換者進行下載。

今天我們主要來分享上圖藍色部分的處理程序,也就是那一隻轉換程式的結構和做法,我們將轉換程式設計成網頁版本,藉此提升易用性,而轉換程式操作Flow大致如下:

  1. 使用者上傳檔案(限制僅能上傳Excel檔案)
  2. 給出ZIP下載連結(提供使用者下載所有語系的XML檔)

操作上非常簡單,僅有上述這兩個步驟,而程式設計上採用JSP架構其運作邏輯如下:

  1. 檢查上傳檔案的格式、容量及相關資訊
  2. 擷取Excel中第一張工作表(也可以依照工作表名稱擷取)
  3. 將Excel中第一列視為語系標題,並當作存檔名稱(例如:English.xml)
  4. 將剩下來的每一列轉換為該檔案的語系資料,並建立XML檔案
  5. 將所有建立好的XML檔案進行打包(ZIP)
  6. 更新頁面產生ZIP檔下載路徑

在該轉換程式中,另外有利用到下述的JAVA Library:

  1. Apache POI – 處理與解析Excel檔案
  2. DOM4J – 建立XML檔案
  3. Apache Commons – 處理檔案上傳

以下是轉換的程式碼:

<%@ page contentType="text/html; charset=UTF-8"%>

<%@ page import="java.io.File"%>
<%@ page import="java.text.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.util.Iterator"%>
<%@ page import="java.util.List"%>
<%@ page import="org.apache.commons.fileupload.*"%>
<%@ page import="org.apache.commons.io.FilenameUtils"%>

<%@ page import="java.util.zip.ZipEntry"%>
<%@ page import="java.util.zip.ZipOutputStream"%>

<%@ page import="java.io.FileInputStream"%>
<%@ page import="java.io.FileOutputStream"%>
<%@ page import="java.io.IOException"%>
<%@ page import="java.io.OutputStreamWriter"%>
<%@ page import="java.nio.charset.Charset"%>

<%@ page import="org.apache.poi.hssf.usermodel.HSSFRow"%>
<%@ page import="org.apache.poi.hssf.usermodel.HSSFSheet"%>
<%@ page import="org.apache.poi.hssf.usermodel.HSSFWorkbook"%>

<%@ page import="org.dom4j.io.OutputFormat"%>
<%@ page import="org.dom4j.io.XMLWriter"%>
<%@ page import="org.dom4j.Document"%>
<%@ page import="org.dom4j.DocumentHelper"%>
<%@ page import="org.dom4j.Element"%>


<%!
    //允許上傳的檔案
  String allowedFileTypes = ".xls";
  
  //建立目錄
    public void newFolder(String folderPath) {
        try {
            String filePath = folderPath;
            filePath = filePath.toString();
            java.io.File myFilePath = new java.io.File(filePath);
            if (!myFilePath.exists()) {
                myFilePath.mkdir();
            }
        }
        catch(Exception e) {
            System.out.println("建立目錄錯誤");
            //e.printStackTrace();
        }
    }
   
   // 轉換XLS為XML的主程式 ; 參數1.欲轉換的Excel工作表編號; 參數2.轉換的檔案路徑與檔名; 參數3.XML儲存的檔案路徑;
   public static String convertSheet(int sheetNumber, String conversionFile, String conversionXMLFilePath) {
     
     String convertStatus = "0"; // 輸出轉換狀態 ; 0 是失敗; 1是成功
     String conversionXMLFileName = null; // XML檔名
     String conversionXMLFile = null; // XML完整路徑與檔名
     
     // 產生儲存XML檔案的資料夾
     File file = new File(conversionXMLFilePath);
     if(!file.exists()){
         file.mkdirs();
     }
     
     // 開始讀取XLS檔案
     HSSFWorkbook book = null;
     try {
       book = new HSSFWorkbook(new FileInputStream(conversionFile));
     } catch (IOException e) {
       System.out.println("IOException : " + e);
     }
     
     HSSFSheet sheet = book.getSheetAt(sheetNumber); // 打開對應編號的工作表
     HSSFRow row = sheet.getRow(0);// 取得工作表的第一列資料
     String cell;
     int totalRows = sheet.getPhysicalNumberOfRows(); // 取得工作表中所有的列數
     int totalCol = row.getPhysicalNumberOfCells(); // 取的工作表中所有的欄數
     
     // 開始建立XML檔並將XLS內容建入
     for (int j = 1; j < totalCol; j++){
       Document document = DocumentHelper.createDocument();
       Element root = document.addElement("root");
       
       for (int i = 0; i < totalRows; i++){
         row = sheet.getRow(i);
         try {
           cell = row.getCell(j).toString();
           if(i==0) {
             conversionXMLFileName = cell;
             conversionXMLFile = conversionXMLFilePath + conversionXMLFileName + ".xml";
           }else {
             root.addElement("row_" + (i+1)).addCDATA(cell);
             /*
             if(sheetNumber == 0) {
               root.addElement("tag_" + (i-1), cell);
             }else {
               root.addElement(xmlKeyboardTitle[(i-1)], cell);
             }
             */
           }
         } catch (NullPointerException e) {
           break;
         }
       }
       
       File storedFile = new File(conversionXMLFile);
       
       if(storedFile.exists())
         storedFile.delete();

       FileOutputStream fos = null;
       OutputStreamWriter osw = null;
       XMLWriter writer = null;
       try {
         storedFile.createNewFile();
         OutputFormat format = OutputFormat.createPrettyPrint();  
               format.setEncoding("utf-8");
               fos = new FileOutputStream(storedFile);
               osw = new OutputStreamWriter(fos, Charset.forName("utf-8"));
               writer = new XMLWriter(osw, format);
               writer.write(document);
       } catch (IOException e) {
         System.out.println("IOException : " + e);
       } finally {
         try {
           if(writer != null) writer.close();
           if(osw != null) osw.close();
           if(fos != null) fos.close();
           convertStatus = "1";
         } catch (IOException e) {
           System.out.println("IOException : " + e);
         }
       }
     }
     return convertStatus; // 回覆轉換狀態
   }
   
   List<String> filesListInDir = new ArrayList<String>();
   
   public void zipDirectory(File dir, String zipDirName) {
     
     filesListInDir = new ArrayList<String>();
     
        try {
          
            populateFilesList(dir);
            //now zip files one by one
            //create ZipOutputStream to write to the zip file
            FileOutputStream fos = new FileOutputStream(zipDirName);
            ZipOutputStream zos = new ZipOutputStream(fos);
            for(String filePath : filesListInDir){
                System.out.println("Zipping "+filePath);
                //for ZipEntry we need to keep only relative file path, so we used substring on absolute path
                ZipEntry ze = new ZipEntry(filePath.substring(dir.getAbsolutePath().length()+1, filePath.length()));
                zos.putNextEntry(ze);
                //read the file and write to ZipOutputStream
                FileInputStream fis = new FileInputStream(filePath);
                byte[] buffer = new byte[1024];
                int len;
                while ((len = fis.read(buffer)) > 0) {
                    zos.write(buffer, 0, len);
                }
                zos.closeEntry();
                fis.close();
            }
            zos.close();
            fos.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
   
   private void populateFilesList(File dir) throws IOException {
        File[] files = dir.listFiles();
        for(File file : files){
            if(file.isFile()) filesListInDir.add(file.getAbsolutePath());
            else populateFilesList(file);
        }
    }
  
%>

<%

String messageReturn = "";
  
try{
  
    request.setCharacterEncoding("utf-8");
    DiskFileUpload fileUpload = new DiskFileUpload();
  List<FileItem> fileItems = fileUpload.parseRequest(request);
  FileItem fileItem = fileItems.get(0);
  
    //原始上傳檔案名稱
  String originalFileName = fileItem.getName();
    //out.print("originalFileName : " + originalFileName + "<br>");
    
  if (originalFileName != null && !"".equals(originalFileName)) {

        originalFileName = FilenameUtils.getName(originalFileName);
        String extension = FilenameUtils.getExtension(originalFileName);
        
    //判斷檔案格式是否允許
    //out.print("extension : " + extension + "<br>");
        if (allowedFileTypes.indexOf(extension.toLowerCase()) != -1) {
            String filePath = this.getServletContext().getRealPath(request.getRequestURI().substring(request.getContextPath().length()));
            String savePath = new File(filePath).getParent() + "/upload";
          //out.println("savePath = " + savePath + "<br>");
      newFolder(savePath);
      
          String savePathAndName = savePath + "/" + originalFileName;
            //out.print(savePathAndName);
      
          File f = new File(savePathAndName);
          if(!f.exists()){
            f.createNewFile();
          }
          fileItem.write(f);
            
            //messageReturn += "File path : " + savePath + "<br>";
            
             String xmlSavePath = savePath + "/xml/";
             //messageReturn += "xmlSavePath : " + xmlSavePath + "<br>";
            
            if("1".equals(convertSheet(0, savePathAndName , xmlSavePath))){
              messageReturn += "File converted successfully.<br>";
        }else{
          messageReturn += "File conversion failed.<br>";
        };
        
        /*
        xmlSavePath = savePath + "/xml/keyboard/";
        
        if("1".equals(convertSheet(1, savePathAndName , xmlSavePath))){
              messageReturn += "Keyboard sheet conversion succeeded.<br>";
        }else{
          messageReturn += "Keyboard sheet conversion fail.<br>";
        };
        */
      
        java.io.File myDelFile = new java.io.File(savePath + "/All.zip");
        myDelFile.delete();
        
        zipDirectory(new File(savePath + "/xml/"), savePath + "/All.zip");
        
        messageReturn += "<a href='upload/All.zip' target='_blank'>Download Link</a><br>";

        } else {
          messageReturn += "上傳錯誤 : 上傳的檔案不能是" + extension + ",僅允許xls格式<br>";
        }
    }
}catch(Exception e){
  //e.printStackTrace();
}

%>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>AIOT CC Multi-Language Convertion Tool</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <style>
        *{
            font-family: 微軟正黑體;
        }
        h2{
            text-align: center;
        }
        .marginBottom20{
            margin-bottom: 20px;
        }
        #uploadBtn{
            margin: auto;
            display: block;
        }
        #messageDiv{
          color: red;
          text-align:center;
        }
    </style>
</head>

<body>

    <div class="container">
        <h2 class="marginBottom20">AIOT CC Multi-Language Convertion Tool</h2>
        <div class="form-group text-center">
          <form name="upload" enctype="multipart/form-data" method="post" action="index.jsp" onsubmit="return check_select()">
            <input type="file" name="file" id="file" size="60" maxlength="20" placeholder="*.xls" class="marginBottom20">
            <input id="uploadBtn" type="submit" value="轉換" class="btn btn-primary">
        </form>
      </div>
      <div id="messageDiv"><% out.print(messageReturn); %></div>
    </div>
    
</body>

</html>
<script>
    function check_select(form) {
        if (file.value == "") {
            alert("請選擇檔案");
            return false;
        } else {
            // document.getElementById("uploadBtn").disabled = true;
            //document.getElementById("msgDiv").innerHTML = "檔案上傳中,請稍候";
            return true;
        }
    }
</script>

You may also like...

82,493 Responses

  1. Имбирь — это удивительный корень, который обладает множеством полезных свойств. Он помогает укрепить иммунитет, улучшить пищеварение и справиться с простудными заболеваниями. Имбирь активно используется в кулинарии и медицине благодаря своим противовоспалительным и антибактериальным свойствам. Регулярное употребление имбиря способствует улучшению общего самочувствия и повышению жизненного тонуса.

  2. JamesBuice表示:

    buying prescription drugs in mexico: mexican pharma – mexican rx online
    reputable mexican pharmacies online

  3. HeathZex表示:

    pharmacies en ligne certifiГ©es: cialis sans ordonnance – pharmacie en ligne france livraison internationale

  4. Имбирь — это удивительный корень, который обладает множеством полезных свойств. Он помогает укрепить иммунитет, улучшить пищеварение и справиться с простудными заболеваниями. Имбирь активно используется в кулинарии и медицине благодаря своим противовоспалительным и антибактериальным свойствам. Регулярное употребление имбиря способствует улучшению общего самочувствия и повышению жизненного тонуса.

  5. Kyle Rice表示:

    Имбирь — это удивительный корень, который обладает множеством полезных свойств. Он помогает укрепить иммунитет, улучшить пищеварение и справиться с простудными заболеваниями. Имбирь активно используется в кулинарии и медицине благодаря своим противовоспалительным и антибактериальным свойствам. Регулярное употребление имбиря способствует улучшению общего самочувствия и повышению жизненного тонуса.

  6. Имбирь — это удивительный корень, который обладает множеством полезных свойств. Он помогает укрепить иммунитет, улучшить пищеварение и справиться с простудными заболеваниями. Имбирь активно используется в кулинарии и медицине благодаря своим противовоспалительным и антибактериальным свойствам. Регулярное употребление имбиря способствует улучшению общего самочувствия и повышению жизненного тонуса.

  7. Charlesrab表示:

    pharmacie en ligne livraison europe pharmacie en ligne sans ordonnance pharmacie en ligne france fiable

  8. It’s hard to come by educated people for this subject, but you sound like you know what you’re talking about! Thanks

  9. This Is The Advanced Guide To Private ADHD Test private adhd assessment somerset

  10. Five Killer Quora Answers To ADHD Titration UK Adhd Titration

  11. Профессиональный сервисный центр по ремонту посудомоечных машин с выездом на дом в Москве.
    Мы предлагаем: ремонт посудомоечных машин недорого
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. Jamesruigo表示:

    http://mexicanpharma.icu/# buying from online mexican pharmacy

  13. проститутки проверенные москва проститутки проверенные москва .

  14. RobertWaf表示:

    Arrowheads reveal the presence of a mysterious army in Europe’s oldest battle
    порно жесток бесплатно
    Today, the lush, green valley surrounding the Tollense River in northeast Germany appears to be a serene place to appreciate nature.

    But to archaeologists, the Tollense Valley is considered Europe’s oldest battlefield.

    An amateur archaeologist first spotted a bone sticking out of the riverbank in 1996.

    A series of ongoing site excavations since 2008 has shown that the thousands of bones and hundreds of weapons preserved by the valley’s undisturbed environment were part of a large-scale battle 3,250 years ago.

    The biggest mysteries that researchers aim to uncover are why the battle occurred and who fought in it. These are questions that they are now one step closer to answering.
    ozens of bronze and flint arrowheads recovered from the Tollense Valley are revealing details about the able-bodied warriors who fought in the Bronze Age battle.

    The research team analyzed and compared the arrowheads, some of which were still embedded in the remains of the fallen. While many of these weapons were locally produced, some bearing different shapes came from a region that now includes modern Bavaria and Moravia.

    The outliers’ presence suggests that a southern army clashed with local tribes in the valley, and researchers suspect the conflict began at a key landmark along the river.

    Back to the future
    Scientists are harnessing the power of artificial intelligence to detect hidden archaeological sites buried below the sand of the sprawling Rub‘ al-Khali desert.

    The desert spans 250,000 square miles (650,000 square kilometers) on the Arabian Peninsula, and its name translates to “the Empty Quarter” in English. To unravel the secrets of the desolate terrain, researchers are combining machine learning with a satellite imagery technique that uses radio waves to spot objects that may be concealed beneath surfaces.

    The technology will be tested in October when excavations assess whether predicted structures are present at the Saruq Al Hadid complex in Dubai, United Arab Emirates.

    Separately, an AI-assisted analysis uncovered a trove of ancient symbols in Peru’s Nazca Desert, nearly doubling the number of known geoglyphs, or stone and gravel arranged into giant shapes that depict animals, humans and geometric designs.

  15. You’ll Never Guess This Electric Automatic Folding 4-Wheel Mobility Scooter’s Secrets
    Electric Automatic Folding 4-Wheel Mobility Scooter [https://Adaptable-Pigeon-Fqfp5V.Mystrikingly.Com/]

  16. Replacing Sealed Units Tools To Ease Your Everyday Lifethe
    Only Replacing Sealed Units Trick That Every Person Must Learn double pane window seal repair

  17. Jamesruigo表示:

    https://canadapharma.shop/# canada rx pharmacy

  18. Samual表示:

    10 Untrue Answers To Common Situs Togel Terpercaya Questions: Do You Know The Right Ones?
    togel resmi indonesia (Samual)

  19. Five Killer Quora Answers On Lightweight Self Propelled Folding Wheelchair Folding Wheelchair

  20. Feel free to visit my blog – Explore Daycares Locations –
    diversatekcontractservices.com,

  21. “A Guide To Realisticsex Doll In 2023 Sexy Real Sexdolls (Minecraftcommand.Science)

  22. Профессиональный сервисный центр по ремонту планшетов в том числе Apple iPad.
    Мы предлагаем: сервисный центр айпад в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  23. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: ремонт бытовой техники в тюмени
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  24. gambling news表示:

    Salutations, fellow reader. I must extol the author for their keen and artfully-composed
    blog post. The content was both illuminating and pensive, leaving me with a heightened understanding of the subject
    at hand.

    I would desire to extend an recommendation to unite with the esteemed PUSSY888 society.
    This domain offers a sphere of diversion and joy, targeting
    those who value the more sophisticated things
    in world. I suggest you to delve into the varied array and engulf
    yourself in the riveting ventures that lure you.

    Your engagement would be most appreciated, and I look forward
    to the privilege to connect with you more thoroughly within this distinguished virtual sphere

    Review my website: gambling news

  25. The People Nearest To Diagnosing ADHD UK Tell You Some
    Big Secrets being diagnosed with adhd as an adult

  26. Используйте промокод в cryptoboss casino и получите уникальные бонусы|Специальное предложение от cryptoboss casino
    Бонусный код для cryptoboss casino|Увеличьте свой выигрыш с cryptoboss casino промокодом
    Только сегодня! cryptoboss casino промокод|Уникальное предложение от cryptoboss casino с промокодом
    cryptoboss casino промокод – ваш ключ к выигрышу|cryptoboss casino – играйте со скидкой по промокоду
    криптобосс промокод на увеличение выигрыша криптобосс промокод на увеличение кэшбэка .

    Играйте в cryptoboss casino с преимуществом промокода
    Воспользуйтесь промокодом в cryptoboss casino для дополнительных выигрышей
    Регулярные акции и промокоды для cryptoboss casino|Получите уникальное предложение с cryptoboss casino промокодами
    cryptoboss casino – ваш ключ к успеху с промокодом|Получите дополнительные бонусы с cryptoboss casino промокодом|cryptoboss casino промокод – ваш путь к успеху|Играйте с выгодой: cryptoboss casino промокод|Увеличьте свои шансы на победу с cryptoboss casino промокодом|Успейте активировать промокод для увеличения выигрыша|Эксклюзивный cryptoboss casino промокод – ваш путь к победе|Уникальное предложение для игроков cryptoboss casino: промокод|cryptoboss casino – ваша удача по промокоду|Увеличьте свои шансы на победу с промокодами от cryptoboss casino|Получите уникальные бонусы с cryptoboss casino промокодом|cryptoboss casino промокод – ваш ключ к победе|Играйте в cryptoboss casino с дополнительными бонусами по промокоду|Играйте в cryptoboss casino с уникальными привилегиями по промокоду|Получите дополнительные бонусы в cryptoboss casino с промокодом|Регулярные акции и cryptoboss casino промокоды для победы|Увеличьте свои шансы на победу в cryptoboss casino с промокодом|Получите дополнительные бонусы в crypt

  27. Woah this is just an insane amount of information, must of taken ages to compile so cheers so much for just sharing it with all of us.

  28. RogerTut表示:

    mexican pharmaceuticals online: mexican border pharmacies shipping to usa – mexican mail order pharmacies

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。