vue-cli+django相亲平台

上节课我们已经搞定了几乎所有架构上的事。只差俩个分值计算函数了。     但是经过我们仔细一想，赫然发现，俩个函数的算法应该是一模一样的。唯一的区别就是，进来的个人信息和择偶标准 是女方，还是男方而已

课程到这个进度，基本上，我们前端部分已经全部完成了。     后端也只剩下这个match_user函数了。     还记得我们之前说过这个函数要干嘛吧：     目前，我们已经完成了第一步，确定了前端

目前，我们后台的函数要开发这个match_user 匹配函数。 在开发这个复杂的函数之前，我们先概要设计下，这个函数要做些什么事？ 确定前端要的最终格式 从数据库拿出所有需要的数据 循环异性数据，并代

本节课终于要迎来该系列的重头戏了，匹配功能！     在这之前，我们完成了前端，后端的其他所有功能，增删改查。     只剩下这个最难最复杂的匹配了。     话不多说，直接开始。     首先我们打

本节课要删除用户了。     前提是 用户要先被搜索出来才行。     就是点击这个按钮：      首先，给这个删除按钮 弄个@click 然后在下面写出这个del_user函数： 那么问题来了，这

我们在上节课实现了 新增功能。     但是大家注意到一个问题了么？     就是如果是首次填充的数据，点击新增按钮后，的确会新增一个会员。     但是如果是搜索出来的已存在的会员，在我们修改了数据

本节课衔接上集，我们成功拿到了子组件的数据后，父组件就要使用axios来发请求给后台了：     首先我们这个请求数据量很大，且是属于上传。所以采用post请求。     但post请求有诸多规则，否

在上节课，我们终于完成了 查询功能。     现在要做一个同样简单的...增加功能。也就是点击页面上的 按钮，可以录入到库，分为男和女哦~     我这个设计是，这些输入框不光作为查询结果。也可以作为

上节课我们最终选定了第二种方案进行父传子 数据。      先来个人信息表的数据传输：     首先打开我们的Home.vue，给个人信息表的数据弄出来变成一个变量。          然后找到子组件

上一节课，我们已经创造了数据层和其俩张表：个人信息表/择偶表。     并且创造了四个样例，鸣人/佐助/小樱/雏田。     本节课我们要完成第一个小功能：查询。     也就是页面上根据微信号(昵称

如图，在我的vue前后端分离项目【测试圈相亲平台】的开发中，成功使用了第三方的页面样式级组件。     这使得很多粉丝朋友倍感新奇，纷纷效仿。于是就有人感叹到，辛苦学习前端样式的意义在哪？ 哪怕是一个

欢迎继续追更此系列，此系列应用vue-cli前后端分离+django+python技术，样式很灵活。此系列可以为广大粉丝入门测试平台开发，帮助各位了解前后端要怎么实现，功能的增伤改查，各层的数据流转等

Part1去搞个弹层.... 其实弹层这个东西，可以有很多种方式做一个出来。我推荐的是直接使用Bootstarp的模态框，然后我们稍微改改，让其符合我们当前主题即可。 1首先给我们的匹配按钮 加上俩个

上节课后我又对前面页面进行了细微的调整和优化。 Part1清理出右侧页面的战场： 结果如下：效果如下： Part2如法炮制，创建择偶要求组件: 还是去src/components文件夹下新建一个组件：

Part1清理出中间页面的战场： 结果如下： Part2创建组件 然后我们去src/components文件夹下新建一个组件，为什么要新建组件呢？因为这里的内容太多了，直接都写到Home.vue中并不

关于这里的设计其实就是对成员列表的管理。增加，还是搜索，还是查看，还是删除。 这个页面和第二个页面详情页是 需要联系起来的。 也就是说。本页面有俩个按钮，分别为新增和搜索。 点击新增后，右侧页面出现新

目前来说，首页的功能上并没有什么重要的，无非就是展开信封，数据统计等 Part1先去掉那些下载的英文信息等。 本节课也给大家介绍我正在用的前端开发ide：visual Studio Code 相比py

Part1去jquery之家找个初版首页 如图找到了个不错的，有动画展开收缩等效果，非常不错。 一开始就像一个信封，我们可以在这上面输入需要匹配人的微信号 点击展开后会有展开动画 然后分为三页，我的设

Part1平台分层 看上图，很好理解对吧，前端让使用者进行操作。视图逻辑层接收数据并进行查缺补漏，然后交给业务层，因为本平台是比较重业务中的匹配算法的，所以独立出业务层。最下面是数据层用来存放数据，这

首先下载一个专门解决跨域的组件： pip3 install django-cors-headers 下载好后就可以开干了！ Part1首先是django的初始化： 首先是admin.py 我使用了之前