Jobie v3.0 - 求职板管理仪表板模板 preview 1

Jobie v3.0 - 求职板管理仪表板模板

bookmark

Jobie 是一套基于 Bootstrap 的招聘平台管理后台 HTML 模板,提供仪表盘、职位管理、简历投递、邮件系统、电商模块、图表可视化等完整页面,适合快速搭建招聘网站或 HR 管理系统前端原型。

HTML

项目简介

Jobie 是一套基于 Bootstrap 的招聘平台管理后台 HTML 模板,提供仪表盘、职位管理、简历投递、邮件系统、电商模块、图表可视化等完整页面,适合快速搭建招聘网站或 HR 管理系统前端原型。

技术栈

  • Bootstrap 4 / Bootstrap 5
  • 静态 HTML + CSS + JavaScript
  • jQuery(部分页面)
  • 第三方插件:Chartist、Owl Carousel、jQVMap、DataTables、SweetAlert、Toastr 等

项目结构

text
Jobie-v3.0/
├── BS-4/
│   ├── doc/               # 官方文档(入口为 index.html)
│   └── xhtml/             # 核心模板目录
│       ├── index.html     # 主仪表盘
│       ├── css/           # 样式文件
│       ├── vendor/        # 第三方依赖(global、charts、jqvmap 等)
│       ├── images/        # 图片资源
│       ├── icons/         # 多套图标库
│       ├── index2.html    # 仪表盘变体
│       ├── search-job.html
│       ├── application.html
│       ├── companies.html
│       ├── profile.html
│       ├── statistics.html
│       ├── email-*.html   # 邮件模块(收件箱/撰写/阅读)
│       ├── ecom-*.html    # 电商模块(产品/订单/客户/结算)
│       ├── form-*.html    # 表单页面
│       ├── chart-*.html   # 图表页面
│       ├── table-*.html   # 表格页面
│       ├── ui-*.html      # UI 组件示例
│       ├── uc-*.html      # 第三方组件示例
│       ├── page-*.html    # 认证/错误页面
│       └── widget-*.html
├── BS-5/                  # Bootstrap 5 版本(目录结构同 BS-4)
└── THEMELOCK.COM.*        # 下载渠道标识(可忽略)

核心文件说明

  • BS-4/xhtml/index.html — 主仪表盘入口,包含侧边导航和主要数据卡片
  • BS-4/xhtml/css/style.css — 全局样式文件,整合所有组件样式
  • BS-4/xhtml/js/custom.min.js — 主要业务逻辑脚本
  • BS-4/xhtml/js/deznav-init.js — 侧边栏导航初始化配置
  • BS-4/doc/index.html — 官方文档(含目录结构说明和插件列表)
  • BS-4/xhtml/page-login.html — 登录页面模板

快速开始

  1. 下载并解压模板包
  2. 直接在浏览器打开 BS-4/xhtml/index.html 即可预览完整效果
  3. 如需本地服务,推荐使用 VS Code Live Server 或 python -m http.server

使用建议

  • 模板提供 BS-4 和 BS-5 两个版本,根据项目依赖选择其中一套即可,无需同时使用
  • 侧边栏导航和全局脚本已在 deznav-init.js 中配置完毕,复制页面时确保引入相同的 CSS 和 JS 文件
help_outline

常见问题