Laravel+API 接口
Laravel+API 接口
网课连接:BIlibili.
中文文档.
1.RestFul Api编码风格
一、API设计
-  修改hosts, C:\Windows\System32\drivers\etc\hosts,增加127.0.0.1 api.lv8.com # Laravel 框架用这个域名来测试(推荐规范)
-  在命令行中使用 php artisan serve --host api.lv8.com
-  在 .env和config/database.php中配置mysql数据库等服务用的wamp;注意这里的 database.php需要配置 prefix属性'mysql' => ['driver' => 'mysql','url' => env('DATABASE_URL'),'host' => env('DB_HOST', '127.0.0.1'),'port' => env('DB_PORT', '3306'),'database' => env('DB_DATABASE', 'forge'),'username' => env('DB_USERNAME', 'forge'),'password' => env('DB_PASSWORD', ''),'unix_socket' => env('DB_SOCKET', ''),'charset' => 'utf8mb4','collation' => 'utf8mb4_unicode_ci','prefix' => 'laravel_', # 重点'prefix_indexes' => true,'strict' => true,'engine' => null,'options' => extension_loaded('pdo_mysql') ? array_filter([PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),]) : [],],
-  安装Postman,测试接口, https://cdn.liyanhui.com/data.json
二、RestFul
-  RestFul Api是一种设计风格,推荐的一种规范,有助于统一协同和管理;
-  这里提供两个网址 RESTful API RESTful API 设计指南 状态码使用规范 
2.资源控制器和路由
一、资源控制器
- 创建一个API-Controller
- php artisan make:controller UserController --api
二、资源路由
-  创建好 API 资源控制器之后,在 route/web.php配置相关api资源路由;Route::apiResourcce('users', 'UserController');
| HTTP类型 | 路由URI | 控制器方法 | 路由命名 | 描述 | 
|---|---|---|---|---|
| GET | users | index() | users.index | 获取数据列表 | 
| POST | users | store() | users.store | 创建页的接受处理 | 
| GET | users/{user} | show() | users.show | 获得一条数据 | 
| PUT/PATCH | users/{user} | update() | users.update | 从编辑页中接受处理 | 
| DELETE | users/{user} | destroy() | users.destroy | 删除一条数据 | 
PS:可以通过
php artisan route:list来查看资源路由列表
3.安装Laravel8.x
-  使用 composer创建composer create-project --prefer-dist laravel/laravel blog
-  提前配置好 hosts 文件,然后运行下面命令 php artisan serve --host www.lv8.com
-  创建一个API-Controller php artisan make:controller UserController --api在UserController 中的 index 写个 return 'index';.
-  然后再 routes/api.php中引入API-Controlleruse App\Http\Controllers\UserController;Route::apiResourcce('users', UserController::class);
-  检查一下路由是否有效 php artisan route:list
现在是可以请求
www.lv8.com:8000/api/users
4.生成标准API
专门创建一个API抽象类,并继承调用它。
生成标准API
-  创建一个抽象类 BaseController实现一个生成API的方法,让控制器继承;php artisan make:controller BaseController/*** Class BaseController* @package App\Http\Controllers* api 基类*/ abstract class BaseController extends Controller {// 生成api方法protected function create($data, $msg = '', $code = 200){// 返回api结果$result = [// 状态码'code' => $code,//自定义信息'msg' => $msg,// 数据返回'data' => $data];return response($result, $code);} }
-  在 UserController中继承上面的抽象类class UserController extends BaseController {public function index(){return $this->create([1,2,3], '数据获取成功',200); // 当前类是 BaseController 的子类,create是继承后的方法 }继承后直接使用 $this来调用抽象类的方法
5.数据列表和分页
数据列表返回
-  创建一个 Model/User,用于数据库模型处理,用命令生成;php artisan make:model api/User// 空模型即可 class User extends Model {use HasFactory; }
-  注意配置数据库连接,账号、密码、数据库名、前缀等 
-  使用模型方式调用数据库链接,并返回数据 // 在 UserController 中 use App\Models\api\User;public function index() {$reslut = User::select('id', 'username', 'email')->get(); // 这里只要了三个字段return $this->create($reslut, '数据获取成功',200);// 使用 paginate 来进行分页 // return $this->create(User::select('id', 'username', 'email')->paginate(5), '数据获取成功',200); // 这里是前五条数据 // return $this->create(User::select('id', 'username', 'email')->simplePaginate(5), '数据获取成功',200); // 简洁版 }注意:这里就已经连接数据库了。 分页操作:没有太多需求的话,一般使用简单形式 simplePaginate.测试接口: http://www.lv8.com:8000/api/users?page=2
6.配置404错误
首先规范一下错误状态的状态码,具体说明如下:
- 200(OK)-表示已在响应中发出
- 204(无内容) - 资源有空表示,请求成功,但无数据
- 301(Moved Permanently) - 资源的URI已被更新
- 303 (See Other) -其他(如,负载均衡)
- 304 (not modified) -资源未更改(缓存)
- 400 (bad request)- 指代坏请求(如,参数错误)
- 404 (not found)- 资源不存在(找不到页面)
- 406 (not acceptable)- 服务端不支持所需表示
- 500 (internal server error)- 通用错误响应
- 503 (Service Unavailable)- 服务端当前无法处理请求
框架已经非常智能的提供了404的处理,只要固定路径配置 404 错误页即可;
覆盖掉系统自带的404:resources/views/errors/404.blade.php
<?php
/** API格式* path:resources/views/errors/404.blade.php* */
// 设置 HTTP 状态码为 404
http_response_code(404);// 设置响应头为 JSON 格式
header('Content-Type: application/json');$result = [// 状态码'code' => 404,// 自定义信息'msg' => '资源不存在~',// 数据返回, 返回一个空'data' => []
];echo json_encode($result);  // 必须要加 json_encode 格式转换    
7.单数据处理及错误
-  资源控制器中 show,表示获取单一数据,传递id参数即可 
-  那么,我们在show 方法里构造获取方式,具体如下: 位置: UserController.phppublic function show($id) {// 判断id 合法if(!is_numeric($id)){return $this->create([], 'id参数错误!!!', 400);}// 获取数据$result = User::select('id', 'username', 'email')->find($id); // 通过id查找// 判断是否为空if(empty($result)){return $this->create([], '请求成功,但无数据~', 204);} else {return $this->create($result, '数据获取成功~', 200);} }PS:路由地址为: http://www.lv8.com:8000/api/users/20
注意,需要把 BaseController 中的 return修改一下
class BaseController extends Controller
{// 生成api方法protected function create($data, $msg = '', $code = 200){// 返回api结果$result = [// 状态码'code' => $code,// 自定义信息'msg' => $msg,// 数据返回'data' => $data];return response($result);}
}
8.新增数据API处理
- 新增一条数据,首先要进行验证,这里找事服务器端的,用验证器即可
- 使用Postman来模拟新增时,选择Body中的form-data(表单),并用POST;
添加数据函数
public function store(Request $request) // post 进入
{// 获取提交数据$data = $request->all();// 数据验证,required 不可为空, unique 唯一,$validator = Validator::make($data, ['username' => 'required|unique:users|min:2|max:10', // 2 < length < 10'password' => 'required|min:6', // x > 6]);// 验证并提示if ($validator->fails()) { // fails 如果发生错误
//            return $this->create([], "提交的数据有误~", 400);return $this->create([], $validator->errors(), 400);  // $validator->errors() 是框架自带的错误提示英文} else {// 写入数据$addData = User::create($data);// 存在,说明成功了if ($addData) {return $this->create($data, '数据添加成功~', 200);}}return $data;// 数据验证
//        $validator
}
数据验证
| 规则 | 说明 | 示例 | 
|---|---|---|
| required | 字段必填(非空) | 'email' => 'required' | 
| nullable | 允许字段为 null | 'phone' => 'nullable' | 
| string | 必须是字符串类型 | 'name' => 'string' | 
| min:value | 最小长度/值(字符串、数组、数值) | 'password' => 'min:6' | 
| max:value | 最大长度/值 | 'username' => 'max:20' | 
| email | 验证邮箱格式 | 'email' => 'email' | 
| unique:table | 数据库唯一性校验 | 'username' => 'unique:users' | 
| exists:table | 值必须存在于数据库 | 'role' => 'exists:roles,name' | 
| confirmed | 与 字段名_confirmation匹配 | 'password' => 'confirmed' | 
| in:value1,value2 | 值必须在指定列表内 | 'status' => 'in:active,pending' | 
| numeric | 必须是数字 | 'age' => 'numeric' | 
| date | 验证日期格式(如 Y-m-d) | 'birthday' => 'date' | 
// 用户名(必填+唯一+长度限制)
'username' => 'required|unique:users|min:2|max:10',// 密码(必填+最小长度+确认)
'password' => 'required|min:6|confirmed'// 邮箱(必填+格式验证)
'email' => 'required|email'
⚡ 快捷记忆口诀
-  必填非空: required
-  数据类型: string、numeric、integer
-  长度控制: min/max/size
-  唯一性: unique(数据库校验)
-  格式验证: email、url、date
-  二次确认: confirmed(如密码确认)
许可赋值 App\Models\api;
<?phpnamespace App\Models\api;use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;class User extends Model
{use HasFactory;// 许可赋值protected $fillable = ['username', 'password','email', 'details'];
}9.删除数据API处理
删除API DELETE
- API删除,使用DELETE动词既可
public function destroy($id)
{// 判断id 合法if(!is_numeric($id)){return $this->create([], 'id参数错误!!!', 400);}// 查找数据,并删除 find$users = User::find($id);// 删除的数据不存在if(empty($users)){return $this->create([], '数据不存在~', 400);}// 执行删除返回if($users->delete()){return $this->create([], '数据删除成功~', 200);}return $this->create([], '请求成功,删除失败~', 200);
}
使用DELETE方式,请求地址:http://www.lv8.com:8000/api/users/20
Controller.
<?phpnamespace App\Http\Controllers;use App\Models\api\client;
use Illuminate\Http\Request;class ClientController extends BaseController
{/*** Display a listing of the resource.** @return \Illuminate\Http\Response*/public function index(){// 获取全部数据$data = client::select('id', 'email', 'password_hash', 'phone_number', 'first_name', 'last_name')->get();return $this->create($data, 'success', 200);}/*** Store a newly created resource in storage.** @param  \Illuminate\Http\Request  $request* @return \Illuminate\Http\Response*/public function store(Request $request){// 验证请求数据$validatedData = $request->validate(['email' => 'required|email|unique:clients','password_hash' => 'required','phone_number' => 'required','first_name' => 'required','last_name' => 'required']);// 创建新的客户端记录$client = client::create($validatedData);return $this->create($client, 'Client created successfully', 201);}/*** Display the specified resource.** @param  int  $id* @return \Illuminate\Http\Response*/public function show($id){// 单数据处理// 判断id是否合法if(!is_numeric($id)){return $this->create([], 'id参数错误~', 400);}// 获取数据$reslut = client::select('id', 'email', 'password_hash', 'phone_number', 'first_name', 'last_name')->find($id);// 判断是否为空if(empty($reslut)){return $this->create([], '请求成功但无数据~', 200);}return $this->create($reslut, 'success', 200);}/*** Update the specified resource in storage.** @param  \Illuminate\Http\Request  $request* @param  int  $id* @return \Illuminate\Http\Response*/public function update(Request $request, $id){// 判断id是否合法if(!is_numeric($id)){return $this->create([], 'id参数错误~', 400);}// 查找要更新的客户端记录$client = client::find($id);if (!$client) {return $this->create([], 'Client not found', 404);}// 验证请求数据$validatedData = $request->validate(['email' => 'email|unique:clients,email,'.$id,'password_hash' => 'sometimes','phone_number' => 'sometimes','first_name' => 'sometimes','last_name' => 'sometimes']);// 更新客户端记录$client->update($validatedData);return $this->create($client, 'Client updated successfully', 200);}/*** Remove the specified resource from storage.** @param  int  $id* @return \Illuminate\Http\Response*/public function destroy($id){// 判断id是否合法if(!is_numeric($id)){return $this->create([], 'id参数错误~', 400);}// 查找要删除的客户端记录$client = client::find($id);if (!$client) {return $this->create([], 'Client not found', 404);}// 删除客户端记录$client->delete();return $this->create([], 'Client deleted successfully', 200);}
}
axios,用例
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Title</title><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><style type="text/css">* {padding: 0;margin: 0;}table {font-size: 18px;border-collapse: collapse;width: 700px;height: 80px;margin: 0 auto;text-align: center;}th {width: 100px;height: 68px;padding: 8px 12px;background: yellowgreen;}table,th,td {border: 1px solid yellowgreen;}</style>
</head>
<body><h1>表格</h1><table class="table"><tr><th>id</th><th>username</th><th>gender</th><th>email</th><th>price</th></tr></table><script type="text/javascript">const table = document.querySelector(".table>tbody");let data_str = table.innerHTML;axios({method: 'get',url: 'https://cdn.liyanhui.com/data.json',// data: {}}).then((res) => {// data = res.data;res.data.forEach((value) =>{data_str += `<tr><td>${value.id}</td><td>${value.username}</td><td>${value.gender}</td><td>${value.email}</td><td>${value.price}</td></tr>`;})table.innerHTML = data_str;});</script>
</body>
</html>
