之前再开放新型web项目和app时,遇到了和前后端交互的问题。总所周知的是,web前后端交接时,最重要的交互方式的接口的制定。

而关于接口的规定,衍生出了一大堆问题,第一是关于空值的制定,是不输出呢?还是输出null,还是输出""

今天在调试1688开放平台时,1688开放平台那边出了两套接口API给我们调,一套是旧的,用关键字deprecated标志过时,而一套是新的,因为是最近才推出的吧。

有点坑的是,新接口虽然变得简洁了,但是一些老接口里面有的字段没有返回给我,对于新接口缺失字段这种事情,我也很无奈,阿里巴巴开放平台的文档真的也是写得一般般啊。

然后楷哥说去阿里巴巴的官方,看它官方是用什么老接口还是旧接口,我们照着玩就可以了。

所以我就用chrome按F12去抓包了,挺无聊也挺没效率的,以后应该会有更优的办法吧。

在分析阿里巴巴官方的html页面中,我发现他们的json数据都是写在html里面的。挺有趣的,如果把json写在一个html里面,那么前端的访问地址就会变成只有一个。而后台这边json我就可以随意地写在html代码里面了,

虽然这种方式让html代码显得很脏,但是似乎挺符合设计模式的“开闭原则”,只需要后台改动就可以了吧。

引申到APP开发这边,app那边只需要访问*.json,然后我后台把json的代码分模块化地发给android或者ios

{
banner:{},
ObjectList:[],
extraData:{}
}

最后再说一下,1688那边似乎是用老接口的字段来实现一些东西。

接口的设计,设置前台传给我的json格式是

requestParams{}

而我返回给后台的模式是:

responseBody

{       "meta":{},

"data":{}

}

具体的api规则

查看数据  product/{id}     verb = "get"

删除数据   product/{id}     verb = "delete"

修改数据 product/{id}      verb = "put"

增加数据 product/{id}      verb = "post"

在前后端整合的过程中,一定会碰到修改接口的情况,修改接口是一种很恶心的行为,会造成大量代码的修改。因为接口是契约,契约更改了,代码世界便乱了。用设计模式的拓展和封闭来讲,就是已经写过的接口不会更改,需要新数据则新增一个接口。

只要不动用到底层数据库的修改,其实改动量都不会很大。

设计模式是拥抱变化的。把不变的东西封装好,把可变的变成用户输入,这便是设计模式应该学习的,比如用{path}来代替之前的constant里面的常量

