项目简介
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— 登录页面模板
快速开始
- 下载并解压模板包
- 直接在浏览器打开
BS-4/xhtml/index.html即可预览完整效果 - 如需本地服务,推荐使用 VS Code Live Server 或
python -m http.server
使用建议
- 模板提供 BS-4 和 BS-5 两个版本,根据项目依赖选择其中一套即可,无需同时使用
- 侧边栏导航和全局脚本已在
deznav-init.js中配置完毕,复制页面时确保引入相同的 CSS 和 JS 文件
