Jobko - Job Search Mobile PWA HTML Template

# 项目简介 Jobko 是一套移动端优先的招聘求职应用 UI 模板，基于 Bootstrap 构建，支持 PWA（渐进式 Web 应用）。模板涵盖从注册登录、个人资料设置、职位搜索、投递申请到消息通知等完整求职流程，共 40+ 页面，适合快速开发招聘类 App 或响应式移动端网站。 ## 技术栈 - Bootstrap 5（布局与组件） - jQuery（DOM 操作与交互逻辑） - Swiper（轮播图） - noUiSlider（滑块控件） - niceSelect（下拉选择） - PWA（Service Worker + manifest.json） ## 项目结构 ``` 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` — 职位列表与搜索功能页面 ## 快速开始 1. 直接在浏览器中打开 `jobko/index.html` 2. 或使用任意静态服务器（如 `npx serve .`）在本地运行 3. 若要启用 PWA 功能，需部署至 HTTPS 环境 ## 使用建议 该模板已包含完整的用户旅程页面，建议在开发时将 `ui-*.html` 中的组件（如 Badge、Modal、Switch）按需复用至功能页面中；如需对接后端 API，只需将 HTML 中的静态数据替换为动态接口返回的 JSON 即可。