①摘要
面向所有对职业好奇或想提升生活技能的人,在"不知道该选什么职业"“不了解某个职业真实情况”"想学点生活常识"的场景下,提供1669个职业深度信息+800条生活常识+7个AI智能体实时问答。目前通过 腾讯云 线上部署的网站,可直接访问体验。
不想看下面的解说即可点击线上地址: http://110.40.167.39/baishitong/
后续还会完善的,希望能给你们带来帮助
②真实场景与需求
目标人群: 所有人 — 学生选专业、求职者找方向、转行者了解新行业、或者单纯想学点生活常识提升自己的人。
痛点描述:
想了解一个职业,但网上信息碎片化,搜出来的要么是招聘广告,要么是空泛的介绍,不知道这个职业具体每天干什么、赚多少、怎么入行
选专业/找工作时很迷茫,不知道自己适合什么
生活中遇到各种小问题(怎么做饭、怎么收纳、怎么理财),没有一个集中的地方可以学
现有做法: 百度搜索、问家长老师、刷短视频。问题是信息不系统、不够深入、真假难辨,而且没有一个工具能把职业信息和生活常识整合在一起。
③作品介绍
百事通是一个纯前端的免费网页应用,无需下载安装,打开即用。核心功能:
职业百科: 1669个职业,覆盖8大行业分类,每个职业包含概述、薪资范围、工作环境、适合人群、优缺点、5级学习路径(起步期→发展期→提升期→突破期→引领期)
生活常识: 800条,涵盖烹饪、收纳、养生、数码、法律、理财等10大分类,支持分类浏览和关键词搜索
7个AI智能体: 职业顾问、简历助手、面试教练、学习规划师、职场导师、测评分析师、百事通助手,支持DeepSeek、通义千问、智谱GLM、Kimi、GPT、Claude等多个模型
职业测评: 基于霍兰德RIASEC理论,测评后AI智能解读结果并推荐职业方向
职业对比: 多维度对比不同职业,帮助决策
学习计划: 为目标职业生成个性化学习路径,可一键复制到AI对话获取建议
签到+成就: 30个成就激励持续探索
视觉体验: 暗色/亮色主题、手机/电脑自适应、流光边框特效
④用 SOLO 实现的过程
整个项目是用 SOLO 从零开始,一步步迭代出来的:
第一阶段:数据驱动 — 搭建职业数据库
一开始的想法很简单:想让AI介绍一个职业怎么干、要干什么、如何学习。用SOLO搜索职业数据,按照大类→中类→具体职业的三级结构来整理:
先搭建8大行业大类框架(负责人、专业技术人员、办事人员、社会生产服务、农林牧渔、生产制造、军人、其他)
然后逐个搞中类(比如"专业技术人员"下面有科研、工程、卫生、金融等中类)
中类搭好后再往里面填充具体职业信息(薪资、环境、优缺点、5级学习路径等)
一个中类一个任务地完成,最终覆盖了1669个职业
第二阶段:功能迭代 — 缺什么加什么
数据有了之后开始想"还缺什么",逐步迭代:
用户不知道自己适合什么 → 加了职业测评(霍兰德RIASEC)
想对比几个职业做选择 → 加了职业对比功能
想要个性化学习路径 → 加了学习计划生成
想直接和AI对话提问 → 加了AI智能问答,设计了7个不同方向的智能体
想到现实中很多人也需要学习生活常识来提升自己 → 加了800条生活常识,涵盖烹饪、收纳、养生、数码、法律、理财等10大分类,让产品不只是职业工具,更是一个能帮到所有人日常生活的"百事通"
第三阶段:体验优化 — 提升视觉效果
功能做完后,问SOLO怎么提升视觉效果和用户体验:
加了流光边框、发光按钮、粒子背景等视觉特效
暗色/亮色主题切换
手机/电脑自适应布局
签到系统+30个成就增加用户粘性
免责声明页面全部用内联SVG,不依赖JS也能正常显示
遇到问题的心态: 中间卡住的时候不硬冲,停下来沉淀一下,想清楚是哪里出了问题,搜一搜、问一问就解决了。整个过程就是这样一步步过来的,没有多复杂。
⑤成果展示
线上地址: http://110.40.167.39/baishitong/
技术栈: 纯前端(HTML + CSS + JavaScript),Vite构建,GitHub 云服务器部署
数据规模: 1669个职业 + 800条生活常识,
AI集成: 7个智能体,支持6+个主流AI模型
⑥验证方式与下一步
线上可访问,所有功能均可实际体验
AI智能体可实际对话,支持用户自带API Key
职业测评→AI解读→职业推荐的完整链路可用
手机和电脑端均可正常使用