Upload 2 files

app.py

@@ -0,0 +1,193 @@
+import gradio as gr
+import datetime
+import pandas as pd
+
+# --- 模擬資料庫 ---
+# 格式： "帳號": ["密碼", "角色名稱", "顯示姓名"]
+USER_DB = {
+    "student": ["1234", "學生", "林宸平"], 
+    "teacher": ["1234", "老師", "王教授"],
+    "admin": ["1234", "行政", "行政人員"],
+    "ta": ["1234", "TA", "系統助教"],
+    "sysadmin": ["1234", "系統管理員", "管理員"]
+}
+
+# 全域變數來儲存 Log
+log_history = []
+
+def record_log(ip, cookie, account, role, action, status):
+    """將行為記錄到模擬的資料庫中"""
+    new_log = {
+        "timestamp": datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+        "ip_address": ip,
+        "cookie_id": cookie,
+        "account": account,
+        "role": role,
+        "action": action,
+        "status": status
+    }
+    log_history.append(new_log)
+    # 返回最新的 DataFrame 更新畫面
+    return pd.DataFrame(log_history)
+
+def process_login(ip, cookie, account, password, captcha):
+    """處理登入邏輯並記錄 Log"""
+    # 預設驗證碼
+    valid_captcha = "FEIK"
+    
+    # 檢查帳號是否存在
+    if account not in USER_DB:
+        df = record_log(ip, cookie, account, "Unknown", "login_attempt", "failed_no_account")
+        return gr.update(visible=True), gr.update(visible=False), "帳號不存在！", gr.update(), df
+        
+    role = USER_DB[account][1]
+    name = USER_DB[account][2]
+    
+    # 檢查驗證碼
+    if captcha.upper() != valid_captcha:
+        df = record_log(ip, cookie, account, role, "login_attempt", "failed_captcha")
+        return gr.update(visible=True), gr.update(visible=False), "驗證碼錯誤！", gr.update(), df
+        
+    # 檢查密碼
+    if USER_DB[account][0] == password:
+        welcome_msg = f"**{name}** 歡迎您  |  線上人數: 938"
+        df = record_log(ip, cookie, account, role, "login_attempt", "success")
+        # 登入成功：隱藏登入區塊，顯示系統區塊
+        return gr.update(visible=False), gr.update(visible=True), "", welcome_msg, df
+    else:
+        df = record_log(ip, cookie, account, role, "login_attempt", "failed_password")
+        return gr.update(visible=True), gr.update(visible=False), "密碼錯誤！", gr.update(), df
+
+def simulate_click(ip, cookie, account, button_name):
+    """模擬登入後點擊系統選單的行為"""
+    role = USER_DB.get(account, ["", "Unknown"])[1]
+    action_name = f"click_{button_name}"
+    df = record_log(ip, cookie, account, role, action_name, "success")
+    return df
+
+def logout(ip, cookie, account):
+    """處理登出並記錄"""
+    role = USER_DB.get(account, ["", "Unknown"])[1]
+    df = record_log(ip, cookie, account, role, "logout", "success")
+    # 登出後清空輸入框
+    return gr.update(visible=True), gr.update(visible=False), "", "", "", "", df
+
+# --- UI 介面設計 ---
+custom_css = """
+.mock-panel { background-color: #f0f4f8; padding: 15px; border-radius: 8px; border: 1px dashed #7b9bb3; }
+.login-container { max-width: 500px; margin: 0 auto; padding: 20px; }
+.placeholder-box { background-color: #e9ecef; border: 2px dashed #ced4da; text-align: center; color: #6c757d; padding: 40px 0; margin-bottom: 15px; border-radius: 5px; }
+.ntut-title { color: #d9534f; font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px;}
+"""
+
+with gr.Blocks(title="模擬校園入口與Log收集系統", css=custom_css) as demo:
+    
+    with gr.Row():
+        # ==========================================
+        # 左側：後端 Log 與環境模擬區
+        # ==========================================
+        with gr.Column(scale=1, elem_classes="mock-panel"):
+            gr.Markdown("### ⚙️ 環境變數模擬器\n*(負責控制右側使用者的連線狀態)*")
+            
+            mock_ip = gr.Dropdown(
+                label="模擬來源 IP", 
+                choices=["140.124.71.55 (校內)", "140.124.18.22 (宿舍)", "211.75.2.11 (校外ISP)", "45.33.22.11 (國外異常IP)"], 
+                value="140.124.71.55 (校內)",
+                allow_custom_value=True
+            )
+            mock_cookie = gr.Textbox(
+                label="模擬 Cookie Session ID", 
+                value="sess_a1b2c3d4e5",
+                placeholder="手動輸入或使用預設值"
+            )
+            
+            gr.Markdown("---")
+            gr.Markdown("### 📊 即時 Log 收集區")
+            log_display = gr.Dataframe(
+                headers=["timestamp", "ip_address", "cookie_id", "account", "role", "action", "status"],
+                datatype=["str", "str", "str", "str", "str", "str", "str"],
+                interactive=False,
+                wrap=True
+            )
+
+        # ==========================================
+        # 右側：正常使用者介面
+        # ==========================================
+        with gr.Column(scale=2):
+            
+            # --- 狀態 1: 登入畫面 ---
+            with gr.Column(visible=True, elem_classes="login-container") as login_view:
+                gr.HTML("<div class='placeholder-box'>預留位置：台北科大 Logo 與 e化校園圖片</div>")
+                
+                gr.Markdown("<div class='ntut-title'>校園入口網站 Taipei Tech Portal</div>")
+                login_msg = gr.Markdown(value="", visible=True)
+                
+                with gr.Row():
+                    acc_input = gr.Textbox(label="使用者帳號 (Account)", placeholder="例如: student, admin...")
+                with gr.Row():
+                    pwd_input = gr.Textbox(label="使用者密碼 (Password)", type="password", placeholder="密碼皆為 1234")
+                
+                with gr.Row():
+                    gr.HTML("<div style='background:#fdfd96; padding:10px; font-weight:bold; letter-spacing: 3px; border:1px solid #ccc; text-align:center;'>F E I K</div>")
+                with gr.Row():
+                    captcha_input = gr.Textbox(label="請輸入驗證碼 (Keyin Code)")
+                    
+                login_btn = gr.Button("登入 Login", variant="primary")
+                gr.Markdown("*測試帳號：student (學生), teacher (老師), admin (行政), ta (助教), sysadmin (管理員)*")
+
+            # --- 狀態 2: 登入後儀表板 ---
+            with gr.Column(visible=False) as dashboard_view:
+                gr.HTML("<div class='placeholder-box'>預留位置：學生學習歷程入口網站橫幅 (Banner)</div>")
+                
+                with gr.Row():
+                    gr.Markdown("### 資訊系統")
+                    welcome_text = gr.Markdown(value="", elem_classes="text-right")
+                    logout_btn = gr.Button("登出", size="sm")
+
+                gr.Markdown("---")
+                
+                with gr.Accordion("▼ 教務系統", open=True):
+                    with gr.Row():
+                        btn_course_en = gr.Button("▶ 課程系統英文版", size="sm")
+                        btn_course = gr.Button("▶ 課程系統", size="sm")
+                        btn_select = gr.Button("▶ 新生網路選課系統", size="sm")
+                        
+                with gr.Accordion("▼ 學務系統", open=True):
+                    with gr.Row():
+                        btn_student_query = gr.Button("▶ 學生查詢專區", size="sm")
+                        btn_leave = gr.Button("▶ 學生請假系統", size="sm")
+                        
+                with gr.Accordion("▼ 總務系統", open=False):
+                    btn_payment = gr.Button("▶ 線上繳費系統", size="sm")
+
+    # --- 綁定事件 ---
+    
+    # 登入動作
+    login_btn.click(
+        fn=process_login,
+        inputs=[mock_ip, mock_cookie, acc_input, pwd_input, captcha_input],
+        outputs=[login_view, dashboard_view, login_msg, welcome_text, log_display]
+    )
+    
+    # 登出動作
+    logout_btn.click(
+        fn=logout,
+        inputs=[mock_ip, mock_cookie, acc_input],
+        outputs=[login_view, dashboard_view, acc_input, pwd_input, captcha_input, login_msg, log_display]
+    )
+
+    # 綁定選單點擊動作到 Log 系統
+    # 使用迴圈與 default argument (n=name) 確保 lambda 綁定正確的值
+    for btn, name in [
+        (btn_course_en, "course_en"), (btn_course, "course_system"), 
+        (btn_select, "course_selection"), (btn_student_query, "student_query"), 
+        (btn_leave, "leave_system"), (btn_payment, "payment_system")
+    ]:
+        btn.click(
+            fn=lambda ip, c, acc, n=name: simulate_click(ip, c, acc, n),
+            inputs=[mock_ip, mock_cookie, acc_input],
+            outputs=[log_display]
+        )
+
+if __name__ == "__main__":
+    demo.launch()

requirements.txt

@@ -0,0 +1,3 @@
+gradio>=4.0.0
+pandas
+scikit-learn>=1.3.0