CRM 客户关系管理系统
CRM（Customer Relationship Manager）客户关系管理系统
企业为提高核心竞争力，利用相应的信息技术以及互联网技术协调企业与顾客间在销售、营销和服务上的交互，从而提升其管理方式，向客户提供创新式的个性化的客户交互和服务的过程。其最终目标是吸引新客户、保留老客户以及将已有客户转为忠实客户，增加市场。
1. 需求分析
- 存储所有客户咨询信息
- 避免重复录入数据
- 客户多次跟踪记录（销售）
- 客户来源、成单率分析
- 每个销售只能修改自己的客户信息
- 报名流程开发等
2. 业务场景分析
业务场景分析意在各个用户使用 CRM 用来做什么，能够更好地别写项目。在这里我们编写一个基于培训机构的 CRM。
成员及使用场景
| 成员 | 说明 | 成员 | 说明 |
|---|---|---|---|
| 机构销售 | 寻找学员报名、给学员报名，分配班级等 | 学员 | 咨询课程，缴纳学费 |
| 讲师 | 查看班级列表、创建课程记录、布置作业，批改作业等 | 管理员 | 创建课程、校区、班级，分配权限等 |
3. 模型设计
4. 菜单
不同的用户有访问 crm，看到的菜单也是不一样的，这也是最基本的一种权限体现，比如：
- 销售：可以查看首页、客户库、学员报名
- 学生：可以查看首页、我的课程等
- 管理员：上述都可以查看
通过用户、菜单，以及角色模型即可实现：
菜单分为固定（absolute）和动态菜单（dynamic）两种，动态菜单人人都可以看到（如：首页），而固定菜单不同的角色看到的都不一样：
另外动态菜单的 url_anem 要与路由中 name 一致：
crm/views.py
from django.urls import path, re_path
from crm import views
urlpatterns = [
path('dashboard/', views.dashboard, name='sales_dashboard'), # 首页 url_name 与这个 name 一致
path('student_enrollment/', views.student_enrollment, name='student_enrollment'),
...
]
5. 页面布局
整个 CRM 总体布局，我们以 bootstrap 中的模板为基础，在此之上进行修改拓展，采用的样式为：
模板地址：Dashboard
为了减少代码重复，在这里采用模板继承：
1、base.html
base.html 只是构建了一个整体框架：
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<title>CRM</title>
<!-- Bootstrap core CSS -->
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
<!-- dashboard 这个模板的 css 样式 -->
<link href="{% static 'css/dashboard.css' %}" rel="stylesheet">
{% block extra-css %}
{% endblock %}
</head>
<body>
<!--主要内容区-->
{% block body %}
{% endblock %}
<!-- JS 文件
================================================== -->
<!-- 放置在文档的末尾，以便页面加载更快 -->
<script src="{% static 'js/jquery-3.3.1.js' %}"></script>
<script src="{% static 'js/bootstrap.js' %}"></script>
</body>
</html>
2、index.html
index.html 继承 base.html，这里主要有 "顶部导航栏、左侧菜单以及右侧主要内容区"
{% extends 'include/base.html' %}
{% block body %}
<!--顶部导航栏-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">{% block title %}Project name{% endblock %}</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown ">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button">{{ request.user.name }}
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">个人信息</a></li>
<li><a href="{% url 'logout' %}">登出</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!--左侧菜单和右侧内容区-->
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
{% for role in request.user.role.all %}
{% for menu in role.menus.all %}
{% if request.path == menu.url_name %}
<li class="active"><a
href="{% if menu.url_type == 0 %} {{ menu.url_name }}{% else %}{% url menu.url_name %}{% endif %}">{{ menu.name }}</a>
</li>
{% else %}
<li>
<a href="{% if menu.url_type == 0 %} {{ menu.url_name }}{% else %}{% url menu.url_name %}{% endif %}">{{ menu.name }}</a>
</li>
{% endif %}
{% endfor %}
{% endfor %}
</ul>
</div>
<!--右侧内容区-->
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
{% block right-content-container %}
<h1 class="page-header">Dashboard</h1>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
3、CRM 页面
CRM 页面只用继承 index.html 即可，dashboard.html：
{% extends 'include/index.html' %}
{% block right-content-container %}
<h1 class="page-header">首页</h1>
{% endblock %}
6. 报名流程
整个 CRM 的报名流程大致分为以下几步：
- 销售：向后台发起报名，后台生成报名链接，销售将链接发给学员填写
- 学员：填写报名表、包括个人信息、学费，上传个人证件等
- 销售：审核报名表，创建缴费记录，并为学员分配班级
crm/urls.py
from django.urls import path, re_path
from crm import views
urlpatterns = [
path('dashboard/', views.dashboard, name='sales_dashboard'),
path('student_enrollment/', views.student_enrollment, name='student_enrollment'), # 发起报名
re_path(r'^enrollment/(\d+)/$', views.enrollment, name='enrollment'), # 报名链接
re_path(r'^enrollment/(\d+)/fielupload/$', views.enrollment_fileupload, # 证件上传name='enrollment_fileupload'),
re_path(r'^student_enrollment/(\d+)/contract_audit/$', views.contract_audit, # 合同审核name='contract_audit'),
]
创建报名链接
销售访问：<http://127.0.0.1:8002/crm/student_enrollment/> 发起报名，会在后台创建一条报名记录，并返回报名链接，销售将链接发给学员填写：
@login_required
def student_enrollment(request):
"""销售分配学员班级，并生成报名链接"""
customer_data = models.CustomerInfo.objects.all()
class_list_data = models.ClassList.objects.all()
if request.method == "POST":
customer_id = request.POST.get('customer_id') # 客户
class_grade_id = request.POST.get('class_grade_id') # 班级
consultant_id = request.user.id # 课程顾问
try:
# 创建报名记录
enrollment_obj = models.StudentEnrollment.objects.create(
customer_id=customer_id,
class_grade_id=class_grade_id,
consultant_id=consultant_id
)
except IntegrityError as e:
enrollment_obj = models.StudentEnrollment.objects.get(customer_id=customer_id,
class_grade_id=class_grade_id)
# 学员是否同意协议，是则跳转到合同审核页面，否则
# 这里意思是，如果学员填写了报名表，那么 StudentEnrollment 中 contract_agreed 是有记录的，因此当学员填写了报名表，销售再次点击报名页面中下一步时，会跳转到合同审核页面
if enrollment_obj.contract_agreed:
return redirect('/crm/student_enrollment/%s/contract_audit/' % enrollment_obj.id)
# 生成报名链接，传递给前端，销售复制发送给学员填写报名信息
enrollment_links = 'http://localhost:8002/crm/enrollment/%s/' % enrollment_obj.id
return render(request, 'crm/student_enrollment.html', locals())
报名表
检查用户是否勾选合同协议及是否上传证件（通过 onsubmit 事件，form 表单提交前执行哪个函数）：
<form method="post" onsubmit="return BeforeRemoveDisabled()" novalidate>
<!-- 合同协议 -->
<pre style="height: 400px">{{ enrollment_obj.class_grade.contract_template.content }}</pre>
<input type="checkbox" name="contract_agreed"> 我已认真阅读完毕，无条件同意！
<input type="submit" value="提交" class="btn btn-info pull-right">
</form>
<script>
// 表单提交前，移除所有的 disabled，form 表单不能提交 disabled
function BeforeRemoveDisabled() {
$(':disabled').removeAttr('disabled');
// 如果没有上传证件信息，提示上传
if ($('#uploaded_files').children().length == 0){
alert('请上传证件信息！');
return false
}
// 如果没有勾选协议，表单不能提交
if (!$("input[name='contract_agreed']").prop('checked')) {
alert('请勾选合同协议！');
return false
}
}
</script>
使用 drop-zone 插件实现证件上传
<!-- 证件上传 -->
<div class="file-upload">
<h3>身份证上传</h3>
<ul id="uploaded_files">
</ul>
<form id="myAwesomeDropzone" action="{% url 'enrollment_fileupload' enrollment_obj.id %}"
class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple/>
</div>
</form>
</div>
<script src="{% static 'plugins/dropzone/dropzone.js' %}"></script>
<script>
// "myAwesomeDropzone" is the camelized version of the HTML element's ID
Dropzone.options.myAwesomeDropzone = {
paramName: "file", // 用于传输文件的名称
maxFilesize: 2, // MB 最大不能上传超过 2 M
maxFiles: 2, // 最多上传 2 个文件
parallelUploads: 1, // 单次上传 1 个
accept: function (file, done) {
if (file.name == "justinbieber.jpg") {
done("Naha, you don't.");
}
else {
done();
}
}
};
// 避免重复创建 Dropzone
Dropzone.options.myAwesomeDropzone = false;
// 上传成功回调，返回值存在 response 中
$(function () {
// Now that the DOM is fully loaded, create the dropzone, and setup the
// event listeners
// Prevent Dropzone from auto discovering this element:
{# Dropzone.options.myAwesomeDropzone = false;#}
var myDropzone = new Dropzone("#myAwesomeDropzone");
myDropzone.on("success", function (file, response) {
/* Maybe display some more file information on your page */
console.log("success", file, file.name, response);
var response = JSON.parse(response);
if (!response.status) {
alert(response.error);
} else {
var ele = "<li class='file_title'>" + file.name + ' ' + "<span class='glyphicon glyphicon-remove'></span>" + "</li>" ;
$("#uploaded_files").append(ele);
alert(response.message)
}
});
});
// $('.file_title').children('span')
/*
$('#uploaded_files').on('click', 'span', function () {
alert(123);
})
*/
$('#uploaded_files').on('click', 'span', function () {
$(this).parent().remove();
})
提交报名表后：
合同审核
销售审核合同后，将跳转到数据修改页面：
以上就是 CRM 的大致开发流程，具体源码可参考：<https://github.com/hj1933/PerfectCRM>
CRM 客户关系管理系统的更多相关文章
- Django CRM客户关系管理系统
CRM需求分析 随着信息化时代带来的科技创新,CRM客户关系管理系统带来的效益在已经成为很多企业提高竞争优势的一分部,CRM客户关系管理系统将企业管理和客户关系管理集成到统一的平台,其系统功能主要体现 ...
- CRM客户关系管理系统 北京易信软科信息技术有限公司
北京易信软科信息技术有限公司 推出大型erp系统,库存管理系统,客户关系管理系统,车辆登记管理系统,员工管理系统,采购管理系统,销售管理系统,为您的企业提供最优质的产品服务 北京易信软科您可信赖的北京 ...
- CRM客户关系管理系统-需求概设和详设
大概设计 大概设计就是对需求进行一个整体性分析,把需要实现的功能都列出来,对于客户关系管理系统,我们需要从角色出发,从而确定有哪些需求,最好是画个思维导图 首先我们是为培训学校这么一个场景来开发的,所 ...
- CRM客户关系管理系统有哪些优缺点？
CRM系统不仅仅是一种技术,也是面向企业的客户管理系统.客户关系管理软件可以帮助销售员快速地找到客户信息,帮助销售员跟踪客户直到完成订单.为提高企业销售效率,CRM被越来越多的企业所采用. 那么,作为 ...
- CRM客户关系管理系统（一）
第一章.CRM介绍和开发流程 1.1.CRM简介 客户关系管理(CRM) 客户关系管理(customer relationship management)的定义是:企业为提高核心竞争力,利用相应的信息 ...
- Django项目：CRM(客户关系管理系统)--84--74PerfectCRM实现CRM权限和权限组限制访问URL
#models.py # ————————01PerfectCRM基本配置ADMIN———————— from django.db import models # Create your models ...
- Django项目：CRM(客户关系管理系统)--85--75PerfectCRM实现CRM扩展权限
# sales_urls.py # ————————47PerfectCRM实现CRM客户报名流程———————— from django.conf.urls import url from bpm. ...
- Django项目：CRM(客户关系管理系统)--82--72PerfectCRM实现CRM动态菜单和角色
#models.py # ————————01PerfectCRM基本配置ADMIN———————— from django.db import models # Create your models ...
- Django项目：CRM(客户关系管理系统)--73--63PerfectCRM实现CRM讲师下载作业
# teacher_urls.py # ————————62PerfectCRM实现CRM讲师讲课记录———————— from django.conf.urls import url from bp ...
随机推荐
- Jboss添加Windows服务，同时定期重启
一.添加成Windows服务 进入目录 \wildfly-9.0.2s - All\bin\service\ 编辑 service.bat,修改一下参数 set SHORTNAME=SAMEXAppS ...
- Python- and & or 的短路原则
条件1 and 条件2 条件1 or 条件2 短路原则 对于and 如果前面的第一个条件为假,那么这个and前后两个条件组成的表达式的计算结果就一定为假,第二个条件就不会被计算 对于or 如果前面的第 ...
- js操作url的常用函数
1. //替换指定传入参数的值,paramName为参数,replaceWith为新值 function replaceParamVal(oUrl,paramName, replaceWith) { ...
- form 中Enctype=multipart/form-data 的作用
form 中Enctype=multipart/form-data 的作用 ENCTYPE="multipart/form-data"用于表单里有图片上传. <form na ...
- hbase_学习_00_资源帖
一.官方资料 1.官网:http://hbase.apache.org/ 2.官方文档:HBase 官方文档中文版 二.apache软件下载基地 1. Apache Software Foundati ...
- HDU - 5934
tarjan 视频讲解 /** * 题目链接:https://vjudge.net/problem/HDU-5934 * 题意:给你n个炸弹,引爆每个炸弹会有一定的花费.每个炸弹给出坐标x,y,半径r ...
- Struts2 - action通配符映射
一个 Web 应用可能有成百上千个 action 声明. 可以利用 struts 提供的通配符映射机制把多个彼此相似的映射关系简化为一个映射关系 通配符映射规则 – 若找到多个匹配, 没有通 ...
- SPOJ705 Distinct Substrings （后缀自动机&后缀数组）
Given a string, we need to find the total number of its distinct substrings. Input T- number of test ...
- Metasploit的使用下篇——漏洞攻击
一.上文总结 上篇当中主要通过开启的端口对目标主机进行攻击,最后成功做到了连接不过却不能查看到telnet的登陆用户名和密码,目前来看有两个原因:第一.我对于靶机telnet的设置有问题,没有设置相应 ...
- 简单易懂dubbo入门实例
一.创建Maven多模块项目 项目结构如下 模块介绍: dubbo-api ----API接口 dubbo-consumer ----消费者 dubbo-provider ...