SheetJS Tutorial – Convert Excel to HTML Table

안녕하세요 스테이플러 채널에 오신 것을 환영합니다 이전 튜토리얼에서 우리는 SheetJS 및 HTML 자습서의 파일을 Excel로 변환하는 방법 뒤로 그것을 할거야 나는 파일을 변환하는 방법을 보여줄거야

HTML 테이블로 이동하여 sheetJS를 사용하여 웹 페이지에 표시하십시오 여기에 엑셀 파일을 업로드 할 사용자 입력 태그가있는 샘플 페이지가 있습니다 먼저 변환해야합니다 변경 이벤트에서 파일 판독기를 사용하여 파일을 읽습니다 핸들러는 그것을 arraybuffer로 읽고 첫 번째 요소를 사용하여 파일 객체를 전달한다

엑셀의 콘텐츠 유형이 옥텟에 있기 때문에 eventtargetfiles 스트림 그래서 우리는 우리가 가진 것을 filereader에서 uInt8array로 변환 할 필요가있다 우리는 FileReader 결과를 uint8array에 전달하여이를 수행 할 수 있습니다 생성자는 SheetJS 읽기 함수에 배열을 전달하고 우리가 배열로 보내고 있다는 것을 안다면, 이제는 워크 북 객체를 얻을 것이다

성공적으로 가져온 파일을 통합 문서로 가져오고 다음으로 쓰기를 사용합니다 함수를 HTML 문자열로 변환하여 시트 이름을 전달하고 설정해야합니다 바이너리로서의 출력 형 책 유형을 HTML로 지정하고 마지막으로 HTML 문자열을 어디 에나 추가합니다 당신은 테이블을 보여주고 싶습니다 이제 우리는 어떻게 작동하는지 봅시다 SheetJS를 사용하는 이점은 모든 프로세스가 브라우저 측에서 수행되었으므로 서버 측 스크립트가 전혀 필요하지 않습니다

그게 니가이 튜토리얼을 사랑한다는 희망이있어 시청을 위해 우리 다음 릴리스에 대한 감사를 유지하기 위해

Convert Excel to JSON with Javascript

SheetJS를 사용하여 Excel 파일을 JSON 형식으로 쉽게 변환 할 수 있습니다 Github에서 최신 버전을 다운로드하자

그런 다음 라이브러리를 웹 디렉토리에 저장하십시오 모든 js 파일은 "dist"폴더 아래에 있습니다 많은 파일이 있지만 필요한 파일은 "xlsxfullmin

js"입니다 페이지로드를 줄이기 위해 더 작은 크기로 "xlsxcoreminjs"를 사용할 수 있습니다

그러나 일부 기능을 사용하지 못할 수도 있습니다 (먼저 테스트해야 함) 이 자습서에서는 전체 "testxlsx"는 곧 Excel 파일을 JSON으로 변환합니다 (모든 수치는 정확하지 않으므로 작성되었습니다) JSON으로 변환하기 전에 테이블 구조를 관찰하십시오 SheetJS를 사용하는 첫 번째 단계는 Excel 파일을 여는 것입니다 그러나 클라이언트 측 자바 스크립트는 서버 파일에 직접 액세스 할 수 없으므로 대체 접근 방법이 필요합니다

이 튜토리얼에서는 AJAX로 파일을 가져올 것입니다 (파일에 대한 GET 요청을 작성하십시오) 좋은 소식은 우리가 사용할 수있는 SheetJS 코드 스 니펫입니다 기본적으로 URL 매개 변수를 Excel 파일로 변경하면됩니다 이 경우, "testxlsx"는 최상위 레벨에 있으므로 "testxlsx"를 URL로 사용하면됩니다

이제 통합 문서를 열 수 있습니다 다음으로 JSON을 만들려는 워크 시트를 얻으십시오 Excel 파일 작업은 SheetJS에서 매우 쉽고 간단합니다 통합 문서 인스턴스에서 SheetNames 배열에 액세스하여 모든 시트 이름을 가져올 수 있습니다 시트 배열에서 시트 인스턴스 가져 오기 (시트 이름을 색인으로 사용) 이제 워크 시트 인스턴스가 생겼습니다

다음은 JSON으로 변환하는 것입니다 우리는 내장 된 sheet_to_json () 유틸리티 함수를 사용할 것이다 XLSXutilssheet_to_json을 호출하고 워크 시트 인스턴스를 parm으로 전달하면됩니다

JSON을 콘솔 출력에 기록합니다 헤더는 키로 사용되며 다음 행은 값으로 사용됩니다 JSON을 생성하여 헤더를 무시하고 데이터로 처리 할 때 옵션을 지정할 수 있습니다 두 번째 매개 변수로 {header : 1}을 전달하십시오 이제 헤더가없고 정수 인덱스 만 있습니다 가능한 모든 숫자 값을 문자열 대신 숫자로 변환하는 {raw : true} 옵션을 지정할 수도 있습니다 예를 들어 $ 700은 "$ 700"문자열 대신 700이됩니다 시청 해 주셔서 감사 드리며 더 많은 자습서를 구독하는 것을 잊지 마십시오 🙂

PHPExcel Tutorial – Read an Excel File (.xlsx)

이전 비디오에서는 프로젝트에 PHPExcel을 설치하고 xlsx를 읽고이를 웹 페이지에 저장하는 방법에 대해 설명했습니다 이 비디오에서는 PHPExcel로 xlsx 파일을 읽는 방법을 자세히 설명합니다 이것은 우리가 사용하는 엑셀 파일입니다

