摘  要

 

随着企业规模的不断扩展，项目与客户的数量也是与日俱增，如何维持与老客户持续合作以及新客户的扩展，成为企业发展的难题之一。客户关系管理系统CRM(Customer Relationship Management)是以“客户关系一对一理论”为基础的，旨在改善企业与客户之间关系的特殊需求，提高企业竞争力。为了方便目前众多中小微企业管理客户关系，所以开发了该系统。

客户关系管理系统前端采用了Vue的渐进式框架，自底向上逐层应用，配合Element UI和jQuery的使用以及kkfileView文档预览技术的融合实现。系统采用B/S架构，在完成服务端部署后，用户通过浏览器即可使用改系统。系统后端采用OSS对象存储技术对文件对象进行存储，提高了存储效率，通过虚拟化技术解决了存储空间的浪费。从系统业务来说，该系统通过重组企业业务流程，整合客户信息资源，以更有效的方法来管理客户关系，在企业内部实现信息和资源的即时共享，从客户基本信息，到部署在客户现场的硬件软件信息，还有之后运维测试产生的数据，以及在这期间产生的文档全部记录在系统中加以记录维护。通过该系统跟踪式的记录，不仅方便了内部人员查阅信息从而为客户提供更经济、快捷、周到的产品和服务，保持和吸引更多的客户，还降低了企业的运营成本，达到企业利益最大化的目的。

本文第一章主要讲述了目前国内外对于客户关系管理的一个研究现状以及我的选题原因和系统设计目标；第二章主要介绍了一些系统开发所采用的技术；第三章主要系统的需求分析重点是数据库的设计；第四章是系统的总体设计，具体描述每一个模块、页面的功能与联系；第五章是系统的详细设计，具体每一个页面的样式以及代码实现；最后一章第六章主要就是关于系统的一些测试以及测试结果。以上就是整篇文章的具体结构。

 

关键词：客户关系管理系统，Vue，前端

目  录

 

第一章 绪论 1

1.1 课题研究背景 1

1.2 实践意义 1

1.3 国内外研究现状 1

1.4 系统设计目标 2

第二章 系统开发所采用的的技术 3

2.1 JavaScript语言简介 3

2.2 HTML5语言简介 3

2.3 Vue框架简介 3

2.4 对象存储技术 4

2.5 kkfileView文档在线预览技术 4

第三章 客户关系管理系统需求分析 5

3.1 需求分析 5

3.1.1 网络拓扑图 5

3.1.2 系统详细需求分析 5

3.2 数据字典设计 6

3.3 性能分析 11

第四章 系统总体设计 12

4.1 系统的总体功能设计 12

4.2 系统各模块功能设计 13

4.2.1 系统管理员端 13

4.2.1.1 菜单管理 13

4.2.1.2 角色管理 13

4.2.1.3 系统日志 14

4.2.1.4 系统参数 14

4.2.1.5 用户管理 14

4.2.1.6 个人信息中心 14

4.2.2 普通用户端 14

4.2.2.1 硬件管理 14

4.2.2.2 软件管理 14

4.2.2.3 客户信息管理 15

4.2.2.4 文件管理 15

4.2.2.5 运维管理 15

4.2.2.6 问题管理 15

4.3 概念数据模型设计 15

4.4 数据库结构设计 22

第五章 系统详细设计与实现 27

5.1 系统管理员端 27

5.1.1 菜单管理 27

5.1.1.1 功能描述 27

5.1.1.2 菜单管理界面图 27

5.1.1.3 页面实现过程主要代码 27

5.1.2 角色管理 28

5.1.2.1 功能描述 28

5.1.2.2 角色管理界面图 28

5.1.2.3 页面实现过程主要代码 29

5.1.3 系统日志 30

5.1.3.1 功能描述 30

5.1.3.2 系统日志界面图 30

5.1.3.3 页面实现过程主要代码 30

5.1.4 系统参数 31

5.1.4.1 功能描述 31

5.1.4.2 系统参数界面图 31

5.1.4.3 页面实现过程主要代码 32

5.1.5 用户管理 33

5.1.5.1 功能描述 33

5.1.5.2 用户管理界面图 33

5.1.5.3 页面实现过程主要代码 33

5.1.6 个人信息中心 34

5.1.6.1 功能描述 34

5.1.6.2 个人信息中心界面图 34

5.1.6.3 页面实现过程主要代码 35

5.2 普通用户端 35

5.2.1 硬件管理 35

5.2.1.1 功能描述 35

5.2.1.2 硬件管理界面图 36

5.2.1.3 页面实现过程主要代码 36

5.2.2 软件管理 37

5.2.2.1 功能描述 37

5.2.2.2 软件管理界面图 37

5.2.2.3 页面实现过程主要代码 38

5.2.3 客户信息管理 39

5.2.3.1 功能描述 39

5.2.3.2 客户信息管理界面图 39

5.2.3.3 页面实现过程主要代码 40

5.2.4 文件管理 41

5.2.4.1 功能描述 41

5.2.4.2 文件管理界面图 41

5.2.4.3 页面实现过程主要代码 42

5.2.5 运维管理 43

5.2.5.1 功能描述 43

5.2.5.2 运维管理界面图 43

5.2.5.3 页面实现过程主要代码 44

5.2.6 问题管理 44

5.2.6.1 功能描述 44

5.2.6.2 问题管理界面图 45

5.2.6.3 页面实现过程主要代码 45

第六章 系统的测试 46

6.1 系统测试概述 46

6.2 功能测试的内容 46

6.3 系统测试效果 47

结  论 49

参考文献 50

致  谢 51