115 lines
6.7 KiB
HTML
115 lines
6.7 KiB
HTML
<h2>页面结构与路由设计</h2>
|
||
<p class="subtitle">三个区域的页面划分</p>
|
||
|
||
<div style="display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px;">
|
||
|
||
<!-- 公开门户 -->
|
||
<div style="flex: 1; min-width: 240px; background: #1e293b; border-radius: 10px; overflow: hidden; border: 1px solid #334155;">
|
||
<div style="background: #0c4a6e; padding: 10px 14px;">
|
||
<span style="font-weight: 700; color: #38bdf8;">公开门户</span>
|
||
<span style="font-size: 11px; color: #7dd3fc; margin-left: 8px;">无需登录</span>
|
||
</div>
|
||
<div style="padding: 12px 14px; font-size: 12px;">
|
||
<div style="display: flex; flex-direction: column; gap: 6px;">
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #38bdf8; font-family: monospace;">/</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">首页（职位推荐 + 公司展示 + 搜索入口）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #38bdf8; font-family: monospace;">/jobs</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">职位列表（搜索 + 筛选：公司/地点/薪资/类别）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #38bdf8; font-family: monospace;">/jobs/:id</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">职位详情（描述 + 要求 + 投递按钮）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #38bdf8; font-family: monospace;">/companies</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">公司列表</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #38bdf8; font-family: monospace;">/companies/:id</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">公司详情 + 该公司在招职位</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #38bdf8; font-family: monospace;">/login /register</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">求职者登录 / 注册</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 求职者中心 -->
|
||
<div style="flex: 1; min-width: 240px; background: #1e293b; border-radius: 10px; overflow: hidden; border: 1px solid #334155;">
|
||
<div style="background: #312e81; padding: 10px 14px;">
|
||
<span style="font-weight: 700; color: #a5b4fc;">求职者中心</span>
|
||
<span style="font-size: 11px; color: #c7d2fe; margin-left: 8px;">需登录（seeker）</span>
|
||
</div>
|
||
<div style="padding: 12px 14px; font-size: 12px;">
|
||
<div style="display: flex; flex-direction: column; gap: 6px;">
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #a5b4fc; font-family: monospace;">/seeker/resume</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">我的简历（填写/编辑在线简历 + 上传附件）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #a5b4fc; font-family: monospace;">/seeker/applications</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">我的投递（投递记录 + 状态跟踪）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #a5b4fc; font-family: monospace;">/seeker/profile</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">账号设置（修改密码/邮箱/手机）</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 管理后台 -->
|
||
<div style="flex: 1; min-width: 240px; background: #1e293b; border-radius: 10px; overflow: hidden; border: 1px solid #334155;">
|
||
<div style="background: #4a1d96; padding: 10px 14px;">
|
||
<span style="font-weight: 700; color: #ddd6fe;">管理后台</span>
|
||
<span style="font-size: 11px; color: #ede9fe; margin-left: 8px;">需登录（admin / superadmin）</span>
|
||
</div>
|
||
<div style="padding: 12px 14px; font-size: 12px;">
|
||
|
||
<div style="color: #f472b6; font-size: 11px; font-weight: 600; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.05em;">公司管理员</div>
|
||
<div style="display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px;">
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #f9a8d4; font-family: monospace;">/admin/jobs</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">职位管理（列表 / 新建 / 编辑 / 上下架）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #f9a8d4; font-family: monospace;">/admin/applications</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">投递管理（查看简历 / 更新状态 / 备注）</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="color: #fb923c; font-size: 11px; font-weight: 600; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.05em;">超管专属</div>
|
||
<div style="display: flex; flex-direction: column; gap: 6px;">
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #fdba74; font-family: monospace;">/admin/organizations</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">组织架构管理（增删改查子公司）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #fdba74; font-family: monospace;">/admin/users</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">用户管理（创建公司管理员 / 禁用账号）</div>
|
||
</div>
|
||
<div style="background: #0f172a; border-radius: 6px; padding: 8px 10px;">
|
||
<div style="color: #fdba74; font-family: monospace;">/admin/jobs （全局视图）</div>
|
||
<div style="color: #94a3b8; margin-top: 2px;">查看所有公司的职位</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div style="margin-top: 16px; background: #0f172a; border-radius: 8px; padding: 14px; border: 1px solid #334155; font-size: 12px; color: #94a3b8;">
|
||
<strong style="color: #e2e8f0;">路由守卫规则：</strong>
|
||
<ul style="margin: 8px 0 0 16px; line-height: 2;">
|
||
<li>未登录访问 /seeker/* → 跳转登录页，登录后返回原页面</li>
|
||
<li>未登录访问 /admin/* → 跳转管理员登录页</li>
|
||
<li>admin 角色访问超管页面 → 403 提示</li>
|
||
<li>seeker 角色访问 /admin/* → 403 提示</li>
|
||
</ul>
|
||
</div>
|