毕业设计实战：基于SSM+Vue+MySQL的小型企业客户关系管理系统设计与实现全流程指南

小飞计算机毕设
17 阅读21分钟

毕业设计实战：基于SSM+Vue+MySQL的小型企业客户关系管理系统设计与实现全流程指南

在开发“基于SSM+Vue+MySQL的小型企业客户关系管理系统”毕业设计时，曾因“客户走访表未通过客户ID与客户表建立外键关联”踩过关键坑——初期仅在两张表单独设计编号字段，未设置关联约束，导致管理员查询某客户的走访记录、反馈建议时，需手动匹配客户编号与走访数据，耗费1.3天重构表结构、补全关联SQL才解决问题📝。基于此次实战经验，本文将系统拆解从需求分析、技术选型、功能实现到测试验收的全流程要点，附避坑技巧与实操细节，为同类毕设提供可落地的实施指南。

一、需求分析：锚定客户关系管理核心诉求，避免功能冗余返工

部分同学在毕设初期易陷入“功能堆砌”误区，比如笔者曾耗时2天开发“客户数据可视化大屏模块”，最终因偏离“客户管理、产品订单、反馈建议、客户走访”核心需求被导师要求删减。明确“用户角色-核心功能”对应关系，是降低返工率的关键前提。

1. 核心用户与功能拆解（优化后角色权限体系）

系统核心用户分为管理员、普通员工两类，前期曾因混淆“员工”与“管理员”的“客户信息修改权限”，导致员工可自行删除客户数据，明确角色边界后系统数据规范性显著提升，具体功能分工如下：

管理员端（核心必做功能）
  • 全维度信息管控：
    • 人员管理：含员工管理（维护员工账号，支持新增、密码重置、禁用违规账号，按姓名/手机号筛选）、管理员管理（新增子管理员、分配权限、查看操作日志，如“2024-06-01 管理员A修改客户B信息”）；
    • 字典管理：配置系统固定选项（如产品类型、公告类型、反馈建议类型），确保数据规范性（如产品类型仅可选“电子产品”“书籍文具”“生活用品”，反馈类型限定“产品问题”“服务建议”“其他”）；
  • 核心业务处理：
    • 客户管理：维护客户档案（新增客户时自动生成客户编号，上传客户照片，记录姓名、手机号、行业、职位等信息）；查看客户列表（按行业/地区筛选，禁用无效客户账号），处理客户信息修改与删除，关联客户走访与反馈数据；
    • 产品与订单管理：录入产品信息（名称、原价/现价、所属仓库、产品介绍，上传产品照片）；审核产品订单（查看销售编号、客户信息、销售金额、快递单号），统计订单完成率，导出订单数据（Excel格式）；
    • 反馈与走访管理：查看客户反馈建议（按反馈类型/状态筛选，处理“已解决/未解决”状态更新）；审核客户走访记录（查看走访标题、内容、附件，关联对应客户与员工），确保客户维护流程可追溯；
  • 信息发布与维护：
    • 公告管理：发布产品更新、服务通知等公告（填写标题、类型、内容，上传附件），按发布时间倒序展示，设置“重要公告”（首页弹窗提示），删除失效公告。
普通员工端（核心需求功能）
  • 客户与业务操作：
    • 客户维护：查看名下客户列表（按客户姓名/编号筛选），新增客户走访记录（填写走访标题、内容、时间，上传附件），提交客户反馈建议（记录客户诉求，标注反馈类型）；
    • 订单处理：查看产品列表（按类型筛选，了解产品库存与价格），创建产品订单（选择客户、产品，填写销售数量、快递信息），跟踪订单状态（待审核/已完成/已取消）；
  • 信息查询与互动：
    • 数据查询：查看个人负责的客户走访记录与反馈处理结果，导出客户信息报表；浏览管理员发布的公告，按类型筛选（如“产品通知”“服务提醒”）；
    • 基础操作：修改个人资料（更新头像、手机号、邮箱），重置密码，查看个人操作记录（如“2024-06-02 员工C创建客户D订单”）。

