【Hello AI 科技致善】用 SOLO 打造大学生职业发展系统-以物流行业为例

SOLO挑战赛专区
1

① 摘要

面向物流行业求职者和从业者，在职业规划和技能提升场景下提供智能岗位画像和个性化学习路线生成服务，目前通过演示数据验证有效。

② 真实场景与需求

目标人群

  • 物流行业求职者：包括应届生、转行人员和在职提升者

  • 物流行业从业者：希望提升技能、规划职业发展路径的现有从业人员

痛点描述

  • 信息过载：物流行业岗位种类繁多，仅招聘平台就存在2,610种不同的职位名称，导致求职者难以了解岗位需求和技能要求

  • 职业规划迷茫：缺乏清晰的职业发展路径和学习路线指导

  • 技能提升困难：不知道需要学习哪些技能，以及学习的优先级和顺序

现有做法

  • 传统职业规划：依赖长辈、朋友的经验分享，信息碎片化且不够专业

  • 招聘网站：仅提供岗位描述，缺乏系统化的技能分析和学习指导

  • 培训课程：针对性不强，难以满足个性化需求

  • 成本高：专业职业咨询服务费用昂贵，难以持续

③ 作品介绍

作品类型

Web应用工具，基于React + Ant Design构建的前端界面，FastAPI构建的后端服务。

核心功能

  1. 岗位搜索：支持输入三级职位名称，智能匹配对应的岗位簇

  2. 岗位画像：从技能要求、薪资分析、工作内容等五个维度展示岗位特征

  3. 学习路线：根据岗位需求，生成分阶段的学习路径和技能提升建议

  4. 数据可视化：使用ECharts展示薪资分布等数据

  5. 响应式设计：适配不同设备尺寸

④ 用 SOLO 实现的过程

任务拆解

1.需求分析：理解物流行业岗位画像和学习路线生成的核心需求

利用mtc模式来完善我的整个想法

image
image1928×1160 131 KB

2.数据准备：整理物流行业岗位数据，构建岗位簇和技能体系

然后上传文档和招聘数据到code模式搭建项目框架

image
image2304×1073 145 KB

3.后端开发：实现API接口，支持岗位数据的获取和搜索

image
image1438×880 75.4 KB

4.前端开发：构建用户界面，实现搜索、展示和交互功能

5.功能测试：验证系统的正确性和用户体验

成功后测试页面，有问题继续发送给ai解决

image
image1373×855 36.7 KB
聚类出来的岗位簇，没有按照二级职位类型聚类，继续修改，优化成功。

image
image1151×749 41.9 KB

image
image1109×897 59.8 KB

又出现问题了，继续扔给ai，并且调用技能库里的前端页面优化

image
image1123×1084 73.3 KB

最后结果

image
image2037×1044 196 KB

使用的 SOLO 能力

  • 代码生成：生成前端和后端代码

  • 问题调试：解决代码中的错误和问题

  • 前端设计：优化用户界面的美观性和可用性

  • 数据处理：构建岗位数据和技能体系

  • **项目总结：**按比赛要求总结了项目

image
image1766×941 56.1 KB

image
image1489×871 52.9 KB

关键操作过程

  1. 后端实现：

    • 创建 FastAPI 项目结构

    • 实现岗位数据加载和API接口

    • 构建岗位簇和技能体系

  2. 前端实现：

    • 创建 React 项目，集成 Ant Design

    • 实现搜索功能和结果展示

    • 构建岗位详情页面，包含五维度画像和学习路线

    • 优化界面设计，提升用户体验

  3. 功能优化：

    • 实现三级职位搜索功能

    • 添加相似度搜索算法

    • 优化搜索结果的准确性

踩过的坑

  1. 前端设计：初期界面设计不够简约大气，经过多次调整才达到满意的效果

  2. 搜索功能：最初只支持精确匹配，后来添加了相似度搜索和关键词匹配，提高了搜索的准确性

  3. 数据结构：岗位数据的结构设计需要考虑灵活性和扩展性，经过多次调整才确定最终方案

  4. 浏览器兼容性：在测试过程中遇到了浏览器兼容性问题，通过调整代码解决

⑤ 成果展示

项目结构

  • 后端：FastAPI 服务，提供岗位数据和API接口

  • 前端：React + Ant Design，构建用户界面

  • 数据：结构化的岗位簇和技能体系

核心文件

  • [App.jsx](file:///workspace/logistics-career-system/frontend/src/App.jsx)：前端主界面，实现搜索和结果展示

  • [JobDetail.jsx](file:///workspace/logistics-career-system/frontend/src/components/JobDetail.jsx)：岗位详情页面，展示五维度画像和学习路线

  • [data_loader.py](file:///workspace/logistics-career-system/backend/services/data_loader.py)：后端数据加载服务，构建岗位簇和技能体系

  • [demoData.js](file:///workspace/logistics-career-system/frontend/src/utils/demoData.js)：前端演示数据

功能展示

  1. 搜索功能：支持输入三级职位名称，如"采购工程师"、"物流专员"等

  2. 岗位画像：展示岗位的核心技能、典型岗位、薪资分布等信息

  3. 学习路线：生成分阶段的学习路径，包括技能要求和学习内容

⑥ 验证方式与下一步

验证方式

成功后进行测试，可以正确关联到岗位簇，并给出岗位画像，生成学习路线

image
image1100×1062 53.2 KB

image
image984×831 34.1 KB

image
image1543×1216 76.1 KB

image
image1503×1110 66.4 KB

  • 模拟测试：通过输入不同的岗位名称，验证搜索结果的准确性

  • 功能测试：测试系统的各项功能是否正常工作

  • 用户体验测试：评估界面的美观性和易用性

2

非常不错，很有启发！

1 个赞