更新记录

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云服务空间

项目导入

  1. 克隆或下载项目代码
  2. 在HBuilderX中导入项目
  3. 关联uniCloud云服务空间

云开发环境配置

  1. 右键点击uniCloud目录,选择运行云服务空间初始化向导
  2. 根据提示完成初始化配置
  3. 上传common模块和router云函数

前端开发配置

  1. main.js已配置uView UI引入

    import uView from './uni_modules/vk-uview-ui';
    Vue.use(uView);
  2. App.vue已引入基础样式

    <style lang="scss">
    @import "./uni_modules/vk-uview-ui/index.scss";
    </style>
  3. 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

发布部署

微信小程序

  1. 在manifest.json中配置微信小程序信息
  2. 选择发行 -> 小程序-微信
  3. 按照提示完成发布流程

H5

  1. 选择发行 -> H5
  2. 配置相关参数后生成H5包
  3. 部署到Web服务器

APP

  1. 选择发行 -> App云端打包
  2. 配置应用信息和证书
  3. 等待打包完成并下载安装包

注意事项

  1. 开发环境和生产环境需要分别配置
  2. 敏感信息如AppID、密钥等应配置在安全的地方
  3. 云函数修改后需要重新上传才能生效
  4. 数据库 schema 修改后需要同步更新
  5. 跳转到底部导航栏页面必须使用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+


隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。