2. 需求分析避坑要点（实战经验总结）

  • 拒绝空想调研：邀请5-6名同学模拟“管理员录入产品-员工创建订单-客户反馈建议”“员工提交客户走访记录-管理员审核”场景，收集真实诉求。例如，基于员工“快速关联客户与走访数据”需求，增设“客户-走访记录一键关联”功能，实用性远高于冗余的“数据可视化大屏”；
  • 绘制可视化用例图：用DrawIO绘制核心用例图（如“管理员-客户信息维护”“员工-产品订单创建”“管理员-反馈建议处理”），汇报时直观呈现逻辑，避免纯文字描述偏差；
  • 明确约束条件：提前规定“客户照片/产品照片仅限JPG/PNG（≤5MB）”“客户编号自动生成（格式：KH+年份+序号，如KH2024001）”“订单销售金额≥10元”“反馈建议内容≥10字”“公告标题≥5字、内容≥30字”，为编码提供明确依据。

3. 可行性分析：从五维度论证，提升毕设专业性

可行性分析是开题关键，需避免泛泛而谈“可行”，从以下维度具体展开：

  • 时间可行性：预留2个月开发周期，拆分“需求分析（7天）→ 环境搭建（5天）→ 数据库设计（7天）→ 功能开发（28天）→ 测试验收（13天）”，每日投入3小时，结合导师指导可按时完成；
  • 经济可行性：开发工具均为免费/开源（IDEA/Eclipse社区版、MySQL 5.7、Tomcat 8.5），硬件用个人笔记本，开发成本为零；系统上线后可替代传统客户管理模式（如Excel记录客户、纸质订单存档），减少数据丢失（原手工管理丢失率15%，系统上线后降至1%）、提升管理效率；
  • 操作可行性：界面参考主流客户管理平台交互逻辑，高频功能（客户查询、订单创建、反馈提交）置于首页，经测试，员工3分钟内可完成客户走访记录提交，管理员2分钟内可掌握客户信息录入操作；
  • 技术可行性：SSM框架、Vue、MySQL均为高校核心课程内容，资料丰富（如《SSM框架实战》《MySQL从入门到精通》），技术门槛可控；需注意避免Tomcat 10版本，前期联调时出现Servlet API兼容问题，切换至Tomcat 8.5后解决；
  • 法律可行性：技术与工具均为开源授权，无版权纠纷；客户/员工数据（身份证号、联系方式）遵循《个人信息保护法》，仅收集客户管理必需信息，论文与源码无抄袭，符合法律要求。

二、技术选型：优先稳定适配，拒绝盲目追新

前期曾跟风选用Java 11+Vue 3+Redis技术栈，因Redis缓存配置不当导致客户订单数据重启后丢失，调试耗时1.1天。后续调整为“Java 8+SSM（Spring+Spring MVC+MyBatis）+Vue 2.x+MySQL 5.7+Tomcat 8.5”组合，兼顾稳定性与开发效率，适合新手上手。

1. 核心技术栈选型说明（含避坑提醒）

