全新测试平台搭建，学习前后端分离的测试平台开发技术！

（这里郑重声明，公众号更新的本平台及算法谨用于学习和研究匹配算法和平台开发技术，并非真实商业化公开平台，既不上线也不使用）

前言

目前猜测的字段有这么多：

虽然记下来了，但是要想匹配则困难的多，毕竟肉眼识别太麻烦了。所以正好作者最近没事，就打算开新坑，直播开发一个用于探讨匹配算法的测试平台。

为了让大家学习起来不那么无聊，我们这次加快节奏和干货占比。直接一步到位，采用vue-cli + django做前后端分离，的高大上的测试圈内部相亲平台。

可能有的同学会产生疑惑，市面上不是有很多相亲平台么？为什么还要自己做个呢？其实，这个懂的都懂。因为咱自己圈子里用户都是正经工作的工程师，可不是机器人啊，成功率高的吓人。

好，不多bb，本节就开始第一章：

环境准备

python==3.7

django==2.2

vue==3.12.1

bootstrap == 5

关于怎么下载上面这些，大家自行百度吧。

首先我创建一个django项目：wqrf_love

经典的命令创建。创建好后项目如下：

运行python3 manage.py runserver来确认是否搭建成功？

成功创建django项目后...

然后我进入这个项目内，在django项目内创建一个vue前端项目。有的同学就问了，问不是说好的前后端分离么？怎么又放到一起了？

这里要解释下，所谓前后端分离，是指俩个项目，一个django，一个vue，但并没有明确说俩个项目的物理位置不能放在一起。事实上，放在一起更容易管理和调取，而实际开发过程和运行过程，则完全是忠于前后端分离的。vue需要打包后，给django调用。

创建vue项目：v_love

选第二个自定义

加个路由控制

不要带history模式

用package.json来存放插件

是否保存成默认设置，当然不要

开始漫长等待：

创建完成，看到了v_love：

进入v_love,执行启动命令：npm run serve查看是否部署成功？打开网址看看：

看来是创建成功了！

好了，本节课任务结束。下节课，对两个项目进行初始化设置和解决跨域问题！