데모 앱 – JavaScript 대시보드

라이브 데모를 살펴보고 Webix UI 위젯과 컨트롤을 사용하여 최신 HTML5 웹 앱 개발을 시작해 보세요. 가장 인기 있는 UI 레이아웃을 살펴보고, 미리 제작된 JavaScript 대시보드와 앱 템플릿을 확인해 보세요. 브라우저에서 테스트하거나 전체 소스 코드를 다운로드할 수도 있습니다.

무료 평가판 다운로드

*신용 카드 필요 없음

복잡한 위젯 데모

Scheduler

모든 비즈니스 애플리케이션에 통합할 수 있는 이벤트 계획, 회의 일정, 항목 예약을 위한 웹 캘린더 데모입니다.

보다

Gantt

간트 기능을 사용하면 프로젝트와 리소스 관리, 작업 설정, 실행 모니터링을 위한 솔루션을 만들 수 있습니다.

보다

SpreadSheet

엑셀과 같은다양한 기능을 갖춘 스프레드시트 위젯수식 및 수학, 정렬 및 필터링, 편집, 다양한 유형의 데이터.

보다

Kanban

원활한 생성직관적인 드래그 앤 드롭 방식으로 유연하고 쉽게 삽입할 수 있는 칸반 보드 위젯을 사용하여 워크플로 시각화를 구현합니다.

보다

Pivot Table & Chart

Pivot을 사용하면 복잡한 데이터를 쉽게 분석하고 비교할 수 있으며, 요소를 그래픽으로 끌어서 놓아 보고서를 만들 수 있습니다.

보다

File Manager

JS 파일 관리자 데모는 파일 탐색기 방식으로 웹 애플리케이션에서 계층적 데이터를 구성하고 관리하는 방법을 보여줍니다.

보다

Document Manager

본격적인 솔루션문서 관리 흐름을 포함하여실시간 협업, 버전 관리, 고급 검색 등

보다

Rich Text Editor

데모아클래식 모드와 문서 모드 모두에서 구조화된 문서를 만들 수 있는 텍스트 서식 옵션이 있는 편집기입니다.

보다

Report Manager

빅데이터 보고서를 작성하고 저장하기 위한 기성 솔루션수색, 정렬, 그리고 수출Excel 및 CSV 형식의 보고서.

보다

Chat

애플리케이션 내에서 사용자 간에 직접 메시지를 교환하기 위한 JavaScript 웹 애플리케이션 데모입니다.

보다

User Manager

사용자 목록을 관리하고 접근 권한과 사용 권한을 관리하는 기성 솔루션입니다.

보다

Query

그데모는 다음을 보여줍니다.프로그래밍이나 SQL 쿼리를 작성하지 않고도 방대한 양의 데이터를 처리하는 복잡한 필터를 만드는 방법입니다.

보다

Diagram

얼마나 쉬운지 시도해보세요. 다이어그램 데모로 다이어그램을 만들 수 있습니다. 원하는 블록 모양을 선택하거나 직접 옵션을 만들어 보세요.

보다

Desktop

에이익숙한 형식의 원격 데스크톱 데모입니다. 데스크톱 위젯에 추가할 애플리케이션 세트를 정의할 수 있습니다.

보다

To Do List

탐색하다작업을 마감일, 프로젝트, 해시태그 등의 매개변수에 따라 구성할 수 있는 작업 관리 데모입니다.

보다

웹 앱 데모

관리자 앱

이 예제에서는 대시보드, 차트, 표, 양식, 스프레드시트, 칸반, 피벗 및 파일 관리자 등 여러 위젯이 작동하는 모습을 보여줍니다.

보다

학생/교사 JS 대시보드

학생 진도 모니터링을 위한 Webix Core 기반 앱은 차트 시각화 위젯이 어떻게 다음 웹 앱을 풍부하게 만들 수 있는지 보여줍니다.

보다

의사 예약 앱

이 JavaScript 앱 데모는 약속 일정을 용이하게 하고 의료 포털의 일부로 작동합니다.

보다

재고 앱

탐구하다컴퓨터 장비 서비스를 원활하게 하는 방법모니터컴퓨터의 상태, 유지 관리 일정 및 할당.

보다

QA 대시보드

