<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
    <title>用户管理 - Struts2 CRUD 示例</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 800px; margin: 50px auto; padding: 20px; }
        h1 { color: #e74c3c; }
        table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        th, td { border: 1px solid #ddd; padding: 12px; text-align: left; }
        th { background: #3498db; color: white; }
        tr:nth-child(even) { background: #f9f9f9; }
        .btn { padding: 5px 10px; text-decoration: none; border-radius: 3px; margin-right: 5px; }
        .btn-edit { background: #f39c12; color: white; }
        .btn-delete { background: #e74c3c; color: white; }
        .btn-add { background: #2ecc71; color: white; padding: 10px 20px; }
        .tip { background: #f9f9f9; padding: 15px; border-left: 4px solid #3498db; margin: 20px 0; }
    </style>
</head>
<body>
    <h1>👥 用户管理 - Struts2 CRUD 示例</h1>
    
    <p><a class="btn btn-add" href="user_edit">+ 添加用户</a></p>
    
    <table>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>邮箱</th>
            <th>年龄</th>
            <th>操作</th>
        </tr>
        <s:iterator value="userList" var="u">
            <tr>
                <td><s:property value="#u.id"/></td>
                <td><s:property value="#u.name"/></td>
                <td><s:property value="#u.email"/></td>
                <td><s:property value="#u.age"/></td>
                <td>
                    <a class="btn btn-edit" href="user_edit?id=<s:property value='#u.id'/>">编辑</a>
                    <a class="btn btn-delete" href="user_delete?id=<s:property value='#u.id'/>" onclick="return confirm('确定删除?')">删除</a>
                </td>
            </tr>
        </s:iterator>
    </table>
    
    <div class="tip">
        <strong>学习点:</strong>
        <ul>
            <li><code>&lt;s:iterator&gt;</code> 遍历集合</li>
            <li><code>redirectAction</code> 结果类型实现 PRG 模式</li>
            <li>动态方法调用处理不同操作</li>
        </ul>
    </div>
    
    <p><a href="learn">← 返回学习中心</a></p>
</body>
</html>