웨빅스

Webix
Webix JavaScript UI 위젯 라이브러리
JavaScript UI widgets library for building desktop and mobile web apps.png
안정적 해제
9.2.1 / 2022년 3월 17일; 28일 전(2022-03-17)[1]
리포지토리
유형자바스크립트 라이브러리
면허증GNU 일반 공중 사용 허가서, 상업용
웹사이트webix.com

Webix는 복잡하고 역동적인 크로스 플랫폼 웹 애플리케이션을 개발하기 위한 JavaScript/HTML5/CSS3 UI 툴킷이다.[2][3]

특징들

Webix는 GUI 제어, 위젯, 복잡한 위젯 및 온라인 도구인 Snippet Tool, Form Builder 및 Skin Builder로 구성된다.[4]Webix는 Webix 구성요소를 이용한 앱의 편리한 개발을 위한 오픈소스 마이크로프레임워크인 Webix Jet를 제공한다.

모든 위젯은 드래그 앤 드롭,[5] 오프라인 저장 및 동기화, 동적 데이터 로드 및 페이징을 지원한다.JSON 데이터, HTML 마크업, XML 데이터 또는 JavaScript 호출에서 초기화할 수 있다.

Webix는 React, Angular, Vue.js와 같은 클라이언트측 라이브러리 및 프레임워크, Meta full-stack 프레임워크와 통합된다.[6]

상업현황

Webix 라이브러리에는 두 가지 버전이 있다.Webix Standard 및 Webix PRO.

Webix Standard는 GNU GPLv3 라이센스에 따라 무료 및 오픈 소스가 제공되지만,[7] FLOS 예외를 통해 MIT, BSD 및 기타 오픈 소스 라이센스에 따라 배포되는 애플리케이션에서 사용할 수 있다.웹ix Standard에는 68개의 위젯과 제어장치는 물론 10개의 로케일이 포함되어 있다.

Webix PRO는 상용 라이센스로 제공되며 100개의 위젯과 제어 장치, 300개의 로케일 등의 추가 기능을 포함한다.추가 DataTable 기능, 애플리케이션 상태 저장 및 복원, 추가 스타일링 및 사용자 지정, 복잡한 위젯 사용 기능: 피벗, 칸반, 스프레드시트, 파일 관리자 및 스케줄러.복잡한 위젯은 추가 비용으로 이용할 수 있다.

복잡한 위젯

Webix 복합 위젯은 Webix 라이브러리의 더 작은 구성요소로 만들어진 구성요소들이다.2020년 2월부터 복잡한 위젯도 Webix Jet를 기반으로 구축되며 기본적으로 소규모 사용자 정의 애플리케이션이다.

프리제트 복합 위젯

피벗 테이블

이 복잡한 위젯은 데이터 관리를 위한 기성 앱의 역할을 한다.웨빅스 피벗은 대용량 데이터셋에서 정보 추출, 다양한 포맷으로 테이블 내보내기, 유연한 UI 커스터마이징, 기능 생성 등이 가능하다.위젯은 필터링, 정렬 및 셀 강조 표시, 즉석 구성, 구조 사전 설정 등 쉬운 데이터 관리에 필요한 모든 기능을 제공한다.

스프레드시트

스프레드시트는 기능 데이터 테이블이다.Excel 문서를 해당 문서로 내보내고 다음과 같은 여러 형식으로 데이터를 가져올 수 있다.Excel, PNG 및 PDF.사용자는 열과 행 수를 변경하고 함수를 생성하며 UI를 사용자 정의할 수 있다.위젯은 현지화를 설정하고 다른 Webix 구성요소를 추가할 수 있다.Webix 스프레드쉬트는 PHP, Node.js, .NET, jQuery, AngulJS, Vue.js, React 및 기타 라이브러리와 같은 백엔드 및 프런트엔드 플랫폼과 통합될 수 있다.

피벗 차트

웨빅스 피벗 차트는 정보 시각화를 위한 효과적인 도구다.사용자는 PDF, PNG, CSV, Excel의 여러 형식으로 차트를 내보낼 수 있다.UI 사용자 지정도 가능하다.설정, 필터, 구성 창 등을 조절할 수 있다.Webix Pivot Chart는 여러 프런트 엔드 및 백엔드 플랫폼과 통합될 수 있다.위젯은 필터링 및 정렬, 클릭 가능한 차트 범례, 즉석 구성 및 구조 사전 설정과 같은 기능을 제공한다.

칸반

웹ix Kanban은 소프트웨어 개발 팀의 작업 흐름을 콤팩트하게 시각화할 수 있다.사용자는 작업 카드를 생성, 수정 및 삭제할 수 있다.태스크와 열의 수는 무제한이다.이 위젯은 카드 드래그 앤 드롭, 수영장, 필터링, 단일 또는 다중 카드 선택, 상황에 맞는 메뉴, 강조 표시 및 카드에 대한 사용자 지정 배열과 같은 기능을 제공한다.웹ix의 다른 복잡한 위젯처럼 칸반은 다양한 프런트엔드 및 백엔드 플랫폼과 통합할 수 있다.

제트 기반 복합 위젯

이 복잡한 위젯들은 웨빅스 제트로 만들어졌다.그것과는 별개로, 그들은 데이터 로딩과 저장을 다루는 그들의 논리에 있어서 다른 Webix 위젯과 다르다: 이 위젯들은 백엔드 지향적이다.모든 위젯 패키지에는 골랑, 노드JS 또는 둘 다에서 백엔드 코드가 제공된다.