Webix Core 기반 대시보드를 사용하면 팀의 작업 진행 상황을 보고 시각적으로 매력적이고 명확한 방식으로 데이터를 표시할 수 있습니다.

보다

은행 앱

Bank 앱 데모를 통해 사용자는 다음을 볼 수 있습니다.재무 데이터를 편집, 분석하고, 결제 내역과 고객 세부 정보를 관리합니다.

보다

예약 앱

그티켓 예약 및 휴가 계획 앱 데모입니다. 사용자는 Form을 사용하여 특정 날짜와 노선의 항공편을 검색할 수 있습니다.

보다

팀 진행 앱

대시보드는 통계 차트를 통해 팀 진행 상황을 추적합니다.탐색, 작업 관리, 앱 구성을 위한 도구 모음과 비교.

보다

웹 데스크톱 UI

이 데모에서는 Core 위젯과 JS 파일 관리자를 포함해 Webix UI로 Windows 유사 Metro UI를 만드는 방법을 보여줍니다.

보다

지오 익스플로러

Geo Explorer 데모에는 애플리케이션 내에서 Google Maps와 상호 작용할 수 있는 Webix Maps 위젯이 포함되어 있습니다.

보다

JavaScript 템플릿 및 대시보드

재무 대시보드 템플릿

템플릿은 사용 또는 통합할 준비가 되어 있으며 다음을 제공합니다.여러 카드에 걸친 개인 비용, 송장 및 거래 추적을 체계적으로 볼 수 있습니다.

보다

채팅 토론 템플릿

JavaScript 템플릿은 사용하거나 통합할 준비가 되어 있으며, 메시징, 연락처 저장, 파일 공유, 음성 통화를 위한 편리한 도구를 제공합니다.

보다

연락처 템플릿

이 바로 사용 가능한 JavaScript 템플릿을 사용하면 연락처 저장, 파일 공유, 전화 및 화상 통화가 가능합니다.

보다

여행 대시보드

바로 사용 가능한 J처럼티켓 예약, 여행 내역 추적, 목적지에 대한 설명 및 리뷰 보기 등의 도구를 제공하는 템플릿입니다.

보다

병원 경영

그만큼병원 관리를 위한 JavaScript 템플릿으로, 최근 분석을 보여주는 밝은 차트와 함께 의사 및 환자 정보를 표시합니다.

보다

확장된 작업 보드

작업 편집 및 주석 기능이 있는 칸반 보드를 갖춘 소스 코드가 포함된 사전 구축된 JavaScript 템플릿입니다.

보다

이메일 클라이언트

모든 웹 애플리케이션에 원활하게 통합되도록 설계된, 친숙한 이메일 받은편지함 인터페이스를 갖춘 JavaScript 템플릿입니다.

보다

헬프데스크 티켓팅

헬프데스크 티켓팅을 위한 Webix UI 템플릿이 통합 준비가 되었습니다.티켓 추적, 상태 업데이트, 성과 차트.

보다

근무표 템플릿

기성 JS 템플릿은 프로젝트 관리 시스템에 통합되어 프로젝트, 태그, 작업, 상태, 진행 차트를 표시합니다.

보다

예산 추적기

이 JS UI 템플릿은 사용자가 비용을 추적하고, 예산 잔액을 유지하고, 다이어그램을 사용하여 분류된 비용 내역을 볼 수 있도록 도와줍니다.

보다

교육 진도표

이 JS 템플릿을 사용하면 코스 진행 상황 추적, 연락처 및 메시지 보기, 이벤트 계획, 성과 시각화가 가능합니다.

보다

채팅/메신저 JS 템플릿

이 JS 템플릿을 사용하면 웹 채팅 또는 Webix 라이브러리 개발 속도를 높이고 학습을 단순화하는 온라인 메신저를 만들 수 있습니다.

보다

ERP 시스템 구매 목록

이 JS 템플릿을 사용하면 기업 ERP 시스템용 구매 목록을 만들고 이를 Webix로 구축된 비즈니스 앱에 통합할 수 있습니다.

보다

음악 라이브러리/플레이어

이 JS 템플릿은 통합이 가능하며, 음악을 듣고, 아티스트, 앨범 또는 장르별로 노래를 정렬하고, 개인 재생 목록을 만들 수 있습니다.

보다

채용/인사 게시판

