From 239efd40b05f13900f939e09ef42b57c6599f1ba Mon Sep 17 00:00:00 2001
From: ededov <dedoves06@gmail.com>
Date: Wed, 27 May 2026 14:56:05 +0300
Subject: [PATCH] Initial commit

---
 Dockerfile           |  13 ++
 app/app.py           | 375 +++++++++++++++++++++++++++++++++++++++++++
 app/init.sql         |   7 +
 app/requirements.txt |   2 +
 compose.yaml         |  61 +++++++
 nginx/default.conf   |  16 ++
 6 files changed, 474 insertions(+)
 create mode 100644 Dockerfile
 create mode 100644 app/app.py
 create mode 100644 app/init.sql
 create mode 100644 app/requirements.txt
 create mode 100644 compose.yaml
 create mode 100644 nginx/default.conf
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..ffec861
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,13 @@
+FROM python:3.12-slim
+
+WORKDIR /app
+
+COPY app/requirements.txt .
+
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY app/ .
+
+EXPOSE 5000
+
+CMD ["python", "app.py"]
\ No newline at end of file
diff --git a/app/app.py b/app/app.py
new file mode 100644
index 0000000..15aa4eb
--- /dev/null
+++ b/app/app.py
@@ -0,0 +1,375 @@
+from flask import Flask, render_template_string, request, redirect, url_for
+import psycopg2
+import os
+from datetime import datetime
+
+app = Flask(__name__)
+
+# Подключение к PostgreSQL
+def get_db_connection():
+    return psycopg2.connect(
+        host=os.environ.get('DB_HOST', 'postgres'),
+        database=os.environ.get('DB_NAME', 'blog'),
+        user=os.environ.get('DB_USER', 'blog_user'),
+        password=os.environ.get('DB_PASSWORD', 'blog_password')
+    )
+
+# Современный HTML шаблон
+INDEX_HTML = '''
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog | Dedov Egor BSMO-32-25</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        :root {
+            --bg-primary: #0d1117;
+            --bg-secondary: #161b22;
+            --bg-tertiary: #21262d;
+            --border-color: #30363d;
+            --text-primary: #c9d1d9;
+            --text-secondary: #8b949e;
+            --accent: #58a6ff;
+            --accent-hover: #1f6feb;
+            --success: #3fb950;
+        }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            line-height: 1.6;
+            min-height: 100vh;
+        }
+        
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+            padding: 40px 20px;
+        }
+        
+        header {
+            margin-bottom: 40px;
+            padding-bottom: 20px;
+            border-bottom: 1px solid var(--border-color);
+        }
+        
+        h1 {
+            font-size: 32px;
+            font-weight: 600;
+            margin-bottom: 8px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .badge {
+            display: inline-block;
+            padding: 4px 10px;
+            background: var(--bg-tertiary);
+            border: 1px solid var(--border-color);
+            border-radius: 20px;
+            font-size: 12px;
+            font-weight: 500;
+            color: var(--text-secondary);
+        }
+        
+        .info-bar {
+            display: flex;
+            gap: 20px;
+            margin-top: 12px;
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        .info-item {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+        
+        .section-title {
+            font-size: 20px;
+            font-weight: 600;
+            margin: 40px 0 20px 0;
+            color: var(--text-primary);
+        }
+        
+        .posts-container {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+        }
+        
+        .post {
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-color);
+            border-radius: 6px;
+            padding: 20px;
+            transition: border-color 0.2s;
+        }
+        
+        .post:hover {
+            border-color: var(--text-secondary);
+        }
+        
+        .post-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 12px;
+        }
+        
+        .post h3 {
+            font-size: 18px;
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .post-id {
+            font-size: 12px;
+            color: var(--text-secondary);
+            font-family: 'SF Mono', Monaco, Consolas, monospace;
+        }
+        
+        .post-content {
+            color: var(--text-secondary);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        
+        .empty-state {
+            text-align: center;
+            padding: 60px 20px;
+            color: var(--text-secondary);
+        }
+        
+        .empty-state-icon {
+            font-size: 48px;
+            margin-bottom: 16px;
+            opacity: 0.5;
+        }
+        
+        .form-container {
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-color);
+            border-radius: 6px;
+            padding: 24px;
+            margin-top: 32px;
+        }
+        
+        .form-group {
+            margin-bottom: 16px;
+        }
+        
+        label {
+            display: block;
+            font-size: 14px;
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: var(--text-primary);
+        }
+        
+        input, textarea {
+            width: 100%;
+            padding: 10px 12px;
+            background: var(--bg-primary);
+            border: 1px solid var(--border-color);
+            border-radius: 6px;
+            color: var(--text-primary);
+            font-size: 14px;
+            font-family: inherit;
+            transition: border-color 0.2s;
+        }
+        
+        input:focus, textarea:focus {
+            outline: none;
+            border-color: var(--accent);
+        }
+        
+        textarea {
+            resize: vertical;
+            min-height: 120px;
+            font-family: inherit;
+        }
+        
+        button {
+            background: var(--success);
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 6px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: background 0.2s;
+            width: 100%;
+        }
+        
+        button:hover {
+            background: #2ea043;
+        }
+        
+        button:active {
+            transform: scale(0.98);
+        }
+        
+        .btn-delete {
+            background: #da3633;
+            color: white;
+            border: none;
+            padding: 6px 12px;
+            border-radius: 6px;
+            font-size: 12px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: background 0.2s;
+            width: auto;
+        }
+        
+        .btn-delete:hover {
+            background: #b62324;
+        }
+        
+        .btn-delete:active {
+            transform: scale(0.98);
+        }
+        
+        footer {
+            margin-top: 60px;
+            padding-top: 20px;
+            border-top: 1px solid var(--border-color);
+            text-align: center;
+            color: var(--text-secondary);
+            font-size: 13px;
+        }
+        
+        @media (max-width: 600px) {
+            .container {
+                padding: 20px 16px;
+            }
+            
+            h1 {
+                font-size: 24px;
+            }
+            
+            .info-bar {
+                flex-direction: column;
+                gap: 8px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>
+                Blog System
+                <span class="badge">v1.0</span>
+            </h1>
+            <div class="info-bar">
+                <div class="info-item">
+                    <span>Author:</span>
+                    <span>Dedov Egor</span>
+                </div>
+                <div class="info-item">
+                    <span>Group:</span>
+                    <span>BSMO-32-25</span>
+                </div>
+                <div class="info-item">
+                    <span>Time:</span>
+                    <span>{{ current_time.strftime('%Y-%m-%d %H:%M:%S') }}</span>
+                </div>
+            </div>
+        </header>
+        
+        <main>
+            <h2 class="section-title">Blog Posts</h2>
+            
+            <div class="posts-container">
+                {% if posts %}
+                    {% for post in posts %}
+                        <div class="post">
+                            <div class="post-header">
+                                <h3>{{ post[1] }}</h3>
+                                <div style="display: flex; align-items: center; gap: 12px;">
+                                    <span class="post-id">#{{ post[0] }}</span>
+                                    <form method="POST" action="/delete/{{ post[0] }}" style="margin: 0;">
+                                        <button type="submit" class="btn-delete" onclick="return confirm('Delete this post?')">Delete</button>
+                                    </form>
+                                </div>
+                            </div>
+                            <div class="post-content">
+                                {{ post[2] }}
+                            </div>
+                        </div>
+                    {% endfor %}
+                {% else %}
+                    <div class="empty-state">
+                        <div class="empty-state-icon">-</div>
+                        <p>No posts yet. Create your first post below.</p>
+                    </div>
+                {% endif %}
+            </div>
+            
+            <div class="form-container">
+                <h2 class="section-title" style="margin-top: 0;">New Post</h2>
+                <form method="POST">
+                    <div class="form-group">
+                        <label for="title">Title</label>
+                        <input type="text" id="title" name="title" placeholder="Enter post title..." required>
+                    </div>
+                    <div class="form-group">
+                        <label for="content">Content</label>
+                        <textarea id="content" name="content" placeholder="Write post content..." required></textarea>
+                    </div>
+                    <button type="submit">Publish</button>
+                </form>
+            </div>
+        </main>
+        
+        <footer>
+            <p>Virtualization and Containerization Project · Dedov Egor · BSMO-32-25</p>
+        </footer>
+    </div>
+</body>
+</html>
+'''
+
+@app.route('/', methods=['GET', 'POST'])
+def index():
+    conn = get_db_connection()
+    cur = conn.cursor()
+    
+    if request.method == 'POST':
+        title = request.form['title']
+        content = request.form['content']
+        cur.execute('INSERT INTO posts (title, content) VALUES (%s, %s)', (title, content))
+        conn.commit()
+    
+    cur.execute('SELECT id, title, content FROM posts ORDER BY id DESC')
+    posts = cur.fetchall()
+    cur.close()
+    conn.close()
+    
+    return render_template_string(INDEX_HTML, posts=posts, current_time=datetime.now())
+
+@app.route('/delete/<int:post_id>', methods=['POST'])
+def delete_post(post_id):
+    conn = get_db_connection()
+    cur = conn.cursor()
+    cur.execute('DELETE FROM posts WHERE id = %s', (post_id,))
+    conn.commit()
+    cur.close()
+    conn.close()
+    return redirect(url_for('index'))
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000, debug=True)
\ No newline at end of file
diff --git a/app/init.sql b/app/init.sql
new file mode 100644
index 0000000..6e133d1
--- /dev/null
+++ b/app/init.sql
@@ -0,0 +1,7 @@
+-- Создаём таблицу для постов блога
+CREATE TABLE IF NOT EXISTS posts (
+    id SERIAL PRIMARY KEY,
+    title VARCHAR(200) NOT NULL,
+    content TEXT NOT NULL,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
\ No newline at end of file
diff --git a/app/requirements.txt b/app/requirements.txt
new file mode 100644
index 0000000..3ac9afe
--- /dev/null
+++ b/app/requirements.txt
@@ -0,0 +1,2 @@
+Flask==3.0.0
+psycopg2-binary==2.9.9
\ No newline at end of file
diff --git a/compose.yaml b/compose.yaml
new file mode 100644
index 0000000..b59a4c4
--- /dev/null
+++ b/compose.yaml
@@ -0,0 +1,61 @@
+version: '3.8'
+
+services:
+  # 1. PostgreSQL - база данных
+  postgres:
+    image: postgres:15-alpine  # лёгкая версия для ARM64
+    container_name: blog-postgres
+    environment:
+      POSTGRES_DB: blog
+      POSTGRES_USER: blog_user
+      POSTGRES_PASSWORD: blog_password
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+      - ./app/init.sql:/docker-entrypoint-initdb.d/init.sql  # скрипт инициализации
+    ports:
+      - "5432:5432"  # только для отладки, можно убрать
+    networks:
+      - blog-network
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U blog_user -d blog"]
+      interval: 5s
+      timeout: 5s
+      retries: 5
+
+  # 2. Flask-приложение (собирается из Dockerfile)
+  flask:
+    build: .  # использует Dockerfile в текущей папке
+    container_name: blog-flask
+    environment:
+      DB_HOST: postgres
+      DB_NAME: blog
+      DB_USER: blog_user
+      DB_PASSWORD: blog_password
+    depends_on:
+      postgres:
+        condition: service_healthy
+    networks:
+      - blog-network
+    # Не публикуем порт 5000 наружу, только через Nginx
+
+  # 3. Nginx - обратный прокси
+  nginx:
+    image: nginx:alpine
+    container_name: blog-nginx
+    ports:
+      - "80:80"  # основной вход в приложение
+    volumes:
+      - ./nginx/default.conf:/etc/nginx/conf.d/default.conf:ro
+    depends_on:
+      - flask
+    networks:
+      - blog-network
+
+# Тома для сохранения данных БД
+volumes:
+  postgres_data:
+
+# Сеть для всех сервисов
+networks:
+  blog-network:
+    driver: bridge
\ No newline at end of file
diff --git a/nginx/default.conf b/nginx/default.conf
new file mode 100644
index 0000000..bf6e63b
--- /dev/null
+++ b/nginx/default.conf
@@ -0,0 +1,16 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    location / {
+        proxy_pass http://flask:5000;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    }
+
+    # Обработка статики (если добавишь позже)
+    location /static/ {
+        alias /app/static/;
+    }
+}
\ No newline at end of file