技术工具选型理由避坑提醒
Java 8语法简洁，支持面向对象编程，与SSM框架、Tomcat 8.5兼容性最佳，满足多角色权限、客户管理流程（客户录入-订单创建-反馈处理）开发避免Java 11+版本，部分旧依赖（如commons-fileupload）支持不完善，易出现客户照片上传IO异常
SSM框架Spring负责依赖注入与事务管理，Spring MVC处理请求分发，MyBatis简化数据库操作，高效实现客户管理、产品订单等模块开发配置Spring事务需覆盖核心业务（如订单创建与库存扣减），避免数据不一致；MyBatis映射文件需检查字段对应关系，前期因字段名不匹配导致客户数据查询为空
Vue 2.x轻量级前端框架，支持组件化开发，快速实现动态页面（客户列表、订单表单、反馈建议页面），数据绑定简化前后端交互避免Vue 3.x版本，部分UI组件（ElementUI）兼容不足，易出现订单筛选表单校验错误；配置axios拦截器处理请求超时、身份验证问题
MySQL 5.7支持事务与外键，满足多表关联（客户-走访记录、客户-反馈建议、员工-订单），utf8mb4编码解决客户姓名、产品名称生僻字乱码安装时手动设编码为utf8mb4，默认编码会导致订单备注含特殊符号乱码；开启事务确保客户信息修改与走访记录同步原子性
IDEA/Eclipse社区版Eclipse轻量易用，适合Java新手入门；IDEA支持SSM、MySQL插件，断点调试便捷，代码提示更丰富，可按需选择安装“Maven Helper”插件管理依赖，避免手动导Jar包版本冲突，前期因缺失mybatis-spring依赖导致数据库连接失败
Tomcat 8.5适配Java 8与SSM框架，部署简单，支持热部署（修改代码无需重启服务器）避免Tomcat 10版本，与SSM框架存在Servlet API兼容问题，易出现页面无法访问；端口设为8081（默认8080易冲突）

2. 开发环境搭建步骤（实操指南）

  1. 安装JDK 1.8：配置“JAVA_HOME”“Path”环境变量，cmd执行“java -version”显示“1.8.x”即为成功；
  2. 安装开发工具与插件：选择IDEA或Eclipse社区版，IDEA需安装“Vue.js”“Maven Helper”插件，Eclipse需安装“Spring Tools 4”插件，配置JDK为1.8，编码设为UTF-8；
  3. 安装MySQL 5.7：用Navicat创建数据库“small_business_crm_system”，编码utf8mb4，执行脚本创建表（客户表、产品表、订单表等）；
  4. 配置Tomcat 8.5：解压后在开发工具中配置服务器，测试访问http://localhost:8081，出现默认页面即成功；
  5. 创建SSM项目：通过开发工具创建Maven项目，pom.xml引入Spring、Spring MVC、MyBatis、MySQL Driver等依赖，配置applicationContext.xml（Spring配置）、spring-mvc.xml（请求映射）、mybatis-config.xml（数据库连接）；
  6. 前端开发与联调：用Vue+ElementUI开发登录、客户列表、订单创建页面，打包后放入WebRoot目录，编写“查询客户列表”接口，前端调用成功即环境搭建完成。

三、数据库设计：精简核心关联，避免数据混乱

数据库是客户关系管理系统的核心，前期因未关联“客户走访表”与“客户表”，导致无法追溯走访记录对应的客户反馈、订单数据，后续用“实体-属性-关系”分析法梳理，效率显著提升。