이 템플릿은 후보자의 기술, 교육 배경, 경력을 기반으로 후보자를 목록화하고 채용 공고를 게시하는 데 사용할 수 있습니다.

보다

POS 단말기 템플릿

그전자상거래템플릿이 이상적입니다 에프그만큼아르 자형썸네일, 설명, 가격, 구매 내역을 포함한 제품 목록 표시 및 활성화항목지불.

보다

Webix 개인 작업 보드 2 템플릿

이 기성 JS UI 템플릿은 모든 웹 솔루션에 통합되어 사용자가 작업을 추적하고 보고서와 송장 차트를 볼 수 있도록 합니다.

보다

개인 작업 보드 JavaScript 템플릿

이 템플릿은 ERP 또는 작업 관리 시스템에 적합하며 권장 작업, 할당, 보고서 및 잔액 기능을 제공합니다.

보다

전자상거래 마켓플레이스 JavaScript 템플릿

이것 전자상거래 앱용 템플릿은 쉽게 사용자 정의할 수 있는 요소를 포함하여 품목 목록, 마켓플레이스 메뉴, 현재 잔액을 표시합니다.

보다

쇼핑 카트 템플릿

이 JavaScript 전자상거래 템플릿을 사용하면 사용자가 장바구니를 관리하고, 주문을 보고, 위시리스트를 만들고, 분쟁을 쉽게 열 수 있습니다.

보다

경비 위원회 템플릿

개인 지출을 추적하고 필터링하며 그룹화하고, PDF 또는 Excel 형식으로 보고서를 내보낼 수 있습니다.

보다

자주 묻는 질문

데모와 템플릿은 무료로 사용할 수 있나요?

네, 모든 데모 앱과 템플릿은 무료로 살펴보고 맞춤 설정할 수 있습니다. 프로젝트의 시작점으로 활용하실 수 있습니다. 단, 일부 대시보드와 위젯은 고급 기능을 사용하려면 Webix Pro 라이선스가 필요합니다.

JavaScript 대시보드와 템플릿을 사용하려면 Webix가 필요합니까?

네. 대부분의 데모와 템플릿은 Webix 라이브러리를 기반으로 제작되어 Webix 사용자가 사용할 수 있습니다. 인터페이스를 처음부터 코딩할 필요가 없습니다. Webix는 세련되고 전문적인 디자인을 위한 모든 구성 요소를 제공합니다.

대시보드와 템플릿에는 어떤 라이센스가 적용됩니까?

이 라이브러리는 MIT 라이선스(MIT)에 따라 배포됩니다. 즉, 최소한의 제한으로 자유롭게 다운로드, 수정 및 프로젝트에 사용할 수 있습니다.

디자인 기술이 없어도 대시보드나 템플릿의 디자인을 사용자 정의할 수 있나요?

물론입니다. UI/UX 전문가가 아니어도 됩니다. Webix에는 즉시 적용할 수 있는 전문적으로 디자인된 7가지 스킨이 제공됩니다. 완벽한 제어를 위해서는스킨 빌더CSS를 건드리지 않고 시각적 편집기에서 색상, 글꼴, 간격을 조정할 수 있는 도구입니다.

JavaScript 템플릿과 대시보드가 Webix의 무료(커뮤니티) 버전에서도 작동합니까?

네, 대부분의 대시보드와 템플릿은 Webix Standard(커뮤니티 에디션)에서 완벽하게 작동합니다. 복잡한 Pro 위젯(예: 재고 관리 앱 데모)을 사용하는 앱만 상업용 라이선스가 필요합니다.

이러한 데모나 템플릿을 내 애플리케이션에 빠르게 통합할 수 있나요?

물론입니다. 데모는 모듈식 실제 사례로 제작되어 앱에 바로 적용하고 백엔드에 손쉽게 연결할 수 있습니다. UX/UI 작업에 몇 주씩 소요되는 시간을 절약하고 비즈니스 로직에 집중할 수 있도록 특별히 설계되었습니다.

대시보드나 템플릿을 사용자 정의하는 데 대한 기술 지원이 있나요?

Webix Pro 사용자는 전문적인 지원을 받을 수 있습니다. 커뮤니티 사용자는 문서, 커뮤니티 포럼, GitHub 예제를 이용할 수 있습니다.