作品集/ Portfolio

Portfolio / 2026 Open to opportunities

把想法,做成
可用的产品。

这里收录我参与设计与开发的 Web、移动端与鸿蒙项目。八个完整案例,记录需求、架构与实现中的取舍。

全栈 / 多端 08 个项目 持续更新

Selected Work

精选项目

八个完整的 Web、移动端与鸿蒙项目,记录从需求、架构到实现的过程。

08 / 08

登录 / 注册
预约座位 · 选择自习室
预约座位 · 选中座位
我的预约
意见反馈
学习统计
公告通知
违约记录
管理后台 · 数据概览
管理后台 · 预约管理
管理后台 · 自习室管理
管理后台 · 时间段管理
管理后台 · 座位管理
管理后台 · 用户管理
管理后台 · 反馈处理
管理后台 · 公告管理
Project 01
16 张 · 左右滑动

Project 01 · Full-stack

校园自习室座位预约系统

2026.10 – 2026.11 · 独立开发

面向校园自习室的座位预约平台,支持在线选座、签到签退、信用分约束与违约后候补自动递补。

  • Vue 3
  • TypeScript
  • Element Plus
  • Spring Boot
  • MyBatis-Plus
  • MySQL

Mobile H5 / 12 screens

左右滑动浏览 · 点击查看大图

Project 02 · Mobile H5

甜蜜时光 · 甜品商城 H5

2026.07 – 2026.08 · 前端负责人

移动端甜品电商 H5 商城,前后端分离,覆盖商品浏览、购物车、下单支付、优惠券积分等完整购买链路,适配手机端浏览与操作。

  • Vue3
  • Vite
  • Vue Router
  • Pinia
  • Vant
  • Axios
green-campus.market
登录 / 注册
首页 · 商品浏览
商品列表
发布闲置商品
我的消息
我的订单
我的发布
我的收藏
个人资料
管理后台 · 仪表盘

Native Frontend / 16 pages

绿意流转

校园二手集市

10 张 · 左右滑动

Project 03 · Native Frontend

绿意流转 · 校园二手集市

2026.01 – 2026.04 · 独立开发

面向校园的二手闲置交易平台,覆盖商品发布、搜索筛选、站内私信、订单流转与管理后台,全部页面以原生 HTML/CSS/JS 独立实现。

  • HTML5
  • CSS3
  • JavaScript
  • Fetch API
  • 响应式布局

Highlights

  1. 01

    基于 Fetch 封装公共请求库,统一 {code,msg,data} 响应、401 自动跳登录与异常分级提示,支撑 16 个页面 40+ 处接口调用

  2. 02

    基于 FileReader 实现多图本地预览、拖拽上传、单张删除与 5 张上限,配合 FormData 完成 multipart 提交

  3. 03

    聊天页 3s 增量轮询(比对最新消息 ID 才重绘)+ 全局未读角标 30s 轮询,登录态前置判断减少无效请求

Gitee 源码
01 / 06 商品平铺式列表

Project 04 · Java Web

Web 旅游管理系统

2025.11 – 2025.12 · 小组组长

“走着瞧旅游管理系统”是一个面向旅游行业的 B2C 电子商务平台。系统采用基于角色的权限控制模式,为不同用户群体(游客/用户、旅游团、系统管理员)提供差异化的功能服务。平台实现了旅游产品的在线展示、购买、管理等功能闭环,旨在提升旅游产品销售效率,优化用户体验。

  • Java
  • Servlet
  • JSP
  • JDBC
  • MySQL
Gitee 源码
课程学习 · 我的课程
选择课程
学习计划 · 打卡
AI 学习助手
个人中心 · 学习数据
个人中心 · 学科能力
个人中心 · 资料与设置
设置

HarmonyOS Next / ArkTS

三问

高效学习机

8 张 · 左右滑动

Project 05 · HarmonyOS

鸿蒙三问高效学习机

2026.05 – 2026.06 · 独立开发