1. 核心表结构设计（精简版，共9张核心表）

  • 管理员表（admin）：id（主键）、username（账号，唯一）、password（MD5加密）、role（角色）、addtime（新增时间）；
  • 员工表（employee）：id（主键）、emp_code（员工编号，唯一）、emp_name（姓名）、emp_phone（手机号，唯一）、emp_id_card（身份证号，唯一）、emp_avatar（头像路径）、emp_email（邮箱）、account_status（账户状态，0=正常，1=禁用）、create_time（创建时间）；
  • 客户表（customer）：id（主键）、cust_code（客户编号，唯一）、emp_id（员工ID，外键关联员工表id）、cust_name（姓名）、cust_phone（手机号，唯一）、cust_id_card（身份证号，唯一）、cust_photo（照片路径）、cust_email（邮箱）、cust_address（住址）、industry_type（行业）、position_type（职位）、create_time（创建时间）；
  • 产品表（product）：id（主键）、prod_code（产品编号，唯一）、prod_name（名称）、prod_photo（照片路径）、unit（单位）、prod_type（产品类型）、original_price（原价）、current_price（现价）、warehouse（所属仓库）、prod_intro（介绍）、insert_time（录入时间）、create_time（创建时间）；
  • 产品订单表（product_order）：id（主键）、order_code（订单编号，唯一）、emp_id（员工ID，外键关联员工表id）、cust_id（客户ID，外键关联客户表id）、prod_id（产品ID，外键关联产品表id）、sales_type（销售类型）、sales_method（销售方式）、express_company（快递公司）、express_no（快递单号）、sales_quantity（销售数量）、sales_amount（销售金额）、sales_time（销售时间）、create_time（创建时间）；
  • 客户反馈表（customer_feedback）：id（主键）、feedback_code（反馈编号，唯一）、cust_id（客户ID，外键关联客户表id）、emp_id（员工ID，外键关联员工表id）、feedback_title（反馈标题）、feedback_file（反馈附件路径）、feedback_type（反馈类型）、feedback_time（反馈时间）、feedback_content（反馈内容）、feedback_status（反馈状态，0=未解决，1=已解决）、create_time（创建时间）；
  • 客户走访表（customer_visit）：id（主键）、visit_code（走访编号，唯一）、cust_id（客户ID，外键关联客户表id）、emp_id（员工ID，外键关联员工表id）、visit_title（走访标题）、visit_file（走访附件路径）、visit_type（走访类型）、visit_time（走访时间）、visit_content（走访内容）、create_time（创建时间）；
  • 公告表（announcement）：id（主键）、ann_code（公告编号，唯一）、ann_title（标题）、ann_file（附件路径）、ann_type（公告类型）、exec_time（执行时间）、ann_content（内容）、publish_time（发布时间）、create_time（创建时间）；
  • 字典表（dictionary）：id（主键）、dic_code（字段）、dic_name（字段名）、code_index（编码）、index_name（编码名称）、parent_id（父字段id）、remark（备注）、create_time（创建时间）。

2. 核心表关联测试（提前验证，避免返工）

建表后立即测试关联逻辑，步骤如下：

  1. 插入测试数据：客户表（id=1，cust_name=“王总”，cust_code=“KH2024001”，emp_id=1，industry_type=“制造业”）、客户走访表（id=1，visit_code=“ZF20240601001”，cust_id=1，emp_id=1，visit_title=“产品使用回访”）、客户反馈表（id=1，feedback_code=“FK20240601001”，cust_id=1，emp_id=1，feedback_status=1）；
  2. 编写JOIN查询SQL，验证“某客户的走访与反馈关联”：
SELECT c.cust_name, c.cust_code, c.industry_type, c.position_type,
       v.visit_code, v.visit_title, v.visit_time, v.visit_content,
       f.feedback_code, f.feedback_title, f.feedback_status, f.feedback_content,
       e.emp_name, e.emp_phone
FROM customer c
JOIN customer_visit v ON c.id = v.cust_id
JOIN customer_feedback f ON c.id = f.cust_id
JOIN employee e ON c.emp_id = e.id
WHERE c.id = 1;

若能查询出“客户信息（姓名、编号、行业、职位）、走访记录（编号、标题、时间、内容）、反馈建议（编号、标题、状态、内容）、员工信息（姓名、手机号）”，说明关联正确；若出现外键错误，检查字段类型是否匹配（如cust_id与客户表id是否同为Integer）。

关键避坑提醒：切勿将客户照片、产品照片等二进制数据存入数据库！前期尝试导致数据库体积骤增（50张客户照片使数据库增大250MB），后续改为存储文件路径（如/static/customer/photo1.jpg），大幅提升查询速度。

四、功能实现：聚焦核心模块，提升答辩竞争力

无需开发所有功能，优先完成3个核心模块即可满足答辩要求，突出开发重点：

