Установка Gantt

Чтобы начать использовать Gantt, нужно:

  1. Подключить необходимые CSS и JS файлы на страницу;
  2. Вызвать конструктор объекта.

Необходимые файлы

Подключаем 4 файла:

<html>
 <head>
  <!-- Webix Library -->
  <script src="codebase/webix.js" type="text/javascript"></script>
  <link rel="stylesheet" href="codebase/webix.css" type="text/css">
 
  <!-- Gantt -->
  <script type="text/javascript" src="codebase/gantt.js"></script>
  <link rel="stylesheet" href="codebase/gantt.css" type="text/css">
 </head>
 <body>
    <!-- Конструктор Gantt -->
    <script>
        webix.ui({
            view:"gantt", 
            url:"https://docs.webix.com/gantt-backend/"
        });
</script> </body> </html>

В следующем разделе мы рассмотрим другие способы создания Gantt на странице.

Запуск бэкенд сервера

Используя NodeJs

Чтобы использовать NodeJS бэкенд для Gantt, склонируйте репозиторий и выполните следующие команды:

npm install
node index.js

Using Golang

Чтобы использовать Golang бэкенд для Gantt, склонируйте репозиторий, настройте базу данных и создайте файл config.yml с конфигурацией доступа базы. После чего выполните следующие команды:

go build
 
# bash
./wg
 
# cmd
wg

Как запустить пакетные примеры локально

Чтобы запустить пакетные примеры локально, вам нужно перейти в корневую директорию Gantt, установить необходимые зависимости и запустить дев сервер:

// переходим в корневую директорию
cd gantt
 
// устанавливаем зависимости
yarn install //или npm install
 
// запускаем сервер
yarn server //или npm run server
Наверх