校园二手交易平台 - 前端开发
技术栈:Vue 3、Vue Router、Axios、Vite、HTML5/CSS3
使用 Vue 3 搭建单页应用前端,基于 Vue Router 设计首页、物品列表、物品详情、发布物品、个人中心、后台管理等核心页面,实现无刷新路由切换和状态管理。
封装 Axios 请求模块,统一管理物品、用户、交易、评价等 REST 接口调用,完成物品搜索筛选、分页浏览、详情展示等数据交互功能。
负责物品发布与编辑页面开发,包含多图上传预览、前端表单校验等功能,并集成后端 AI 图片识别接口,自动推荐物品分类和描述,降低用户输入成本。
校园二手书循环利用APP - 前端开发
基于uni-app框架开发的跨平台校园二手书交易应用,实现书籍发布、检索、交易等核心功能。
技术栈 前端框架:uni-app + Vue.js UI
组件库:uView UI
开发工具:HBuilderX
主要工作内容 1. 核心功能模块开发 用户认证系统:实现登录、注册页面,包含表单验证、密码记忆功能 首页功能:轮播图展示、最新书籍动态加载、功能导航入口 书籍检索:实现搜索框、分类筛选(全部/教材/课外书)、搜索历史管理 书籍发布:表单设计、图片上传、ISBN扫码、成色评分、表单验证 书籍详情:书籍信息展示、描述内容合并、图片加载优化 个人中心:用户信息展示、统计数据、功能菜单、书籍管理 2. 技术实现要点 HTTP请求封装:统一封装request.js,处理加载状态、错误提示 数据映射处理:处理后端返回数据的字段映射(如bookName/book_name) 图片加载优化:实现getAvatarUrl方法,处理相对路径和默认图片 日期范围计算:实现14天日期范围算法,用于最新发布书籍筛选 页面跳转管理:实现页面间参数传递(id/bookId兼容处理) 本地存储管理:使用uni.getStorageSync管理用户信息和登录状态 3. UI/UX优化 响应式布局:适配不同屏幕尺寸,使用rpx单位 交互体验:加载状态提示、操作反馈、错误处理 数据展示:书籍列表卡片式设计、状态标签显示 导航结构:底部TabBar导航、页面间流畅跳转