关于API,前后端分离的更多相关文章

  1. Python Flask高级编程之RESTFul API前后端分离精讲 (网盘免费分享)

    Python Flask高级编程之RESTFul API前后端分离精讲 (免费分享)  点击链接或搜索QQ号直接加群获取其它资料: 链接:https://pan.baidu.com/s/12eKrJK ...

  2. Flask之RESTFul API前后端分离

    Flask之RESTFul API前后端分离 一:虚拟环境搭建的两种方式 1 pipenv的使用 pip install --user pipenv安装pipenv在用户目录下 py -m site ...

  3. Flask前后端分离项目案例

    简介 学习慕课课程,Flask前后端分离API后台接口的实现demo,前端可以接入小程序,暂时已经完成后台API基础架构,使用postman调试. git 重构部分: token校验模块 auths认 ...

  4. 从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之六 || API项目整体搭建 6.1 仓储模式

    前言 1.@LearningCoding 小伙伴关于用Sqlsugar在mysql数据库上的研究成果: sqlsugarcore支持mysql等数据库,在DbContext里面只需要设置dbtype为 ...

  5. 从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之七 || API项目整体搭建 6.2 轻量级ORM

    更新 1.在使用的时候,特别是更新数据的时候,如果不知道哪里有问题,可以查看数据库 和 实体类 的字段,是否大小写一致,比如 name 和 Name 2.在使用Sqlsugar 的 CodeFirst ...

  6. ASP.NET Core 实战:使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目

    一.前言 这几年前端的发展速度就像坐上了火箭,各种的框架一个接一个的出现,需要学习的东西越来越多,分工也越来越细,作为一个 .NET Web 程序猿,多了解了解行业的发展,让自己扩展出新的技能树,对自 ...

  7. 前后端分离与 restful api

    为什么要前后端分离(优点): PC,APP,PAD 多端适应 单页面应用(Single Page Application)SPA开发模式开始流行 前后端开发职责不清 开发效率问题,前后端互相等待 前端 ...

  8. laravel5.7 前后端分离开发 实现基于API请求的token认证

    最近在学习前后端分离开发,发现 在laravel中实现前后台分离是无法无法使用 CSRF Token 认证的.因为 web 请求的用户认证是通过Session和客户端Cookie的实现的,而前后端分离 ...

  9. 如何处理好前后端分离的 API 问题(转载自知乎)

    9 个月前 API 都搞不好,还怎么当程序员?如果 API 设计只是后台的活,为什么还需要前端工程师. 作为一个程序员,我讨厌那些没有文档的库.我们就好像在操纵一个黑盒一样,预期不了它的正常行为是什么 ...

  10. List多个字段标识过滤 IIS发布.net core mvc web站点 ASP.NET Core 实战:构建带有版本控制的 API 接口 ASP.NET Core 实战:使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目 Using AutoFac

    List多个字段标识过滤 class Program{  public static void Main(string[] args) { List<T> list = new List& ...

随机推荐

  1. STL之关联容器---set, mutilset, map, mutilmap

    STL的容器分为序列容器和关联容器.它们所表达的数据结构各有不同: 序列容器:vector(变长数组), list(链表), queue(队列), heap(堆算法)等 关联容器:set/mutils ...

  2. 渗透常用手工SQL注入语句合集

    1.判断有无注入点; and 1=1 and 1=2 2.猜表一般的表的名称无非是admin adminuser user pass password 等..and 0<>(select ...

  3. cmder修改默认打开路径

    win + alt + p //打开设置 选择Startup-Task,修改{cmd::Cmder}项,把: *cmd /k "%ConEmuDir%\..\init.bat" - ...

  4. python 爬取天猫美的评论数据

    笔者最近迷上了数据挖掘和机器学习,要做数据分析首先得有数据才行.对于我等平民来说,最廉价的获取数据的方法,应该是用爬虫在网络上爬取数据了.本文记录一下笔者爬取天猫某商品的全过程,淘宝上面的店铺也是类似 ...

  5. Hadoop 如何退出安全模式

    在name node 上运行如下命令 hadoop dfsadmin -safemode leave

  6. Jquery笔记之第二天

    Jquery笔记之第二天 jQuery - 获取内容和属性 获得内容 - text().html() 以及 val() <script> $(document).ready(functio ...

  7. [Spring面试] 问题整理

    1.谈谈你对spring IOC和DI的理解,它们有什么区别? IoC:Inverse of Control 反转控制的概念,就是将原本在程序中手动创建UserService对象的控制权,交由Spri ...

  8. python 小技巧 防止SSL报错信息

    代码里面 只需要添加如下2行: import ssl ssl._create_default_https_context = ssl._create_unverified_context

  9. HTML+CSS画一朵向日葵

    前几天看到一张图片,倔强的向日葵.(BGM,<倔强>) 看着挺有感触,就想用CSS做一个向日葵. 最终效果图如下: 主要的难点就在花瓣的处理上,css暂时没有做到这样的尖角圆弧. 我想到的 ...

  10. java-多个数的和

    目的:实现多个整数相加. 思路:1.首先要确定用户所需整数的个数n,此部分由用户在键盘上输入. 2.创建一个长度为n的数组. 3.用户从键盘上输入n个整数并判断是否输入正确,正确则存入数组,否则重新输 ...