更新记录
1.0.0(2025-09-18)
星云直聘 - 更新日志
版本历史
v1.0.0 (2025-09-18)
新增功能
- 完成基础应用框架搭建
- 实现首页、职位列表、公司列表、消息列表、我的页面等核心页面
- 添加导航栏组件,统一页面顶部导航样式
- 实现职位搜索、筛选功能
- 完成简历编辑和预览功能
- 添加设置页面及相关子页面(关于我们、用户协议、意见反馈、隐私政策)
技术优化
- 统一导航栏组件样式和功能
修复问题
- 修复首页跳转到职位列表和公司列表的跳转方式
- 修复我的页面中设置页面的跳转路径
项目介绍
星云直聘是一个基于uni-app和uniCloud开发的专业招聘服务平台,提供职位发布、简历投递、在线面试、人才推荐等招聘服务功能,支持多平台部署(微信小程序、H5、APP)。
主要功能
核心功能
- 用户系统:注册、登录、个人资料管理、实名认证
- 职位浏览:职位分类、职位详情、薪资展示
- 求职管理:在线投递、申请管理、面试进度跟踪
- 企业信息:企业信息展示、评价系统
- 人才推荐:智能匹配、精准推荐、人才库管理
用户中心模块
- 个人主页:展示用户基本信息、求职统计、面试记录
- 编辑资料:修改用户头像、昵称、联系方式、工作经历
- 我的申请:管理用户的职位申请、查看申请进度
- 我的简历:查看和管理用户的简历信息
- 面试邀请:管理面试邀请和日程安排
- 设置:应用相关设置、隐私设置
技术栈
前端技术
- 框架:uni-app (Vue.js跨平台框架)
- UI组件库:vk-uview-ui
- 状态管理:Vuex
- 样式预处理:SCSS
后端技术
- 云开发:uniCloud (阿里云)
- 数据库:NoSQL数据库
- 用户系统:uni-id
- 云函数框架:vk-unicloud-router
项目结构
├── App.vue # 应用入口文件
├── main.js # 应用入口JS
├── pages.json # 页面路由配置
├── manifest.json # 应用配置文件
├── common/ # 公共资源
│ ├── css/ # 公共样式
│ └── function/ # 公共函数
├── components/ # 组件
│ ├── navbar/ # 导航栏组件
│ └── qa-tag-selector/ # 标签选择器组件
├── pages/ # 页面文件
│ ├── index/ # 首页
│ ├── job/ # 职位相关
│ │ ├── detail.vue # 职位详情
│ │ └── list.vue # 职位列表
│ ├── company/ # 企业相关
│ │ ├── detail.vue # 企业详情
│ │ └── list.vue # 企业列表
│ ├── message/ # 消息相关
│ │ ├── chat.vue # 聊天页面
│ │ └── list.vue # 消息列表
│ ├── mine/ # 我的页面
│ │ └── mine.vue # 个人中心
│ ├── resume/ # 简历相关
│ │ ├── edit.vue # 简历编辑
│ │ ├── index.vue # 简历首页
│ │ └── preview.vue # 简历预览
│ ├── search/ # 搜索页面
│ │ └── index.vue # 搜索首页
│ ├── setting/ # 设置相关
│ │ ├── about.vue # 关于我们
│ │ ├── agreement.vue # 用户协议
│ │ ├── feedback.vue # 意见反馈
│ │ ├── index.vue # 设置主页
│ │ └── privacy-policy.vue # 隐私政策
│ ├── collect/ # 收藏页面
│ │ └── index.vue # 收藏列表
│ └── deliver/ # 投递记录
│ └── index.vue # 投递列表
├── static/ # 静态资源
│ ├── logo.png # 应用Logo
│ └── tabbar/ # 底部导航栏图标
├── store/ # Vuex状态管理
├── uni_modules/ # uni-app模块
│ ├── uni-config-center/# 配置中心
│ ├── uni-id/ # 用户系统
│ ├── vk-uni-pay/ # 支付模块
│ ├── vk-unicloud/ # 云开发框架
│ └── vk-uview-ui/ # UI组件库
├── uniCloud-aliyun/ # uniCloud云开发资源
│ ├── cloudfunctions/ # 云函数
│ └── database/ # 数据库配置
├── utils/ # 工具函数
│ └── util.js # 通用工具
└── style/ # 样式文件
└── qa-theme.scss # 主题样式
安装指南
前置条件
- 安装HBuilderX编辑器
- 注册DCloud开发者账号
- 创建uniCloud云服务空间
项目导入
- 克隆或下载项目代码
- 在HBuilderX中导入项目
- 关联uniCloud云服务空间
云开发环境配置
- 右键点击
uniCloud
目录,选择运行云服务空间初始化向导
- 根据提示完成初始化配置
- 上传
common
模块和router
云函数
前端开发配置
-
main.js已配置uView UI引入
import uView from './uni_modules/vk-uview-ui'; Vue.use(uView);
-
App.vue已引入基础样式
<style lang="scss"> @import "./uni_modules/vk-uview-ui/index.scss"; </style>
-
uni.scss已引入全局变量
@import "@/uni_modules/vk-uview-ui/theme.scss";
功能页面说明
首页 (pages/index/index.vue)
应用的首页,展示热门职位、推荐企业和最新招聘活动,包含搜索栏、轮播图、职位分类、热门职位和推荐公司等内容区域。
职位列表 (pages/job/list.vue)
展示所有职位列表,支持地区、薪资、经验、学历等筛选功能,可查看职位详情和公司详情。
职位详情 (pages/job/detail.vue)
展示职位详细信息,包括职位要求、薪资待遇、企业介绍,支持投递和收藏功能。
公司列表 (pages/company/list.vue)
展示所有公司列表,支持地区、行业、规模、融资等筛选功能,可查看公司详情。
公司详情 (pages/company/detail.vue)
展示企业详细信息,包括企业介绍、在招职位、企业评价等,支持关注和查看所有职位。
消息列表 (pages/message/list.vue)
展示用户的消息列表,包括聊天消息和系统通知,支持查看聊天详情和标记通知为已读。
消息聊天 (pages/message/chat.vue)
用户与企业HR的聊天界面,支持发送消息、查看企业信息。
我的页面 (pages/mine/mine.vue)
用户个人中心,展示用户基本信息、求职统计、面试记录和功能入口,包括简历、投递记录、收藏等。
简历编辑 (pages/resume/edit.vue)
编辑个人简历,包括基本信息、求职意向、工作经历、教育经历、项目经历和专业技能等。
简历预览 (pages/resume/preview.vue)
预览个人简历,支持分享和下载功能。
搜索页面 (pages/search/index.vue)
提供职位搜索功能,包括搜索历史、热门职位和搜索结果展示。
设置页面 (pages/setting/index.vue)
应用相关设置,包括消息通知、深色模式等设置选项。
关于我们 (pages/setting/about.vue)
展示应用信息、公司介绍、产品特色、联系我们、更新日志和版权信息等。
用户协议 (pages/setting/agreement.vue)
展示用户协议的详细条款内容。
意见反馈 (pages/setting/feedback.vue)
提供常见问题解答、意见反馈和联系我们功能。
隐私政策 (pages/setting/privacy-policy.vue)
展示星云直聘隐私政策的详细条款内容。
收藏页面 (pages/collect/index.vue)
管理用户收藏的职位和公司,支持查看详情和取消收藏。
投递记录 (pages/deliver/index.vue)
管理用户的职位投递记录,包括已投递、被查看、面试邀请和不合适等状态。
开发说明
云函数调用方式
项目使用vk-unicloud-router框架,通过统一的云函数入口调用各业务逻辑:
vk.callFunction({
url: 'service路径',
data: { /* 请求参数 */ },
success: (res) => { /* 成功回调 */ }
});
数据库操作
使用vk.baseDao API简化数据库操作:
- 支持增删改查基本操作
- 提供连表查询、分页查询等高级功能
- 内置权限控制和数据过滤
页面跳转规范
- 跳转到底部导航栏页面(职位列表、公司列表、消息列表、我的页面)使用
uni.switchTab
- 跳转到非底部导航栏页面使用
uni.navigateTo
- 返回上一页使用
uni.navigateBack
- 重定向到页面使用
uni.redirectTo
发布部署
微信小程序
- 在manifest.json中配置微信小程序信息
- 选择发行 -> 小程序-微信
- 按照提示完成发布流程
H5
- 选择发行 -> H5
- 配置相关参数后生成H5包
- 部署到Web服务器
APP
- 选择发行 -> App云端打包
- 配置应用信息和证书
- 等待打包完成并下载安装包
注意事项
- 开发环境和生产环境需要分别配置
- 敏感信息如AppID、密钥等应配置在安全的地方
- 云函数修改后需要重新上传才能生效
- 数据库 schema 修改后需要同步更新
- 跳转到底部导航栏页面必须使用uni.switchTab,不能使用uni.navigateTo
License
Apache-2.0
平台兼容性
云端兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | √ |
uni-app(4.36)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
√ | × | × |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+