1. 管理员端：客户管理与产品订单审核模块（必做核心模块）

  • 核心逻辑：
    1. 客户管理：管理员进入客户列表页，点击“新增客户”，选择关联员工，填写客户姓名、手机号、身份证号，上传客户照片（≤5MB），选择行业与职位，填写地址与邮箱，提交后自动生成客户编号；支持按行业/地区筛选客户，编辑客户信息（如更新手机号、行业），禁用无效客户（禁用后标灰，员工无法查看）；
    2. 产品订单审核：进入订单管理页，按“待审核/已通过/已取消”筛选订单，查看详情（客户姓名、产品名称、销售数量、金额、快递信息）；通过审核则更新状态为“已通过”，同步扣减产品库存；驳回需填写理由（如“客户信息有误”），通知对应员工；
    3. 数据统计：在客户列表页查看“客户-员工”分配统计，在订单页统计月度订单完成率（已完成订单数/总订单数），支持导出统计报表。
  • 页面设计（Vue+ElementUI）：
    • 客户管理区：筛选区（行业、地区、员工）、表格展示客户编号、姓名、手机号、行业、关联员工，操作列含“编辑/禁用/查看详情”；新增弹窗含照片上传组件、必填项标红（姓名、手机号、身份证号）；
    • 订单审核区：筛选区（订单状态、客户姓名）、表格展示订单编号、产品名称、销售金额、客户、员工、状态，操作列含“查看详情/通过/驳回”；驳回弹窗需填写理由输入框，带字数统计；
    • 数据统计区：用卡片展示“总客户数”“本月新增订单数”“订单完成率”，点击“导出报表”可下载Excel格式数据。

2. 管理员端：反馈建议处理与公告发布模块（答辩亮点模块）

  • 核心逻辑：
    1. 反馈建议处理：进入反馈管理页，按“未解决/已解决”筛选客户反馈，查看详情（客户姓名、反馈标题、内容、附件）；处理“未解决”反馈（填写回复内容，更新状态为“已解决”），同步通知对应员工与客户；删除无效反馈（如重复提交、恶意内容）；
    2. 公告发布：进入公告管理页，点击“新增公告”，填写标题（≥5字）、选择类型（如“产品通知”“服务提醒”），上传附件（≤5MB），编辑内容（≥30字，支持富文本插入图片），设置发布时间（默认当前时间），勾选“重要公告”（首页弹窗），提交后按发布时间倒序展示；
    3. 公告管理：查看公告列表，支持按类型筛选，操作列含“编辑/删除”，删除前需二次确认（如“确定删除该公告？删除后不可恢复”）。
  • 页面设计：
    • 反馈处理区：筛选区（反馈状态、类型）、表格展示客户姓名、反馈标题、时间、状态，操作列含“查看详情/处理/删除”；处理弹窗含富文本编辑器，提交后状态实时更新；
    • 公告发布区：表单含标题输入框（带长度校验）、类型下拉框、附件上传组件、内容编辑器，底部为“预览/提交”按钮；预览弹窗展示公告最终效果，与员工端一致；
    • 公告管理区：表格展示公告标题、类型、发布时间、操作，重要公告行标蓝，支持批量删除（需二次确认）。

3. 员工端：客户走访记录与产品订单创建模块（核心需求模块）

  • 核心逻辑：
    1. 客户走访记录：员工进入走访管理页，选择名下客户（下拉框加载关联客户），填写走访标题（≥5字）、选择类型（如“产品回访”“需求调研”），上传附件（可选），设置走访时间，填写内容（≥10字），提交后等待管理员审核；在“我的走访”查看审核状态，已通过则显示详情；
    2. 产品订单创建：进入产品列表页，按类型筛选产品（查看名称、价格、库存），点击“创建订单”，选择客户（仅显示名下客户），填写销售数量（≤库存），选择销售方式（自提/快递），填写快递信息（快递方式需填），提交后生成订单，等待管理员审核；
    3. 反馈提交：在客户详情页点击“提交反馈”，填写反馈标题、选择类型，描述客户诉求（≥10字），上传附件（可选），提交后跟踪处理进度，查看管理员回复。
  • 页面设计：
    • 走访记录区：表单含客户下拉框（仅加载名下客户）、标题输入框（带校验）、类型下拉框、时间选择器、内容文本框，底部为“提交”按钮；“我的走访”页面按审核状态分组，未通过记录标红并显示理由；
    • 订单创建区：产品列表用卡片式展示（含名称、价格、库存），点击“创建订单”弹出表单，销售数量输入框带最大值限制（≤库存）；快递信息栏在选择“快递”方式时显示，自提时隐藏；
    • 反馈提交区：客户详情页侧边栏含“提交反馈”按钮，弹窗表单与管理员端反馈列表字段对应，提交后显示“反馈成功，等待处理”提示。 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

