项目简介
Jobko 是一套移动端优先的招聘求职应用 UI 模板，基于 Bootstrap 构建，支持 PWA（渐进式 Web 应用）。模板涵盖从注册登录、个人资料设置、职位搜索、投递申请到消息通知等完整求职流程，共 40+ 页面，适合快速开发招聘类 App 或响应式移动端网站。
技术栈
- Bootstrap 5（布局与组件）
- jQuery（DOM 操作与交互逻辑）
- Swiper（轮播图）
- noUiSlider（滑块控件）
- niceSelect（下拉选择）
- PWA（Service Worker + manifest.json）
项目结构
text
jobko/
├── index.html # 首页
├── _manifest.json # PWA 清单
├── _service-worker.js # Service Worker
├── all-job.html # 全部职位列表
├── search-job.html # 职位搜索页
├── job-detail.html # 职位详情
├── apply-job.html # 申请职位
├── profile.html # 个人主页
├── setup-profile.html # 资料设置引导
├── message-inbox.html # 消息收件箱
├── sign-in.html # 登录页
├── sign-up.html # 注册页
├── onboarding-*.html # 新手引导页
├── skill-assess*.html # 技能评估页
├── ui-*.html # UI 组件示例页
├── css/
│ ├── bootstrap.min.css
│ ├── styles.css # 主样式
│ └── nouislider.min.css
├── js/
│ ├── main.js # 交互逻辑（主题切换、OTP 输入等）
│ └── init.js # PWA 初始化
└── fonts/ # 图标字体
核心文件说明
index.html— 应用首页，包含搜索框、最新职位列表js/main.js— 核心交互逻辑：密码显示切换、OTP 输入自动跳转、主题明暗切换、Datepicker 初始化等css/styles.css— 自定义样式，覆盖 Bootstrap 默认风格，定义暗色主题样式_manifest.json— PWA 配置文件，定义应用名称、图标及启动方式all-job.html/search-job.html— 职位列表与搜索功能页面
快速开始
- 直接在浏览器中打开
jobko/index.html - 或使用任意静态服务器（如
npx serve .）在本地运行 - 若要启用 PWA 功能，需部署至 HTTPS 环境
使用建议
该模板已包含完整的用户旅程页面，建议在开发时将 ui-*.html 中的组件（如 Badge、Modal、Switch）按需复用至功能页面中；如需对接后端 API，只需将 HTML 中的静态数据替换为动态接口返回的 JSON 即可。
