[계정 도구] 브라우저(HTML, JavaScript)에서 계정 디자인 개발: Stimulsoft

장부 개발에 대해 말하자면 주류는 클라이언트/서버형의 장부 도구를 사용하여 디자이너에서 템플릿을 설계하고 뷰어에서 이 템플릿을 바탕으로 장부를 출력하는 구조의 개발이다.
그러나 자바스크립트의 기술이 이렇게 부상한 상황에서 저는 다양한 제품을 찾고 있습니다. 자바스크립트의 라이브러리를 사용하여 브라우저로만 개발할 수 없습니까?
그래서 내가 도착한 동유럽에서 만든'Stimulsoft'은 매우 환영을 받았다.

Stimulsoft


동유럽에서 태어난 상업 지능, 데이터 분석 처리 분야의 소프트웨어 공급업체다.하나의 라이브러리를 제공하여 서로 다른 플랫폼에서 표 디자인을 개발하고 제품 간의 완전한 호환성을 유지할 수 있다.
또한 최근 몇 년 동안의 풍부한 인터넷 응용에 대한 보고 시스템의 개발은 매우 효과적이고 풍부하고 다채로운 방식으로 보고서의 디자인, 디스플레이, 인쇄, 편집, 송신을 실현할 수 있다.
  • 보고서를 표시하는 데 사용되는 10개 구성 요소
  • 보고서의 세 가지 구성 요소 수정
  • 렌더링 보고서를 저장하는 데 사용되는 30가지 파일 형식
  • 25가지 데이터 소스
  • 40가지 이상의 보고 설정
  • 그리고 모든 주요 브라우저, ASP.NET、ASP.NET MVC, WPF, 현지인NET Core、 JavaScript、Node.js, Angular, Blazor, PHP, 자바, 데스크톱, 태블릿PC, 스마트폰, 서버 등 모든 것을 지원하며 어디서든 실행하고 조작할 수 있습니다.
    Stimulsoft 제품 소개 페이지 / 가격

    추천 제품


    Stimulsoft는 매우 많은 개발 플랫폼을 지원하지만, 이 제품군에서 특히 추천하는 것은 "Stimulsoft Reports.JS"이다.
    보고서 개발에 필요한 모든 구성 요소 (라이브러리) (예를 들어 보고서 디자이너와 뷰어) 는 브라우저만 개발할 수 있도록 자바스크립트로 구성되어 있습니다.물론 계정의 렌더링과 템플릿 디자인은 클라이언트의 자바스크립트에서 실행되기 때문에 이전의 계정 서버와 같은 설정과 클라이언트에 디자이너 도구를 설치할 필요가 없다.

    장부 작성 방법


    그럼 바로 "Stimulsoft Reports.JS"를 사용하여 장부를 만드는 방법을 설명해 드리겠습니다.

    템플릿 디자이너


    디자이너 자신과 디자이너의 라이브러리를 사용하는 것은 당연히 자바스크립트로 구성되고 세련된 인터페이스를 통해 보고서 템플릿을 만드는 것은 매우 간단하다.익숙해진 사무실 제품과 같은 조작감을 사용하여 모든 조작을 크롬과 IE 등 주요 브라우저에서 드래그하면 실현할 수 있다.그리고 일본어 대응 완료!

    템플릿을 작성하려면


    아래 이미지를 클릭하면 제작 절차를 녹화한 유튜브 영상이 재생됩니다.

    1. 데이터 소스 등록


    매우 많은 방법으로 데이터 원본을 등록할 수 있다.
    S SQL, MySQL, Oracle, ODBC, Ms Access, PostgreSQL, Firebird, SQLite, DB2, Informix, Sybase, Teradata, Vistab, MongoDB, Azure Table Storage, CSV, Excel, Google Seets, JSON, XMl, REST 등
    대량의 자원 지원

    2. 객체 배치


    드래그하기만 하면 데이터 원본에서 대상을 배치할 수 있다.
    또한 풍부한 마법사 기능, 예를 들어 데이터 원본의 표를 드래그하기만 하면 목록 형식의 일람표를 단숨에 만들 수 있다.

    3. 템플릿 저장


    만든 템플릿을 MRT 형식(*****.mrt)의 파일로 저장합니다.

    뷰어 만들기


    다른 플랫폼의 응용 프로그램에 뷰어를 설치할 수 있습니다. 이번에는 HTML에 표시될 때의 예시를 소개합니다.
    demo.html
    <!DOCTYPE html>
    <html>
    <head>
        <title>Stimulsoft Reports.JS - SimpleList Demo</title>
        <meta charset="utf-8" />
        <link href="css/demo.css" rel="stylesheet">
        <link href="css/stimulsoft.viewer.office2013.whiteblue.css" rel="stylesheet">
        <script src="scripts/stimulsoft.reports.js" type="text/javascript"></script>
        <script src="scripts/stimulsoft.viewer.js" type="text/javascript"></script>
        <script>
            function onBodyLoad() {
                var report = new Stimulsoft.Report.StiReport();
                report.loadFile("SimpleList.mrt");
                viewer = new Stimulsoft.Viewer.StiViewer(null, "StiViewer", false);
                viewer.renderHtml("viewerContent");
            }
        </script>
    </head>
    <body onload="onBodyLoad();">
        <div id="viewerContent"></div>
    </body>
    </html>
    

    뷰어 출력


    뷰어는 PC와 모바일 터미널 등 모든 장치를 지원하며 표시되는 보고서는 PDF, WORD, EXCEL 등 다양한 파일 형식으로 다운로드할 수 있습니다.

    총결산


    어때?Stimulsoft를 사용하면 짧은 시간 내에 저비용으로 정교한 보고서 (장부) 를 개발할 수 있습니다.
    또 이번에는 소개하지 못했지만'Stimulsoft dashboards.js'제품은 장부를 만드는 종이가 아닌 페이지, HTML 등 표시용 패널 생성, BI 등 계기판 개발이 쉬워졌다.이렇게 하면 격자선 (예를 들어 칸을 합친 것) 을 동적으로 그룹화해야 하더라도 속성을 설정함으로써 복잡한 설계를 실현할 수 있다.
    브라우저에 아래 칸선을 포함하는 동적 명세표를 표시하려면 어떻게 해야 합니까?

    아래의 링크는 다른 다양한 보고서 프레젠테이션 화면을 공개했으니 시간이 있을 때도 꼭 보세요.
    장부 표시 화면

    보충하여 기록하다


    나는 샘플 응용 프로그램의 제작 방법에 대해 투고했다.
    https://qiita.com/REQWARE/items/45bf915bfc8e3f1b06e7

    좋은 웹페이지 즐겨찾기