Виправлення

Dockerfile

@@ -12,30 +12,18 @@ RUN mkdir -p /docker-entrypoint-initdb.d
 # Копіювання SQL файлу ініціалізації
 COPY init.sql /docker-entrypoint-initdb.d/
 
-# Встановлення Git та інших необхідних інструментів
+# Встановлення необхідних пакетів
 RUN rm -f /etc/apt/sources.list.d/mysql.list && \
     apt-get update && \
-    apt-get install -y git python3 python3-pip wget && \
+    apt-get install -y wget python3 python3-pip && \
     pip3 install --no-cache-dir flask mysql-connector-python && \
+    apt-get clean && \
     rm -rf /var/lib/apt/lists/*
 
-# Завантаження та розпакування бази даних Employees
-RUN mkdir -p /tmp/employees && \
-    cd /tmp/employees && \
-    git clone https://github.com/datacharmer/test_db.git && \
-    cd test_db && \
-    # Копіюємо скрипти імпорту в директорію ініціалізації
-    cp employees.sql /docker-entrypoint-initdb.d/01-employees.sql && \
-    # Зберігаємо тестові дані для пізнішого використання
-    mkdir -p /var/lib/mysql-files && \
-    cp -r *.dump /var/lib/mysql-files/ && \
-    cd / && \
-    rm -rf /tmp/employees
-
 # Копіювання файлів веб-додатку
+COPY app.py /app.py
 COPY templates /templates
 COPY static /static
-COPY app.py /app.py
 
 # Скрипт для запуску
 COPY start.sh /start.sh

README.md

@@ -8,54 +8,24 @@ sdk_version: "latest"
 app_file: app.py
 pinned: false
 ---
-# MySQL Сервер 8.0.22 для навчальних цілей
 
-Цей проект розгортає MySQL Server 8.0.22 в Docker контейнері на Hugging Face Spaces для виконання практичних занять із дисципліни ІТУД.
+# MySQL 8.0.22 для навчальних цілей
 
-## Інформація про проект
+Цей проект розгортає MySQL Server 8.0.22 для виконання практичних завдань з баз даних.
 
-- **Версія MySQL**: 8.0.22 (відповідно до завдання)
-- **Ім'я бази даних**: test_db та employees (автоматично завантажується)
-- **Користувач**: test_user (пароль: test_password)
-- **Root пароль**: root_password
-- **Порт**: 3306
+## Навчальні завдання
 
-## Корисні посилання
+### Завдання 1.1
+Встановлення та налаштування MySQL 8.0.22 - виконано автоматично.
 
-### Програмне забезпечення:
-- [Workbench 8.0.22 MAC](https://downloads.mysql.com/archives/workbench)
-- [MySQL Server 8.0.22 MAC](https://downloads.mysql.com/archives/community)
-- [Workbench 8.0.22 Windows](https://downloads.mysql.com/archives/workbench/)
-- [MySQL Server 8.0.22 Windows](https://downloads.mysql.com/archives/installer)
+### Завдання 1.2
+Завантаження навчальної бази даних "Employees" - доступно через веб-інтерфейс.
 
-### Додаткові матеріали:
-- [Репозиторій з базою даних "Employees"](https://github.com/datacharmer/test_db)
-- [Відео-інструкція з вирішення помилок встановлення](https://youtu.be/9fnTrs7sKy0)
+### Завдання 1.3
+Виконання базових SQL-запитів та форматування коду - доступно через веб-консоль.
 
-## Підключення до MySQL сервера
+## Інформація про API
 
-Для підключення використовуйте MySQL Workbench 8.0.22:
-
-1. Завантажте та встановіть MySQL Workbench з посилань вище
-2. Створіть нове з'єднання з наступними параметрами:
-   - Connection Name: HF_MySQL_Learning
-   - Connection Method: Standard (TCP/IP)
-   - Hostname: URL вашого Hugging Face Space
-   - Port: 3306
-   - Username: test_user
-   - Password: test_password (зберегти у сховищі)
-
-## Завдання 1.3 - Базові практики роботи
-
-Після підключення до бази даних виконайте:
-
-```sql
--- Створення таблиці (нереформатований скрипт)
-create table if not exists test (numbers int, words varchar (10));
-
--- Форматований скрипт з відступами та коментарями
-CREATE TABLE IF NOT EXISTS test (
-    numbers INT,           -- Поле для цілих чисел
-    words VARCHAR(10)      -- Поле для текстових значень максимум 10 символів
-);
+Для виконання SQL запитів через API використовуйте:
 ```
+curl -X POST https://mysql-itud-docsa

app.py

@@ -1,308 +1,116 @@
 from flask import Flask, request, jsonify, render_template
 import mysql.connector
-import json
 import os
 import time
 
-app = Flask(__name__, template_folder='templates', static_folder='static')
+app = Flask(__name__, template_folder='/templates', static_folder='/static')
 
-def get_db_connection(database='test_db'):
-    # Спробуємо підключитися кілька разів (може знадобитися, якщо MySQL ще запускається)
-    for i in range(5):
-        try:
-            return mysql.connector.connect(
-                host="localhost",
-                user="test_user",
-                password="test_password",
-                database=database
-            )
-        except Exception as e:
-            if i < 4:  # Якщо це не остання спроба
-                time.sleep(2)  # Чекаємо 2 секунди
-            else:
-                raise e  # Перекидаємо помилку далі
-
-def get_mysql_status():
+def get_db_connection():
     try:
-        conn = get_db_connection()
-        cursor = conn.cursor()
-        cursor.execute("SELECT VERSION()")
-        version = cursor.fetchone()[0]
-        cursor.close()
-        conn.close()
-        return {"status": "online", "version": version}
+        return mysql.connector.connect(
+            host="localhost",
+            user="test_user",
+            password="test_password",
+            database="test_db"
+        )
     except Exception as e:
-        return {"status": "offline", "error": str(e)}
+        print(f"Error connecting to MySQL: {e}")
+        raise e
 
-def check_employees_db():
+@app.route('/')
+def index():
+    # Перевіряємо статус MySQL
+    status = {"status": "offline", "version": "Unknown"}
+    
     try:
-        # Перевіряємо чи існує база даних employees
         conn = get_db_connection()
         cursor = conn.cursor()
-        cursor.execute("SHOW DATABASES LIKE 'employees'")
-        exists = cursor.fetchone() is not None
-        cursor.close()
-        conn.close()
+        cursor.execute("SELECT VERSION()")
+        version = cursor.fetchone()[0]
+        status = {"status": "online", "version": version}
         
-        if exists:
-            # Якщо база існує, перевіряємо наявність таблиць
-            conn = get_db_connection('employees')
-            cursor = conn.cursor()
-            cursor.execute("SHOW TABLES")
-            tables = cursor.fetchall()
-            table_count = len(tables)
-            cursor.close()
-            conn.close()
-            return exists, table_count
+        # Отримуємо списки баз даних
+        cursor.execute("SHOW DATABASES")
+        databases = [db[0] for db in cursor.fetchall()]
         
-        return exists, 0
+        # Отримуємо списки таблиць
+        cursor.execute("SHOW TABLES")
+        tables = [table[0] for table in cursor.fetchall()]
+        
+        cursor.close()
+        conn.close()
     except Exception as e:
-        print(f"Помилка перевірки бази employees: {e}")
-        return False, 0
-
-@app.route('/')
-def index():
-    # Перевіряємо статус MySQL
-    status = get_mysql_status()
+        print(f"Error: {e}")
+        databases = []
+        tables = []
     
-    # Перевіряємо наявність бази employees
-    employees_exists, employees_tables = check_employees_db()
-    
-    # Отримуємо списки баз даних і таблиць, якщо MySQL онлайн
-    databases = []
-    tables = []
-    
-    if status["status"] == "online":
-        try:
-            conn = get_db_connection()
-            cursor = conn.cursor()
-            
-            # Отримання списку баз даних
-            cursor.execute("SHOW DATABASES")
-            databases = [db[0] for db in cursor.fetchall()]
-            
-            # Отримання списку таблиць у поточній базі даних
-            cursor.execute("SHOW TABLES FROM test_db")
-            tables = [table[0] for table in cursor.fetchall()]
-            
-            cursor.close()
-            conn.close()
-        except Exception as e:
-            print(f"Помилка: {e}")
-    
-    return render_template('index.html', 
-                          status=status, 
-                          databases=databases, 
-                          tables=tables,
-                          employees_exists=employees_exists,
-                          employees_tables=employees_tables)
+    return render_template('index.html', status=status, databases=databases, tables=tables)
 
 @app.route('/execute', methods=['POST'])
 def execute_query():
+    # Отримуємо дані з форми або JSON
     if request.content_type == 'application/json':
         data = request.json
         query = data.get('query', '')
-        database = data.get('database', 'test_db')
     else:
         query = request.form.get('query', '')
-        database = request.form.get('database', 'test_db')
     
     if not query:
         return jsonify({'error': 'Запит не може бути порожнім'}), 400
     
     try:
-        conn = get_db_connection(database)
+        conn = get_db_connection()
         cursor = conn.cursor(dictionary=True)
         cursor.execute(query)
         
         if query.lower().strip().startswith('select'):
             result = cursor.fetchall()
             conn.close()
-            
-            # Якщо запит з веб-форми, повертаємо HTML
-            if request.content_type != 'application/json':
-                return render_template('result.html', 
-                                      results=result, 
-                                      query=query,
-                                      database=database)
-            else:
-                return jsonify({'result': result})
+            return render_template('result.html', results=result, query=query)
         else:
             conn.commit()
             affected_rows = cursor.rowcount
             conn.close()
-            
-            # Якщо запит з веб-форми, повертаємо HTML
-            if request.content_type != 'application/json':
-                return render_template('result.html', 
-                                      affected_rows=affected_rows, 
-                                      query=query,
-                                      database=database)
-            else:
-                return jsonify({'affected_rows': affected_rows})
+            return render_template('result.html', affected_rows=affected_rows, query=query)
             
     except Exception as e:
         error_msg = str(e)
-        # Якщо запит з веб-форми, повертаємо HTML
-        if request.content_type != 'application/json':
-            return render_template('result.html', error=error_msg, query=query, database=database)
-        else:
-            return jsonify({'error': error_msg}), 500
-
-@app.route('/table/<database>/<table_name>')
-def show_table(database, table_name):
-    try:
-        conn = get_db_connection(database)
-        cursor = conn.cursor(dictionary=True)
-        
-        # Отримуємо структуру таблиці
-        cursor.execute(f"DESCRIBE `{table_name}`")
-        columns = cursor.fetchall()
-        
-        # Отримуємо дані таблиці
-        cursor.execute(f"SELECT * FROM `{table_name}` LIMIT 100")
-        data = cursor.fetchall()
-        
-        # Отримуємо загальну кількість рядків у таблиці
-        cursor.execute(f"SELECT COUNT(*) as count FROM `{table_name}`")
-        total_count = cursor.fetchone()['count']
-        
-        conn.close()
-        return render_template('table.html', 
-                              database=database,
-                              table_name=table_name, 
-                              columns=columns, 
-                              data=data,
-                              total_count=total_count)
-    except Exception as e:
-        return render_template('error.html', error=str(e))
+        return render_template('result.html', error=error_msg, query=query)
 
-@app.route('/database/<database>')
-def show_database(database):
-    try:
-        conn = get_db_connection(database)
-        cursor = conn.cursor()
-        
-        # Отримуємо списки таблиць
-        cursor.execute(f"SHOW TABLES FROM `{database}`")
-        tables = [table[0] for table in cursor.fetchall()]
-        
-        # Отримуємо розмір кожної таблиці
-        table_info = []
-        for table in tables:
-            cursor.execute(f"SELECT COUNT(*) FROM `{database}`.`{table}`")
-            count = cursor.fetchone()[0]
-            
-            cursor.execute(f"""
-                SELECT 
-                    ROUND(SUM(data_length + index_length) / 1024 / 1024, 2) AS size_mb
-                FROM 
-                    information_schema.TABLES
-                WHERE 
-                    table_schema = '{database}'
-                    AND table_name = '{table}'
-            """)
-            size = cursor.fetchone()[0] or 0
-            
-            table_info.append({
-                'name': table,
-                'count': count,
-                'size': size
-            })
-        
-        conn.close()
-        return render_template('database.html', 
-                              database=database,
-                              tables=table_info)
-    except Exception as e:
-        return render_template('error.html', error=str(e))
+@app.route('/download_employees', methods=['GET'])
+def download_employees():
+    return render_template('download.html')
 
-@app.route('/employees')
-def employees_info():
+@app.route('/import_employees', methods=['POST'])
+def import_employees():
     try:
-        # Перевіряємо чи існує база даних employees
-        employees_exists, table_count = check_employees_db()
-        
-        if not employees_exists:
-            return render_template('error.html', 
-                                 error="База даних 'employees' не знайдена",
-                                 suggestion="Можливо, виникли проблеми з імпортом бази даних.")
+        # Створюємо тимчасову директорію
+        os.system("mkdir -p /tmp/employees")
         
-        conn = get_db_connection('employees')
-        cursor = conn.cursor(dictionary=True)
-        
-        # Отримуємо інформацію про таблиці
-        cursor.execute("""
-            SELECT 
-                table_name, 
-                table_rows,
-                ROUND(data_length / 1024 / 1024, 2) as data_size_mb,
-                ROUND(index_length / 1024 / 1024, 2) as index_size_mb,
-                ROUND((data_length + index_length) / 1024 / 1024, 2) as total_size_mb
-            FROM 
-                information_schema.TABLES
-            WHERE 
-                table_schema = 'employees'
-        """)
-        tables_info = cursor.fetchall()
-        
-        # Отримуємо загальну кількість співробітників
-        cursor.execute("SELECT COUNT(*) as count FROM employees")
-        total_employees = cursor.fetchone()['count']
-        
-        # Отримуємо кількість департаментів
-        cursor.execute("SELECT COUNT(*) as count FROM departments")
-        total_departments = cursor.fetchone()['count']
+        # Завантажуємо базу даних
+        os.system("cd /tmp/employees && wget -q https://github.com/datacharmer/test_db/archive/master.zip")
+        os.system("cd /tmp/employees && apt-get update && apt-get install -y unzip && unzip -q master.zip")
         
-        # Отримуємо діапазон дат
-        cursor.execute("SELECT MIN(hire_date) as min_date, MAX(hire_date) as max_date FROM employees")
-        date_range = cursor.fetchone()
+        # Імпортуємо базу даних
+        import_result = os.system("cd /tmp/employees/test_db-master && mysql -u root -proot_password < employees.sql")
         
-        # Отримуємо кількість чоловіків і жінок
-        cursor.execute("""
-            SELECT 
-                gender, 
-                COUNT(*) as count,
-                ROUND(COUNT(*) * 100.0 / (SELECT COUNT(*) FROM employees), 2) as percentage
-            FROM 
-                employees 
-            GROUP BY 
-                gender
-        """)
-        gender_stats = cursor.fetchall()
+        # Надаємо права користувачу test_user
+        grant_result = os.system("mysql -u root -proot_password -e \"GRANT ALL PRIVILEGES ON employees.* TO 'test_user'@'%';\"")
+        os.system("mysql -u root -proot_password -e \"FLUSH PRIVILEGES;\"")
         
-        # Отримуємо топ департаментів за кількістю співробітників
-        cursor.execute("""
-            SELECT 
-                d.dept_name,
-                COUNT(de.emp_no) as employee_count
-            FROM 
-                departments d
-            JOIN 
-                dept_emp de ON d.dept_no = de.dept_no
-            WHERE 
-                de.to_date = '9999-01-01'
-            GROUP BY 
-                d.dept_name
-            ORDER BY 
-                employee_count DESC
-            LIMIT 5
-        """)
-        top_departments = cursor.fetchall()
+        # Видаляємо тимчасові файли
+        os.system("rm -rf /tmp/employees")
         
-        conn.close()
-        
-        return render_template('employees.html',
-                               tables_info=tables_info,
-                               total_employees=total_employees,
-                               total_departments=total_departments,
-                               date_range=date_range,
-                               gender_stats=gender_stats,
-                               top_departments=top_departments)
+        if import_result == 0 and grant_result == 0:
+            return render_template('import_success.html')
+        else:
+            return render_template('import_error.html', 
+                                  error=f"Import result: {import_result}, Grant result: {grant_result}")
+    
     except Exception as e:
-        return render_template('error.html', error=str(e))
+        return render_template('import_error.html', error=str(e))
 
 if __name__ == '__main__':
     # Чекаємо кілька секунд для повного запуску MySQL
-    time.sleep(2)
+    time.sleep(5)
     app.run(host='0.0.0.0', port=7860)

import_success.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="uk">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Імпорт завершено</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
+    <style>
+        body { 
+            font-family: Arial, sans-serif; 
+            padding: 20px;
+        }
+        .card {
+            margin-bottom: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="d-flex justify-content-between align-items-center mb-4">
+            <h1>Імпорт бази даних "Employees"</h1>
+            <a href="/" class="btn btn-primary">На головну</a>
+        </div>
+        
+        <div class="card">
+            <div class="card-header bg-success text-white">
+                <h5>Імпорт успішно завершено!</h5>
+            </div>
+            <div class="card-body">
+                <div class="alert alert-success">
+                    <h4 class="alert-heading">Вітаємо!</h4>
+                    <p>База даних "Employees" успішно імпортована в MySQL.</p>
+                </div>
+                
+                <p>Тепер ви можете виконувати SQL-запити до бази даних "employees". Наприклад:</p>
+                
+                <pre><code>-- Перегляд кількості співробітників
+SELECT COUNT(*) FROM employees.employees;
+
+-- Перегляд структури бази даних
+SHOW TABLES FROM employees;
+
+-- Перегляд відділів
+SELECT * FROM employees.departments;</code></pre>
+                
+                <a href="/" class="btn btn-primary mt-3">Повернутися на головну сторінку</a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

start.sh

@@ -6,11 +6,11 @@ echo "Запуск MySQL..."
 
 # Чекаємо, поки MySQL запуститься
 echo "Очікування запуску MySQL..."
-sleep 20
+sleep 15
 
 # Перевірка, чи запустився MySQL
 echo "Перевірка стану MySQL..."
-for i in {1..10}; do
+for i in {1..5}; do
     if mysqladmin ping -h localhost -u root -proot_password --silent; then
         echo "MySQL успішно запущено"
         break
@@ -19,45 +19,6 @@ for i in {1..10}; do
     sleep 3
 done
 
-# Перевіряємо чи існує база employees
-echo "Перевірка наявності бази employees..."
-if mysql -u root -proot_password -e "SHOW DATABASES" | grep -q "employees"; then
-    echo "База даних employees вже існує"
-else
-    echo "База даних employees не знайдена, перевіряємо наявність скрипту імпорту..."
-    
-    # Перевіряємо, чи вже було виконано імпорт employees.sql
-    if [ -f /docker-entrypoint-initdb.d/01-employees.sql ]; then
-        echo "Файл імпорту знайдено, але база даних не створена. Можливо, виникла помилка під час імпорту."
-    else
-        echo "Файл імпорту не знайдено. Спробуємо завантажити базу даних з GitHub..."
-        
-        # Завантажуємо employees з GitHub якщо раптом не було завантажено під час збірки
-        mkdir -p /tmp/employees && \
-        cd /tmp/employees && \
-        git clone https://github.com/datacharmer/test_db.git && \
-        cd test_db && \
-        
-        # Імпортуємо базу даних
-        echo "Імпорт бази даних employees..."
-        mysql -u root -proot_password < employees.sql
-        
-        if [ $? -eq 0 ]; then
-            echo "База даних employees успішно імпортована!"
-        else
-            echo "Помилка під час імпорту бази даних employees!"
-        fi
-        
-        cd / && \
-        rm -rf /tmp/employees
-    fi
-fi
-
-# Надаємо права користувачу test_user на базу employees
-echo "Надання прав доступу до бази employees користувачу test_user..."
-mysql -u root -proot_password -e "GRANT ALL PRIVILEGES ON employees.* TO 'test_user'@'%';"
-mysql -u root -proot_password -e "FLUSH PRIVILEGES;"
-
 # Запуск Flask API
 echo "Запуск API на порту 7860..."
 python3 /app.py

templates/download.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="uk">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Завантаження бази даних Employees</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
+    <style>
+        body { 
+            font-family: Arial, sans-serif; 
+            padding: 20px;
+        }
+        .card {
+            margin-bottom: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="d-flex justify-content-between align-items-center mb-4">
+            <h1>Завантаження бази даних "Employees"</h1>
+            <a href="/" class="btn btn-primary">Назад</a>
+        </div>
+        
+        <div class="card mb-4">
+            <div class="card-header bg-primary text-white">
+                <h5>Імпорт бази даних</h5>
+            </div>
+            <div class="card-body">
+                <p>Ви збираєтеся завантажити та імпортувати базу даних "Employees" з репозиторію: <a href="https://github.com/datacharmer/test_db" target="_blank">https://github.com/datacharmer/test_db</a></p>
+                
+                <div class="alert alert-warning">
+                    <h4 class="alert-heading">Увага!</h4>
+                    <p>Процес імпорту може зайняти кілька хвилин. Будь ласка, не закривайте цю сторінку і не перезавантажуйте браузер під час імпорту.</p>
+                </div>
+                
+                <form action="/import_employees" method="post">
+                    <button type="submit" class="btn btn-success btn-lg">Почати імпорт</button>
+                </form>
+            </div>
+        </div>
+        
+        <div class="card">
+            <div class="card-header bg-info text-white">
+                <h5>Інформація про базу даних</h5>
+            </div>
+            <div class="card-body">
+                <p>База даних "Employees" - це навчальна база даних, яка містить приблизно 4 мільйони записів, розподілених по декількох таблицях:</p>
+                <ul>
+                    <li><strong>employees</strong> - дані про співробітників</li>
+                    <li><strong>departments</strong> - дані про відділи</li>
+                    <li><strong>dept_emp</strong> - зв'язок між співробітниками і відділами</li>
+                    <li><strong>dept_manager</strong> - дані про менеджерів відділів</li>
+                    <li><strong>titles</strong> - посади співробітників</li>
+                    <li><strong>salaries</strong> - дані про зарплати</li>
+                </ul>
+                <p>Після імпорту ви зможете виконувати SQL-запити до цієї бази даних для виконання наступних практичних завдань.</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

templates/error.html

@@ -3,20 +3,50 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Помилка</title>
+    <title>Помилка імпорту</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { 
+            font-family: Arial, sans-serif; 
+            padding: 20px;
+        }
+        .card {
+            margin-bottom: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+    </style>
 </head>
 <body>
-    <div class="container mt-4">
+    <div class="container">
         <div class="d-flex justify-content-between align-items-center mb-4">
-            <h1>Помилка</h1>
-            <a href="/" class="btn btn-primary">Назад</a>
+            <h1>Імпорт бази даних "Employees"</h1>
+            <a href="/" class="btn btn-primary">На головну</a>
         </div>
         
-        <div class="alert alert-danger">
-            <h4 class="alert-heading">Виникла помилка!</h4>
-            <p>{{ error }}</p>
+        <div class="card">
+            <div class="card-header bg-danger text-white">
+                <h5>Помилка імпорту</h5>
+            </div>
+            <div class="card-body">
+                <div class="alert alert-danger">
+                    <h4 class="alert-heading">Виникла помилка!</h4>
+                    <p>Не вдалося імпортувати базу даних "Employees".</p>
+                    <p><strong>Помилка:</strong> {{ error }}</p>
+                </div>
+                
+                <p>Можливі причини помилки:</p>
+                <ul>
+                    <li>Проблеми з підключенням до сервера GitHub</li>
+                    <li>Недостатньо місця на диску</li>
+                    <li>Помилка при виконанні SQL-скрипту</li>
+                    <li>Недостатньо прав доступу</li>
+                </ul>
+                
+                <p>Ви можете спробувати виконати імпорт ще раз або звернутися до адміністратора системи.</p>
+                
+                <a href="/download_employees" class="btn btn-primary mt-3">Спробувати ще раз</a>
+            </div>
         </div>
     </div>
 </body>

templates/index.html

@@ -5,33 +5,26 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>MySQL 8.0.22 для навчальних цілей</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { 
+            font-family: Arial, sans-serif; 
+            padding: 20px;
+        }
+        .card {
+            margin-bottom: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+        pre {
+            background-color: #f8f9fa;
+            padding: 15px;
+            border-radius: 5px;
+        }
+    </style>
 </head>
 <body>
-    <div class="container mt-4">
-        <h1 class="mb-4">MySQL Сервер 8.0.22 для навчальних цілей</h1>
-        
-        <!-- Навігація -->
-        <div class="card mb-4">
-            <div class="card-header bg-dark text-white">
-                <h5>Навігація</h5>
-            </div>
-            <div class="card-body">
-                <div class="row">
-                    <div class="col-md-4 mb-2">
-                        <a href="#sql-console" class="btn btn-primary w-100">SQL Консоль</a>
-                    </div>
-                    <div class="col-md-4 mb-2">
-                        <a href="/database/test_db" class="btn btn-secondary w-100">База даних test_db</a>
-                    </div>
-                    {% if employees_exists %}
-                    <div class="col-md-4 mb-2">
-                        <a href="/employees" class="btn btn-success w-100">База даних employees</a>
-                    </div>
-                    {% endif %}
-                </div>
-            </div>
-        </div>
+    <div class="container">
+        <h1 class="mb-4">MySQL 8.0.22 для навчальних цілей</h1>
         
         <!-- Статус сервера -->
         <div class="card mb-4">
@@ -41,64 +34,31 @@
             <div class="card-body">
                 {% if status.status == 'online' %}
                     <p><strong>Версія MySQL:</strong> {{ status.version }}</p>
-                    
-                    <!-- Інформація про базу employees -->
-                    {% if employees_exists %}
-                        <div class="alert alert-success">
-                            <h5>База даних "Employees" успішно імпортована!</h5>
-                            <p>Кількість таблиць: {{ employees_tables }}</p>
-                            <a href="/employees" class="btn btn-sm btn-outline-success">Переглянути деталі</a>
-                        </div>
-                    {% else %}
-                        <div class="alert alert-warning">
-                            <h5>База даних "Employees" не знайдена</h5>
-                            <p>Можливо, виникли проблеми при імпорті бази даних.</p>
-                        </div>
-                    {% endif %}
                 {% else %}
                     <p class="text-danger"><strong>Помилка:</strong> {{ status.error }}</p>
                 {% endif %}
             </div>
         </div>
         
-        <!-- Параметри підключення -->
+        <!-- Завдання 1.2 (Імпорт бази Employees) -->
         <div class="card mb-4">
-            <div class="card-header bg-info text-white">
-                <h5>Параметри підключення через API</h5>
+            <div class="card-header bg-primary text-white">
+                <h5>Завдання 1.2 - Імпорт бази даних "Employees"</h5>
             </div>
             <div class="card-body">
-                <p>Для виконання SQL запитів надсилайте POST запити на <code>/execute</code> з JSON тілом:</p>
-                <pre><code>{
-    "query": "ваш SQL запит",
-    "database": "назва_бази_даних" // опціонально, за замовчуванням "test_db"
-}</code></pre>
-                <p>Приклад використання з curl:</p>
-                <pre><code>curl -X POST https://mysql-itud-docsa.hf.space/execute \
-    -H "Content-Type: application/json" \
-    -d '{"query":"SELECT * FROM test", "database":"test_db"}'</code></pre>
-                
-                <p>Для роботи з базою даних employees:</p>
-                <pre><code>curl -X POST https://mysql-itud-docsa.hf.space/execute \
-    -H "Content-Type: application/json" \
-    -d '{"query":"SELECT * FROM employees LIMIT 5", "database":"employees"}'</code></pre>
+                <p>Для виконання завдання 1.2 вам потрібно завантажити і імпортувати базу даних "Employees".</p>
+                <a href="/download_employees" class="btn btn-success">Завантажити і імпортувати базу Employees</a>
+                <p class="mt-3">Процес імпорту може зайняти кілька хвилин. Після успішного імпорту база даних "employees" з'явиться у списку доступних баз даних.</p>
             </div>
         </div>
         
         <!-- SQL Консоль -->
-        <div class="card mb-4" id="sql-console">
+        <div class="card mb-4">
             <div class="card-header bg-primary text-white">
                 <h5>SQL Консоль</h5>
             </div>
             <div class="card-body">
                 <form action="/execute" method="post">
-                    <div class="mb-3">
-                        <label for="database" class="form-label">Виберіть базу даних:</label>
-                        <select class="form-select" id="database" name="database">
-                            {% for db in databases %}
-                                <option value="{{ db }}" {% if db == 'test_db' %}selected{% endif %}>{{ db }}</option>
-                            {% endfor %}
-                        </select>
-                    </div>
                     <div class="mb-3">
                         <label for="query" class="form-label">Введіть SQL запит:</label>
                         <textarea class="form-control" id="query" name="query" rows="6" placeholder="SELECT * FROM test"></textarea>
@@ -110,7 +70,6 @@
         
         <!-- Список баз даних і таблиць -->
         <div class="row">
-            <!-- Бази даних -->
             <div class="col-md-6">
                 <div class="card mb-4">
                     <div class="card-header bg-secondary text-white">
@@ -120,22 +79,16 @@
                         {% if databases %}
                             <ul class="list-group">
                                 {% for db in databases %}
-                                    <li class="list-group-item">
-                                        <a href="/database/{{ db }}">{{ db }}</a>
-                                        {% if db == 'employees' %}
-                                            <span class="badge bg-success">Навчальна база</span>
-                                        {% endif %}
-                                    </li>
+                                    <li class="list-group-item">{{ db }}</li>
                                 {% endfor %}
                             </ul>
                         {% else %}
-                            <p>Немає доступних баз даних або MySQL не запущено</p>
+                            <p>Немає доступних баз даних</p>
                         {% endif %}
                     </div>
                 </div>
             </div>
             
-            <!-- Таблиці -->
             <div class="col-md-6">
                 <div class="card mb-4">
                     <div class="card-header bg-secondary text-white">
@@ -145,27 +98,24 @@
                         {% if tables %}
                             <ul class="list-group">
                                 {% for table in tables %}
-                                    <li class="list-group-item">
-                                        <a href="/table/test_db/{{ table }}">{{ table }}</a>
-                                    </li>
+                                    <li class="list-group-item">{{ table }}</li>
                                 {% endfor %}
                             </ul>
                         {% else %}
-                            <p>Немає доступних таблиць або MySQL не запущено</p>
+                            <p>Немає доступних таблиць</p>
                         {% endif %}
                     </div>
                 </div>
             </div>
         </div>
         
-        <!-- Практичне завдання -->
+        <!-- Завдання 1.3 -->
         <div class="card mb-4">
             <div class="card-header bg-dark text-white">
-                <h5>Практичне заняття №1</h5>
+                <h5>Завдання 1.3</h5>
             </div>
             <div class="card-body">
-                <h5>Завдання 1.3</h5>
-                <p>Для виконання тестового завдання виконайте наступний SQL скрипт:</p>
+                <p>Для виконання завдання 1.3 виконайте наступний SQL скрипт:</p>
                 <pre><code>-- Нереформатований скрипт
 create table if not exists test (numbers int, words varchar (10));
 
@@ -175,15 +125,6 @@ CREATE TABLE IF NOT EXISTS test (
     words VARCHAR(10)      -- Поле для текстових значень максимум 10 символів
 );</code></pre>
                 <button class="btn btn-outline-primary" onclick="copyToQueryConsole('create table if not exists test (numbers int, words varchar (10));')">Копіювати до консолі</button>
-                
-                <h5 class="mt-4">Завдання із використанням - Бази даних "Employees"</h5>
-                <p>Завдання 1.2 виконане автоматично - базу даних "Employees" вже імпортовано в середовище MySQL.</p>
-                {% if employees_exists %}
-                    <p>Ви можете переглянути структуру та дані бази за посиланням:</p>
-                    <a href="/employees" class="btn btn-success">Переглянути базу "Employees"</a>
-                {% else %}
-                    <p class="text-danger">На жаль, база даних "Employees" не була успішно імпортована.</p>
-                {% endif %}
             </div>
         </div>
     </div>

templates/result.html

@@ -5,10 +5,25 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Результат SQL запиту</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { 
+            font-family: Arial, sans-serif; 
+            padding: 20px;
+        }
+        .card {
+            margin-bottom: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+        pre {
+            background-color: #f8f9fa;
+            padding: 15px;
+            border-radius: 5px;
+        }
+    </style>
 </head>
 <body>
-    <div class="container mt-4">
+    <div class="container">
         <div class="d-flex justify-content-between align-items-center mb-4">
             <h1>Результат запиту</h1>
             <a href="/" class="btn btn-primary">Назад</a>