우선, PHPExcel을 포함시킨 후에 우리가 읽고 자하는 xlsx 파일의 경로를 지정해야합니다 경로는 PHP 파일과 관련이 있습니다 다음으로 PHPExcel_IOFactory :: createReaderForFile을 사용하여 독자를 만듭니다 독자가 생기면 파일을로드하여 PHPExcel 객체를 얻습니다 그런 다음 PHPExcel 객체를 사용하여 활성 시트 객체를 가져옵니다

getActiveSheet () 사용하기 그러나 xlsx 파일에 두 장 이상의 시트가 포함되어있는 경우 활성 시트는 항상 마지막 시트입니다 testxlsx에 시트를 더 추가 할 것입니다 마지막 시트 데이터를 활성 시트로 가져 왔음을 알 수 있습니다 읽을 시트를 지정하려면 getActiveSheet () 대신 getSheet (index)를 사용하십시오

0은 각각 첫 번째 시트 및 증분입니다 페이지를 새로 고침하고 결과를 봅시다 승인! 우리는 첫 번째 시트를 되찾았다 시트 객체를 얻은 후에는 여러 가지 방법으로 읽을 수 있습니다 현재 사용중인 현재 메서드는 시트를 반복합니다

따라서 getHighestRow ()를 사용하여 우리가 가지고있는 행의 수를 알아야합니다 getHighestColumn ()을 사용하여 같은 방법으로 열 수를 가져올 수도 있습니다 다음은 간단한 for 루프를 사용하여 모든 행을 반복합니다 그런 다음 각 행에 대해 getCell을 사용하여 Cell 객체를 가져올 수 있습니다 Excel (A1, A2, B3 등)에서 셀 이름을 볼 때와 마찬가지로 getCell에 셀 이름을 전달할 수 있습니다

마지막으로 getValue ()를 호출하여 Cell 객체에서 셀 값을 가져옵니다 그러나 각 행을 읽는 대신 임의의 셀을 읽으려는 경우 또 다른 적합한 방법이 있습니다! 즉, 전체 시트를 배열로 변형 할 수 있습니다! 시트 객체에서 toArray ()를 호출하면 첫 번째 매개 변수는 셀이없는 경우 반환되는 값입니다 나중에 처리하는 것이 더 쉽기 때문에 null을 전달합니다 다음 부울은 시트의 수식을 계산할지 여부를 지정하는 것입니다 (예 : SUM, AVG) 반환되는 데이터에 셀 서식을 적용할지 여부를 지정하는 두 번째 부울입니다

예를 들어 셀 형식이 소수 2 자리 인 경우 "1246"대신 "124600"이 표시됩니다 마지막으로 배열 인덱스가 시트에서 간단한 실행 번호인지 또는 실제 셀 번호인지 지정하는 마지막 코드 예를 들어,이 옵션이 true로 설정된 경우 array [0] [0] 대신 [1] [ 'A'] 배열을 사용하여 첫 번째 셀 (A1)에 액세스 할 수 있습니다 이제 셀 A1 값을 웹 페이지에 넣을 것입니다 나는 우리가 xlsx 파일을 읽기 위해서 모든 "알아야 할 것"을 다뤘다 고 생각합니다! 다음 비디오에서는 PHP를 사용하여 다른 사이트에서 Excel 파일을 다운로드하고 즉시 읽을 수있는 방법에 대해 설명합니다 시청 해 주셔서 감사 드리며 귀하의 의견을 알려주십시오! 좋아하거나 구독하는 경우 🙂

PHPExcel : Working With Excel Spreadsheet in PHP #1 How to install and test php excel

이 비디오에서는 PHP에서 Excel 파일을 생성하기 위해 PHPExcell 라이브러리를 설치하고 사용하는 방법을 보여줍니다 먼저 PHPExcel 라이브러리를 다운로드해야합니다

(설명에 링크) 그런 다음 htdocs 디렉토리로 압축을 풉니 다 클래스 디렉토리 만 있으면되고, 나머지는 문서와 예제 일뿐입니다 htdocs의 어느 위치에서나 그 디렉토리를 추출하면됩니다 설치 프로세스가 완료되었습니다

이제 새로운 PHP 파일을 생성하십시오 여기에 나는 그것을 testphp라고 명명했다 그런 다음 좋아하는 편집기에서 엽니 다 먼저 새로 생성 된 파일에 PHPExcel

php 파일을 포함시켜야합니다 그런 다음 PHPExcel 클래스에서 새 객체를 만듭니다 이 개체는 Excel 통합 문서를 나타냅니다 그런 다음 일부 데이터를 스프레드 시트에 삽입하십시오 통합 문서에 대해 작업하기 전에 활성 워크 시트를 설정해야합니다

setActiveSheetIndex () 메소드 호출 여기서 0은 첫 번째 워크 시트를 의미합니다 setCellValue () 메서드를 사용하여 셀에 값을 추가 할 수 있습니다 첫 번째 매개 변수를 셀 이름으로 사용하고 두 번째 매개 변수를 값으로 사용 셀 이름은 열 문자와 행 번호의 조합입니다 우리는 그 안에 데이터가 있으면, 그 통합 문서를 파일에 쓸 수 있습니다 여기 Excel2007 통합 문서로 통합 문서를 정의합니다

그래서 파일 이름은 xlsx 형식이어야합니다 저장 한 다음 브라우저에서 testphp 파일을 호출하십시오 생성 된 Excel 파일은 test

php 파일 옆에 있어야합니다 결과는 다음과 같습니다 다음 장에서는 생성 된 Excel 파일을 다운로드하는 방법을 배우게 될 것입니다 다음 비디오에서 만나요