项目描述:项目以 “精准查询、便捷操作、数据可靠” 为核心定位,覆盖二手车基础信息、车况关联、业务合规等核心查询场景,同时兼顾用户操作习惯与微信生态的适配性,无需复杂注册流程,支持快速访问、一键查询、结果留存与分享,满足个人用户购车前的信息核验需求,以及经销商日常业务中的数据查询与高效展业需求。通过整合合规数据源与优化查询逻辑,实现查询结果实时反馈、数据精准可追溯,助力降低二手车交易决策成本,提升行业信息流通效率。
基础框架与语法:
核心采用微信官方推荐的 WXML(结构层)、WXSS(样式层)、JS(逻辑层) 开发,熟悉小程序原生语法是基础;
若追求高效开发或复杂组件复用,可选用主流框架:uni-app(跨端兼容,后续可快速扩展到支付宝小程序等)、Taro(React 语法风格,适合前端团队技术栈统一)。
核心页面与组件设计
关键页面:查询首页(输入入口)、VIN 码 / 车牌号输入页、查询结果详情页、历史查询记录页、业务指南说明页、个人中心(如需);
核心组件:输入框(支持 VIN 码 / 车牌号格式校验)、加载组件(查询中状态提示)、弹窗组件(异常提示 / 结果确认)、滚动组件(展示长文本车况信息)、分享组件(支持查询结果截图 / 小程序分享);
适配性:支持微信小程序自适应不同手机屏幕尺寸(使用 rpx 单位替代 px,自动适配屏幕宽度),兼容 iOS/Android 双系统。
前端交互与体验优化
输入校验:实时校验 VIN 码(17 位字符)、车牌号(符合国内车牌格式,含新能源车牌),避免无效输入;
状态反馈:查询中显示加载动画,查询失败给出明确提示(如 “网络异常”“VIN 码无效”),查询成功清晰展示结构化数据;
本地缓存:使用小程序 wx.setStorageSync/wx.getStorageSync 缓存用户历史查询记录(非敏感数据),方便用户快速复用查询条件,提升操作效率;
极简操作:遵循微信小程序 “免注册、快访问” 特性,优先支持微信快捷登录(无需手机号注册),减少用户操作门槛。