errorHandler, // 默认错误处理
credentials: ‘include’, // 默认请求是否带上cookie
});
// request拦截器, 改变url 或 options.
request.interceptors.request.use((url, options) => {
console.log(url)
if (options.data) {
console.log(JSON.stringify(options.data))
} else if (options.params && Object.keys(options.params).length > 0) {
console.log(options.params)
}
return {
url: url,
options: options,
};
});
// response拦截器, 处理response
request.interceptors.response.use(async response => {
const data = await response.clone().json();
console.log(data)
if (data.code !== 200) {
message.error(data.message);
return data.message
} else {
return response;
}
});
export default request;
- 网络请求接口（service.ts中）
import { request as request1 } from ‘umi’;
import { message } from ‘antd’;
import request from ‘@/utils/request’;
import { FormValues } from ‘./data’
export async function getRemoteList1() {
return request1(‘/api/users’, {
method: ‘get’
})
.then(response => {
return response
})
.catch(error => {
console.log(error);
});
}
export async function editRecord1({ id, value }: any) {
return request1(/api/edit, {
method: ‘post’,
data: value
})
.then(response => {
if (response.code != 200) {
message.error(response.message);
}
return response
})
.catch(error => {
message.error(error);
});
}
// -----------------------------------使用封装后的request---------------------------------------------
type EditRecordParamsType = {
id: number | undefined;
value: FormValues;
};
export async function getRemoteList(params: {
pageSize: number, current: number, id?: string,
startTime?: string, endTime?: string
}): Promise {
console.log(“getRemoteList==>” + params.current + “,----” + params.pageSize
- “,----” + params.id + “,----” + params.startTime + “,----” + params.endTime)
return request(‘/api/users’);
}
export async function editRecord(params: EditRecordParamsType): Promise {
return request(‘/api/edit’, {
method: ‘POST’,
data: params,
});
}
- 提取公用数据类型（data.d.ts中）
/**
- 这个文件是放 公共的 类型接口的
*/
import { Key } from “react”
/**
- 封装后台返回的数据
*/
export type SingleUserType ={
id: number,
name?: string,
email?: string,
create_time?: string,
update_time?: string,
status: number
}
/**
- Modal 框的确定按钮的类型
*/
export type FormValues ={
}
- 首页index.tsx展示数据
import React, { useState, useRef, FC } from ‘react’;
import { PlusOutlined } from ‘@ant-design/icons’;
import { Space, message, Button } from ‘antd’;
import ProTable from ‘@ant-design/pro-table’;
import UserModal from ‘./components/UserModal’
import { SingleUserType, FormValues } from ‘./data’
import type { ProColumns, ActionType } from ‘@ant-design/pro-table’;
import { editRecord, getRemoteList } from ‘./service’
type ListParamsType = {
pageSize: number,
current: number,
id?: string,
startTime?: string,
endTime?: string
}
const UserListPage: FC = () => {
//控制modal弹框
const [visible, setVisible] = useState(false);
const [confirmLoading, setConfirmLoading] = useState(false);
const [record, setRecord] = useState<SingleUserType | undefined>(undefined);
//配置ProTable
const ref = useRef();
//编辑
const onClickEdit = (record: SingleUserType) => {
setVisible(true)
setRecord(record)
};
/**
- 表单提交
*/
const onFinish = async (value: FormValues) => {
setConfirmLoading(true);
const id = record?.id
const result = await editRecord({ id, value })
if (result && result instanceof Object) {
message.success(result.data);
setVisible(false);
// 刷新
ref.current?.reload();
}
setConfirmLoading(false);
};
/**
- ProTable的网络请求 request
*/
const requestHandler = async (params: ListParamsType) => {
console.log(params)
const users = await getRemoteList(params);
return {
data: users.data,
success: true,
total: users.meta?.total
}
}
//关闭弹窗
const handleCancel = () => {
setVisible(false);
};
const columns: ProColumns[] = [
{
title: ‘ID’,
dataIndex: ‘id’,
width: 68,
},
{
title: ‘名称’,
dataIndex: ‘name’,
search: false,
ellipsis: true,
render: (text) => {text},
},
{
title: ‘创建时间’,
key: ‘showTime’,
dataIndex: ‘create_time’,
valueType: ‘dateTime’,
hideInSearch: true,
},
{
title: ‘创建时间’,
dataIndex: ‘create_time’,
valueType: ‘dateTimeRange’,
hideInTable: true,
colSize:2,
search: {
transform: (value) => {
console.log(value)
return {
startTime: value[0],
endTime: value[1],
};
},
},
},
{
title: ‘操作’,
render: (text, record: SingleUserType) => (
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
最后
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021BAT 面试真题解析，我把大厂面试中常被问到的技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。
还有 高级架构技术进阶脑图 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。
Android 基础知识点
Java 基础知识点
Android 源码相关分析
常见的一些原理性问题
希望大家在今年一切顺利，进到自己想进的公司，共勉！
含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**
如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
[外链图片转存中…(img-1mDPRJq7-1711805983305)]
最后
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021BAT 面试真题解析，我把大厂面试中常被问到的技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。
还有 高级架构技术进阶脑图 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。
Android 基础知识点
Java 基础知识点
Android 源码相关分析
常见的一些原理性问题
[外链图片转存中…(img-vhcj2PKA-1711805983305)]
希望大家在今年一切顺利，进到自己想进的公司，共勉！
218
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