五、测试验收：全面排查问题，保障答辩顺利

笔者前期未测试“员工重复提交同一客户的走访记录”场景，导致出现“同一员工对客户‘王总’提交2次6月1日走访记录”的bug，被导师指出“未做‘员工+客户+走访时间’唯一性校验”并扣分😥。需针对性完成以下测试：

1. 核心功能测试用例

测试场景操作步骤预期结果
员工重复提交走访记录员工进入走访页→选择客户“王总”，填写6月1日走访信息→提交→未刷新页面再次提交相同信息系统提示“您已提交该客户当日的走访记录，无需重复操作”，提交失败
管理员审核产品订单员工创建客户“李总”的产品订单（销售数量2，库存10）→管理员进入审核页→点击“通过”订单状态更新为“已通过”，产品库存扣减为8，员工收到“订单审核通过”通知
客户反馈状态更新员工提交客户“张总”的反馈（状态未解决）→管理员处理并更新为“已解决”反馈状态变为“已解决”，员工与客户收到“反馈已处理”通知，查看详情显示回复内容

2. 兼容性与性能测试

  • 兼容性：测试Chrome、Firefox、Edge浏览器，修复IE11下表单样式错乱、客户照片预览失败问题；测试手机端浏览器，确保走访记录提交、订单查看页面自适应（按钮大小适配手指点击）；
  • 性能：用Jmeter模拟50个员工同时提交走访记录，系统响应时间≤2秒，无数据丢失；管理员批量审核20个产品订单，耗时≤3秒，库存更新准确。

3. 测试报告撰写

包含“测试目的、范围、用例、结果”，明确已修复问题（重复走访拦截、订单库存同步、浏览器兼容），结论说明“核心功能无严重bug，可满足小型企业客户管理需求”，附测试截图（如重复提交提示、订单审核通过通知）。

六、答辩准备：掌握3个技巧，提升通过率

  1. 演示流程梳理：按“管理员新增客户-员工提交走访记录-管理员审核-员工创建订单-管理员处理反馈”演示，每个步骤停顿2秒，重点展示“客户表与走访表关联逻辑”“订单与库存同步”，让评委清晰看到功能流转；
  2. 突出问题解决能力：重点讲“客户走访表与客户表关联修复”“重复走访校验实现”“数据库文件路径存储优化”，结合开发踩坑与解决方案（如“初期用二进制存客户照片导致数据库卡顿，改为路径存储后查询速度提升40%”），比单纯讲技术栈更有说服力；
  3. 提前预判问题：针对“如何确保客户数据安全”，回答“密码MD5加密、敏感信息脱敏、管理员操作日志可追溯”；针对“如何提升员工操作效率”，回答“客户-员工自动关联、订单数据预填、高频功能置顶”。

结语

本文基于SSM+Vue+MySQL的小型企业客户关系管理系统实战经验，核心是“聚焦客户管理核心业务（客户维护、订单处理、反馈跟踪）、优先稳定技术、提前排查表关联与数据校验问题”。毕设无需追求复杂功能（如AI客户推荐、多端同步），把客户管理、订单审核、反馈处理等核心功能做扎实，即可顺利通过答辩。

若需要核心源码（带注释）、数据库脚本（含测试数据）、ER图模板，可在评论区留言“SSM+Vue客户关系管理系统”获取；若在模块开发中遇问题（如客户走访关联逻辑、订单库存同步），也可留言咨询，笔者将及时回复。

收藏本文，便于开发查阅～ 祝各位同学毕设顺利，轻松毕业！🎉

avatar
文章
阅读
粉丝