파일 관리자

Webix에 의한 JavaScript File Manager는 친숙한 인터페이스를 제공한다.이러한 특수성 덕분에, 사용자는 앱 사용법을 배우는데 많은 시간을 할애할 필요가 없다.버튼 클릭 한 번으로 파일을 업로드할 수 있다.액션이 있는 상황에 맞는 메뉴, 폴더와 파일의 드래그 앤 드롭, 파일 업로드 및 다운로드, 빠른 검색 필드, 사용자 정의 콘텐츠 모드, 키보드 탐색, 파일 미리보기, 텍스트 편집, 요청 시 데이터 로딩 등 필요한 기능도 다양하다.

Document Manager

Document Manager는 파일 관리자의 확장명이다.사용자는 텍스트 파일과 xls/xlsx 시트를 편집하고, 편집 기록을 보고, 버전을 복원하고, 파일과 폴더를 휴지통으로 제거하고, 파일을 즐겨찾기로 표시하고, 최근 파일 목록을 보고, 다른 사용자와 파일을 공유하고, 파일과 폴더를 태그하고, 태그를 관리할 수 있다.

사용자 관리자

User Manager는 사용자 액세스 권한과 역할을 관리하기 위한 풍부한 복합 위젯이다.사용자는 사용자 정보를 추가 및 편집하고, 다른 사용자에게 권한을 할당하며, 역할에 권한을 그룹화할 수 있다.보기 모드에는 역할 매트릭스와 감사라는 두 가지가 있다.

채팅

웹ix Chat은 실시간 메시징을 위한 강력한 솔루션이다.사용자는 사적인 메시지를 보내거나 단체 대화에 참여할 수 있다.

스케줄러(캘린더)

이 위젯은 데스크탑 장치의 풀 모드와 모바일 장치의 터치 지향 설계라는 두 가지 모드를 가진 스케줄러다.하루, 오래 지속되거나 반복되는 여러 종류의 이벤트를 추가할 수 있다.사용자는 다른 보기 모드(예: 일, 주, 월 또는 연도의 스케줄)를 전환할 수 있다.현지화도 가능하다.Mobile Scheduler by Webix는 사용자 정의 날짜 형식, 반복, 생성, 편집 및 강조 표시 이벤트와 같은 기능을 제공한다.Webix의 다른 복잡한 위젯과 마찬가지로, Mobile Scheduler는 모든 최신 브라우저를 지원한다.그것은 몇몇 다른 도서관 및 프레임워크와 통합될 수 있다.이 위젯은 또한 섹션 508 및 WAI-ARIA 표준을 따르고 키보드 네비게이션을 지원한다.

간트

이것은 작업 관리를 위한 위젯이다.사용자는 프로젝트, 작업 및 마일스톤을 생성하고 시간과 기간을 관리할 수 있다.업무가 표시되는 척도는 1시간에서 1년까지이다.저울에 표시되는 작업의 정밀도는 현재 최소 저울에 따라 설정할 수 있으며,

보고서 관리자

이것은 데이터 테이블과 차트의 형태로 보고서를 만드는 복잡한 위젯이다.모든 차트 파라미터의 고급 설정을 허용한다.

UI 디자이너

UI Designer는 WYSIWYG 편집기로 Webix 구성요소를 사용하여 인터페이스 프로토타입을 만들 수 있다.이 도구 덕분에 웹ix 사용자는 시각적 수단으로 앱의 UI를 구축하고 결과 코드를 얻을 수 있다.모든 요소를 커스터마이징하고, 동료들을 초대해 같은 프로젝트에 함께 작업하고, 여러 가지 형식으로 디자인을 다운받을 수 있다.웹ix UI Designer는 무료 입니다.

코드 조각 도구

코드 조각 툴은 코드 조각과 작은 어플리케이션 예시를 작성해 공유하는 샌드박스 툴이다.또한 코드 조각 도구는 모든 웹ix 위젯에 대해 태그가 지정된 코드 예제를 사용하여 데이터베이스에 액세스할 수 있으므로 사용자는 코드 예를 검색, 보기 및 편집할 수 있다.

책들

  • Zammetti, Frank - 실용적인 웹ix: 웹 개발을 촉진하고 개선하는 방법을 배우십시오(2018년)[2]

참고 항목

참조

  1. ^ "Release 9.2.1 · webix-hub/webix · GitHub". GitHub. Retrieved 17 March 2022.
  2. ^ a b Zammetti, Frank (2018). Practical Webix : learn to expedite and improve your web development. Pottstown, Pennsylvania, USA: Apress. p. 5. ISBN 978-1484233849. Retrieved 12 May 2019.
  3. ^ Narayanaswamy, Anand (26 September 2014). "Webix JavaScript UI Library Helps to Build Cross Platform HTML5 and CSS3 Applications". InfoQ: Software Development News, Videos & Books. Retrieved 18 February 2017.
  4. ^ "The 5 Most Promising Frameworks of the First Half of 2016". Dzone.com. Retrieved 18 February 2017.
  5. ^ "Drag-and-Drop in Webix UI". Coderwall.com: Programming Tips. Retrieved 18 February 2017.
  6. ^ "Integration with Other Frameworks". docs.webix.com. Retrieved 12 May 2019.
  7. ^ "Create user interfaces for web applications with minimal effort". A 10-step guide to creating an email client with Webix framework. 10 May 2017.

외부 링크