展会客户声音录入_系统开发案例-程序员客栈

企业展会接待客户，讲师可通过小程序录入客户的声音，管理员可将汇总的客户声音以Excel方式导出。

1. 角色设定，讲师或管理员。
2. 客户声音录入，可以语音转文字
3. 讲师可以编辑、查看自己的录入的记录。
4. 管理员可以编辑、查看汇总的记录并导出记录。

一、项目概述
本项目是一个面向企业内部使用的客户反馈信息录入与查询系统，主要功能包括：
用户身份切换（管理员 / 一般用户）
客户基本信息及反馈内容的表单录入
按讲师工号实时查询历史反馈记录
管理员专属的汇总预览入口
系统注重用户体验一致性、权限隔离和操作便捷性，适用于培训、售后等需要快速收集客户意见的业务场景。
二、技术栈
前端框架：微信小程序原生开发（WXML + WXSS + JavaScript）
状态管理：Page 级 data + setData（轻量级，无复杂状态）
UI 规范：自定义组件化样式体系，参考 Ant Design 色彩规范（如 #1890ff、#07c160）
本地存储：wx.setStorageSync / wx.getStorageSync（用于持久化用户身份）
网络请求：wx.request（对接企业内网 API，模拟数据暂未接入）
开发工具微信开发者工具（基础库 ≥ 2.15.0）
💡 项目未引入第三方框架（如 Taro、uni-app），以保持轻量、快速启动和对小程序平台特性的深度适配。
三、实现亮点
1. 精细化 UI 布局与视觉一致性
使用 Flex 布局实现头部身份栏、双列工号/姓名、按钮组等复杂对齐
所有输入框、按钮采用统一圆角（12rpx ~ `20rpx`）、字号（`28rpx` ~ 32rpx）和色彩体系
通过 line-height、align-items: center 等细节确保文本垂直居中，提升专业感
2. 响应式交互体验
按钮添加 :active 伪类反馈（背景色变深），增强点击感知
输入框聚焦时边框高亮（绿色 #07c160），符合用户预期
工号输入限制为 type="number" + maxlength="6"，防止无效输入
3. 轻量级权限控制
无需后端鉴权，前端通过本地存储的 userType