基于 HarmonyOS 的智能学习应用,用三问学习法生成知识图谱、学术分歧与深度测评,构建可验证的学习闭环。

  • ArkTS
  • HarmonyOS Next
  • ArkUI
  • DeepSeek
  • 通义千问
  • Preferences

Highlights

  1. 01

    以“心智模型 → 学术分歧 → 深度测评”三问流程强制顺序推进,知识图谱、双栏观点对比与布鲁姆六维测评各自独立成页

  2. 02

    封装 1800+ 行 AI 服务层,接入通义千问 qwen-plus 与 DeepSeek,统一处理提示词、超时重试、错误降级与结果解析

  3. 03

    用 Canvas 自绘知识图谱、能力雷达图、折线/柱状图,配合 Preferences 用户数据隔离与悬浮宠物、打卡、徽章等激励体系

Gitee 源码
主菜单
游戏设置
战斗画面
战局暂停
选择关卡
选择坦克

6 张 · 左右滑动

ArkTS / Canvas 2D

坦克大战

HarmonyOS 端侧游戏

6 张截图 · 点击查看大图

Project 06 · HarmonyOS Game

坦克大战

2026.03 – 2026.04 · 独立开发

基于 ArkTS + Canvas 2D 的坦克对战游戏,含关卡配置、四种敌人 AI、道具与音效系统,针对端侧做了帧率与碰撞检测优化。

  • ArkTS
  • ArkUI
  • Canvas 2D
  • HarmonyOS
  • AudioKit
  • Preferences
首页 · 今日记录
AI 记录 · 营养卡片
趋势 · 体重目标
转盘 · 今天吃什么
食谱广场
我的定制食谱
照片墙
角色广场
角色详情
我的
提醒消息设置
乐跑
跑步地图
今日记录
食物录入
登录
性别选择
饮食偏好
食谱详情
19 张 · 左右滑动
Project 07

Project 07 · AI / Mobile

HealthCecipe 健康饮食助手

2026.05 – 2026.06 · 独立开发

以虚拟角色陪伴为入口的饮食健康 App,支持聊天式记录、AI 营养分析与个性化食谱推荐。

  • Java
  • Android
  • SQLite
  • OkHttp
  • 高德地图 SDK
  • 通义千问 API

Highlights

  1. 01

    接入通义千问 qwen-plus 流式接口,聊天中实时返回食物热量、碳水、蛋白质与脂肪分析,并以卡片消息结构化入库

  2. 02

    支持自定义虚拟角色的称呼、关系、性格与头像,将饮食记录包装成对话交互,降低日常打卡成本

  3. 03

    四步向导按外食、轻断食、自制三类场景生成三餐食谱,并结合热量目标、体重趋势与桌面小组件形成闭环

Gitee 源码
明细 · 本月支出与预算
对话式记账
选择年月
周收支统计
分类占比环形图
资产 · 净资产
新建资产账户
我的 · 数据与设置
支出分类
收入分类
10 张 · 左右滑动
Project 08

Project 08 · Android / AI

小乖记账

2026.04 – 2026.05 · 独立开发

基于 AI 对话与语音识别的 Android 记账本,自然语言记账、多维度统计与资产管理一站式完成。

  • Java
  • Android
  • SQLite
  • MPAndroidChart
  • OkHttp
  • 通义千问 API

Highlights

核心亮点

  1. 01

    对话式记账
    接入通义千问大模型,把“午餐 25 元、昨天打车”解析为日期/分类/金额/备注并自动入库

  2. 02

    语音输入
    AudioRecord 录音 + 百度语音识别,说完自动转文字并完成一笔记账

  3. 03

    数据可视化
    MPAndroidChart 实现周/月/年柱状图与分类环形图,基于 SQLite 聚合查询统计收支

  4. 04

    资产负债
    支持 10 类账户的资产录入、净资产汇总与月预算进度展示

Gitee 源码

八个项目 · 持续更新中

Let's build something

有想法,
就一起把它做出来。

如果你也在准备一个 Web、移动端或鸿蒙项目,欢迎来 Gitee 看看我的代码与项目。

Gitee · 查看源码
08 Projects Web · Mobile · HarmonyOS