前后端分离式的开发模式

js调用php接口

1. javascript调用（前后端分离的方式），php （json格式）的api接口；
   <1>前端接口：列表数据接口、详情数据接口、登录接口、注册接口
   <2>后端接口：登录、注册、发表文章接口、编辑接口、删除接口
2. 调用接口数据的类型
   <1>JavaScript原生AJAX调数据-一串代码
   <2>axios调数据
   <3>VueCLI安装axios调数据

访问一个api接口的流程

使用的工具：phpstudy+HBuilder X
后端的接口
1.利用phpstudy创建网站和数据库；
2.登录phpMyAdmin数据表单并写入数据；
3.在网站根目录下创建php文件，菜鸟教程查询php查询数据语句；
4.访问localhost/根目录文件/.php文件（通过json header json格式形式输出）；
5.输出的网站就是一个接口，前端可以通过访问这个接口获取到想要的数据。

---

前端的调用（通过ajax）
1.在网站的根目录下创建一个前端的文件夹，利用ajax通过后端写好的接口就可以获取到数据了；
2.对获取到的数据进行显示操作。

利用dede来创建一个网站
json数据的输出共有两种形式，一种是以某个状态返回的动作，一种是从数据中的拿到什么内容并渲染出来。