家具定制东莞网站建设,摄影手机网站模板,个人网站论文结束语,商城类网站建设方案Restful API 接口
REST#xff1a;Representational State Transfer#xff0c;表现层#xff08;前端的视图页面和后端的控制层#xff09;资源状态转移。
一种软件架构的风格#xff08;格式#xff09; RESTful 是目前最流行的互联网软件架构#xff0c;如果一个架…Restful API 接口
RESTRepresentational State Transfer表现层前端的视图页面和后端的控制层资源状态转移。
一种软件架构的风格格式 RESTful 是目前最流行的互联网软件架构如果一个架构符合 REST 原则则称它为 RESTful 架构。 REST 风格提倡 URL 地址使用统一的风格设计从前到后各个单词使用斜杠分开不使用问号键值对方式携带请求参数而是将要发送给服务器的数据作为 URL 地址的一部分以斜线分割线形式传参不同的请求方式来表示对同一资源的不同操作以保证整体风格的一致性。
具体说就是 HTTP 协议里面四个表示操作方式的动词GET、POST、PUT、DELETE它们分别对应四种基本操作GET 用来获取资源POST 用来新建资源PUT 用来更新资源DELETE 用来删除资源。
操作传统方式REST风格查询操作getUserById?id1user/1–get请求方式保存操作saveUseruser–post请求方式删除操作deleteUser?id1user/1–delete请求方式更新操作updateUseruser–put请求方式 浏览器只支持发送get和post方式的请求 Restful 特点包括
每一个URI代表1种资源客户端使用GET、POST、PUT、DELETE4个表示操作方式的动词对服务端资源进行操作GET用来获取资源POST用来新建资源也可以用于更新资源PUT用来更新资源DELETE用来删除资源通过操作资源的表现形式来操作资源资源的表现形式是XML或者HTML客户端与服务端之间的交互在请求之间是无状态的从客户端到服务端的每个请求都必须包含理解请求所必需的信息。
术语
资源
资源是一种看待服务器的方式即将服务器看作是由很多离散的资源组成。每个资源是服务器上一个可命名的抽象概念。因为资源是一个抽象的概念所以它不仅仅能代表服务器文件系统中的一个文件、数据库中的一张表等等具体的东西可以将资源设计的要多抽象有多抽象只要想象力允许而且客户端应用开发者能够理解。与面向对象设计类似**资源是以名词为核心来组织的首先关注的是名词。**一个资源可以由一个或多个URI来标识。URI既是资源的名称也是资源在Web上的地址。对某个资源感兴趣的客户端应用可以通过资源的URI与其进行交互。
资源的表述
资源的表述是一段对于资源在某个特定时刻的状态的描述。可以在客户端-服务器端之间转移交换。资源的表述可以有多种格式例如HTML/XML/JSON/纯文本/图片/视频/音频等等。资源的表述格式可以通过协商机制来确定。请求-响应方向的表述通常使用不同的格式。
状态转移
状态就是它的一种表现形式是页面还是jsp还是xml还是一个json
状态转移说的是在客户端和服务器端之间转移transfer代表资源状态的表述。通过转移和操作资源的表述来间接实现操作资源的目的。
背景
随着互联网化等逐渐深入应用系统也变得越来越复杂系统架构正在朝着微服务化中台化的方向发展。这就需要各个系统、各个厂家之间的数据频繁交互。所以使用 Restful 风格构建的应用接口适用于移动互联网厂商的业务场景正在被越来越多的企业推荐使用。
使用
功能URL 地址请求方式访问首页/GET查询全部数据/employeeGET删除/employee/2DELETE跳转到添加数据页面/toAddGET执行保存/employeePOST跳转到更新数据页面/employee/2GET执行更新/employeePUT
实体类
public class Employee {private Integer id;private String lastName;private String email;//1 male, 0 femaleprivate Integer gender;
}访问首页
1、配置view-controller
mvc:view-controller path/ view-nameindex/2、创建index.html
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8 titleTitle/title
/head
body
h1首页/h1
a th:href{/employee}访问员工信息/a
/body
/html查询所有员工数据
1、控制器方法
RequestMapping(value /employee, method RequestMethod.GET)
public String getEmployeeList(Model model){CollectionEmployee employeeList employeeDao.getAll();model.addAttribute(employeeList, employeeList);return employee_list;
}2、创建employee_list.html
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8titleEmployee Info/titlescript typetext/javascript th:src{/static/js/vue.js}/script
/head
bodytable border1 cellpadding0 cellspacing0 styletext-align: center; iddataTabletrth colspan5Employee Info/th/trtrthid/ththlastName/ththemail/ththgender/ththoptions(a th:href{/toAdd}add/a)/th/trtr th:eachemployee : ${employeeList}td th:text${employee.id}/tdtd th:text${employee.lastName}/tdtd th:text${employee.email}/tdtd th:text${employee.gender}/tdtda classdeleteA clickdeleteEmployee th:href{/employee/${employee.id}}delete/a!--里边内容会被当成请求地址而后面的内容会当成参数--!--a classdeleteA clickdeleteEmployee th:href{/employee/}${employee.id}--a th:href{/employee/${employee.id}}update/a/td/tr/table
/body
/html删除
1、创建处理delete请求方式的表单
!-- 作用通过超链接控制表单的提交将post请求转换为delete请求 --
form iddelete_form methodpost!-- HiddenHttpMethodFilter要求必须传输_method请求参数并且值为最终的请求方式 --input typehidden name_method valuedelete/
/form2、删除超链接绑定点击事件
引入vue.js
script typetext/javascript th:src{/static/js/vue.js}/script静态资源没办法被springMVC前端控制器处理而默认的servlet才是处理静态资源的servlet
!--开放对静态资源的访问--
mvc:default-servlet-handler/删除超链接
a classdeleteA clickdeleteEmployee th:href{/employee/${employee.id}}delete/a通过vue处理点击事件
script typetext/javascriptvar vue new Vue({el:#dataTable,methods:{//event表示当前事件deleteEmployee:function (event) {//通过id获取表单标签var delete_form document.getElementById(delete_form);//将触发事件的超链接的href属性为表单的action属性赋值如果表单的action没有设置就会提交到当前页面//thymeleaf先解析后解析vuedelete_form.action event.target.href;//提交表单delete_form.submit();//阻止超链接的默认跳转行为对于sumit按钮即使有绑定事件他会先执行事件再提交表单event.preventDefault();}}});
/script3、控制器方法
RequestMapping(value /employee/{id}, method RequestMethod.DELETE)
public String deleteEmployee(PathVariable(id) Integer id){employeeDao.delete(id);return redirect:/employee;
}跳转到添加数据页面
1、配置view-controller
mvc:view-controller path/toAdd view-nameemployee_add/mvc:view-controller2、创建employee_add.html
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8titleAdd Employee/title
/head
bodyform th:action{/employee} methodpostlastName:input typetext namelastNamebremail:input typetext nameemailbrgender:input typeradio namegender value1maleinput typeradio namegender value0femalebrinput typesubmit valueaddbr
/form/body
/html执行保存
1、控制器方法
RequestMapping(value /employee, method RequestMethod.POST)
public String addEmployee(Employee employee){employeeDao.save(employee);return redirect:/employee;
}跳转到更新数据页面
1、修改超链接
a th:href{/employee/${employee.id}}update/a2、控制器方法
RequestMapping(value /employee/{id}, method RequestMethod.GET)
public String getEmployeeById(PathVariable(id) Integer id, Model model){Employee employee employeeDao.get(id);model.addAttribute(employee, employee);return employee_update;
}3、创建employee_update.html
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8titleUpdate Employee/title
/head
bodyform th:action{/employee} methodpostinput typehidden name_method valueputinput typehidden nameid th:value${employee.id}lastName:input typetext namelastName th:value${employee.lastName}bremail:input typetext nameemail th:value${employee.email}br!--th:field${employee.gender}可用于单选框或复选框的回显若单选框的value和employee.gender的值一致则添加checkedchecked属性--gender:input typeradio namegender value1 th:field${employee.gender}maleinput typeradio namegender value0 th:field${employee.gender}femalebrinput typesubmit valueupdatebr
/form/body
/html发送put可以小写或者大写 执行更新
1、控制器方法
RequestMapping(value /employee, method RequestMethod.PUT)
public String updateEmployee(Employee employee){employeeDao.save(employee);return redirect:/employee;
}
