搜索
博主信息
博文 62
粉丝 3
评论 1
访问量 41260
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
vue+element操作与接口
kiraseo_wwwkiraercom
原创
553人浏览过

安装axios与封装axios

安装命令

  1. yarn add axios

安装axios

封装axios

代码如下

request.js

  1. import axios from "axios";
  2. export function request(config) {
  3. const instance = axios.create({
  4. baseURL: "http://www.tpxm.com/index.php",
  5. timeout: 5000,
  6. });
  7. //请求拦截
  8. instance.interceptors.request.use(
  9. (config) => {
  10. // 如果API需要认证, 在这统一设置
  11. return config;
  12. },
  13. (err) => {
  14. }
  15. );
  16. //响应拦截
  17. instance.interceptors.response.use(
  18. (res) => {
  19. return res.data ? res.data : res;
  20. },
  21. (err) => {
  22. // 如果没有授权, 去login
  23. // 如果有错误, 在这里可以提示
  24. }
  25. );
  26. return instance(config);
  27. }

admin.js

  1. import { request } from "./request.js";
  2. export function getHome() {
  3. return request({
  4. url: "/Index/api/index",
  5. method : "post",
  6. })
  7. }
  8. export function Save(data){
  9. return request({
  10. url : "/Index/api/save",
  11. method : "post",
  12. data : data
  13. })
  14. }

接口

接口代码如下

  1. <?php
  2. namespace app\index\controller;
  3. use app\BaseController;
  4. use think\facade\Db;
  5. use think\facade\Request;
  6. class api extends BaseController
  7. {
  8. public function index(){
  9. header("Access-Control-Allow-Origin: *");
  10. $data= Db::table('bew_users')->select()->toArray();
  11. //var_dump($data);
  12. $datlists=[];
  13. foreach ($data as $v){
  14. if ($v['status']==1){
  15. $v['status_s']="在职";
  16. }else{
  17. $v['status_s']="离职";
  18. }
  19. $v['add_time_s'] = date('Y-m-d H:m:s',$v['add_time']);
  20. $v['last_time_s'] = date('Y-m-d H:m:s',$v['last_time']);
  21. $datlists[]= $v;
  22. }
  23. echo json_encode($datlists);
  24. }
  25. public function save(){
  26. if(Request::isPost()){
  27. $data = Request::param();
  28. $datalist = [
  29. 'account'=>$data['account'],
  30. 'name'=>$data['name'],
  31. 'password'=>md5($data['password']),
  32. 'phone'=>$data['phone'],
  33. 'status'=>$data['status'],
  34. 'add_time'=>strtotime($data['add_time']),
  35. 'last_time'=>time(),
  36. ];
  37. $res = Db::name('bew_users')->save($datalist);
  38. if ($res){
  39. $rest = ['code'=>0,'msg'=>"操作成功,更新中"];
  40. }else{
  41. $rest = ['code'=>1,'msg'=>"操作失败,更新中"];
  42. }
  43. echo json_encode($rest);
  44. }
  45. }
  46. }

效果图

加载接口数据
添加后台的数据

批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学