前端后台的爱恨情仇——接口调试

2019独角兽企业重金招聘Python工程师标准>>>

背景

现在软件公司如同动物世界一样&＃xff0c;存在多个物种&＃xff0c;而往往在多个物种之间&＃xff0c;有2个物种之间天天存在着爱恨情长&＃xff0c;演绎着可歌可泣的爱情悬疑大剧&＃xff08;时不时的"四壁"&＃xff0c;"帅锅"&＃xff09;&＃xff1b;说的莫名其妙的&＃xff0c;其实这些只是日常开发之间合作遇到的问题&＃xff0c;导致他们形成了爱恨情仇的故事

技能

前端后台的爱恨情仇——接口调试

难点

现在大多数软件公司都是采用前后端分离开发&＃xff0c;和以往最大的区别是后台只操心数据和接口问题&＃xff0c;而不用再去为烦人的css布局搞得彻夜难眠而抓狂&＃xff0c;简单的来说就是一个萝卜一个坑。前后端分离就是常规的ajax加载后台接口数据&＃xff0c;完后再用其他办法&＃xff0c;如jquery&＃xff0c;vue&＃xff0c;等方法渲染到页面中&＃xff0c;其中遇到的难点就是前端开发时候需要调用后台数据接口了&＃xff0c;你屁颠屁颠的去找后台&＃xff0c;后台说还没有开发出来&＃xff0c;你等等。完后你又屁颠屁颠的回去等着了。

前端内心告白&＃xff1a;

他不写接口我怎么调试啊&＃xff0c;这不耽误我事情啊&＃xff01;
他可以先和我说说地址和参数啊&＃xff01;
项目上不了线就怪他...

后台内心告白&＃xff1a;

每天来烦我&＃xff0c;自己不会下载代码找啊&＃xff01;
我每天了累死了&＃xff0c;哪有时间和你说啊&＃xff0c;自己看&＃xff01;
不会先干别的啊&＃xff0c;非要对接口&＃xff0c;不能等写完啊...

后来他们过上了羞答答的生活。。。

这是不可能的&＃xff01;&＃xff01;&＃xff01;他们接下来的日子不断的"四壁"&＃xff0c;"帅锅"&＃xff1b;在严重可能耽误项目周期导致不能交付&＃xff01;&＃xff01;&＃xff01;&＃xff0c;完后项目经理&＃xff08;帅锅&＃xff09;

教学

其实前端对接接口处理和开发也反映了一个前端的水平&＃xff0c;大至如下&＃xff08;我自己瞎分的&＃xff0c;可以不管≧ ﹏ ≦&＃xff09;&＃xff1a;

入门级别&＃xff1a;数据直接写死到html视图里&＃xff1b;
菜鸟级别&＃xff1a;定义了一个变量接受模拟数据&＃xff0c;完后js动态加载到html视图里&＃xff1b;
新手级别&＃xff1a;定义一个json文件&＃xff0c;用ajax请求模拟加载到html视图里&＃xff1b;
初级级别&＃xff1a;利用网上的mock平台去生成数据&＃xff0c;完后用ajax请求mock url 再填充到html视图里&＃xff1b;
更多...

今天我们要讲的技能就是最后一个初级级别的做法&＃xff0c;他可以很方便的不用前后"四壁"&＃xff0c;"帅锅"&＃xff0c;最后还能形成接口文档&＃xff0c;加快项目进度&＃xff1b;是不是你看到现在想想有点小激动了&＃xff0c;从此走上人生巅峰不是梦&＃xff01;咳咳别妄想了回到现实&＃xff0c;来点实际的吧&＃xff0c;接下来我就介绍下这种方法

注:为啥子这种方法定义成初级前端使用的&＃xff0c;因为我就是初级的。。。&＃xff1b;≧ ﹏ ≦&＃xff1b;