• react--电商商品列表使用

    目录

    整体页面效果

    项目技术点

    拦截器的配置

    主页面

    添加商品

    分页，搜索

    修改商品

    删除商品

    完整代码

    整体页面效果

    项目技术点

    • antd组件库，@ant-design/icons antd的图标库
    • axios 接口请求，拦截器配置
    • node-sass  sass-loader css样式的一个嵌套
    • react-router-dom  react路由使用
    • react-redux    redux
    • hooks：大多数我们用的是函数组件，函数组件没有state属性，所以我们使用hooks来初始化数据，并且函数组件没有生命周期

    拦截器的配置

    由于我们登录成功之后，需要我们获取到token令牌之后，我们才能获取到数据，如果每个页面都需要获取一次token，代码比较啰嗦，所以我们配置了一个拦截器

    需要授权的 API ，必须在请求头中使用 Authorization 字段提供 token 令牌

    1. //配置拦截器
    2. import axios from "axios";
    3. //2. 创建对象
    4. const Server = axios.create({
    5.     baseURL:"http://api.xiaohuihui0728.cn:8888/api/private/v1/",//基地址
    6.     timeout:5000,
    7. })
    8. //3. 请求拦截器
    9. Server.interceptors.request.use((config)=>{
    10.     //前置拦截器请求发送出去之前触发
    11.     console.log(config);
    12.     //增加一个token值
    13.     let token = sessionStorage.getItem("token");
    14.     config.headers["Authorization"] = token; 
    15.     return config;
    16. },(err)=>Promise.reject(err));
    17. //4. 响应拦截器
    18. Server.interceptors.response.use((response)=>{
    19.     //请求成功，服务端返回数据到客户端之前触发
    20.  
    21.     return response.data;
    22. },(err)=>Promise.reject(err))
    23. //5.抛出Serve对象的内容
    24. export default Server;

    主页面

    我们的数据写在columns里面，在里面的dataIndex绑定我们获取到的数据

    1.   const columns = [
    2.         {
    3.             title: '商品名称',
    4.             dataIndex: 'goods_name',
    5.             key: 'username',
    6.         },
    7.         {
    8.             title: '商品价格',
    9.             dataIndex: 'goods_price',
    10.             key: 'email',
    11.         },
    12.         {
    13.             title: '商品重量',
    14.             dataIndex: 'goods_weight',
    15.             key: 'mobile',
    16.         },
    17.         {
    18.             title: '创建时间',
    19.             dataIndex: 'goods_state',
    20.             key: 'role_name',
    21.         },
    22.  
    23.         {
    24.             title: '操作',
    25.             key: 'action',
    26.             render: (_, record) => {
    27.                 return (
    28.                     <>
    29.                         <Button type="primary" size="small" onClick={() => { showedit(record.goods_id) }}> <EditOutlined /> </Button> &nbsp;
    30.                         <Button type="primary" size="small" danger onClick={() => { delGoods(record.goods_id) }} > <DeleteOutlined /> </Button> &nbsp;
    31.  
    32.                     </>
    33.                 )
    34.             }
    35.  
    36.         }
    37.     ];
    38.     const [userData, setUserData] = useState([])
    39.  // 初始化数据 
    40.     useEffect(() => {
    41.         getUserData()
    42.         setPage(1)
    43.     }, [search, page, pageSize])
    44.  
    45.  // 初始化请求数据 用户
    46.     const getUserData = async () => {
    47.         console.log(pageSize);
    48.         console.log(search);
    49.         console.log(page);
    50.         let { data } = await axios.get(`goods?pagenum=${page}&query=${search}&pagesize=${pageSize}`)
    51.         console.log(data.goods);
    52.         if (data) {
    53.             setTotal(data.total);
    54.             setUserData(data.goods);
    55.         }
    56.     }
    57.  
    58.  <Table pagination={false} bordered dataSource={userData} columns={columns} rowKey={(record) => record.goods_id} />

    添加商品

    添加弹出对话框，添加里面有一个上传图片，我们上传的图片有一个单独的添加接口，所以我们使用action属性绑定我们要上传的路径，headres获取token，使用onChange获取图片上传的路径，然后在我们点击提交form表单数据时把图片临时地址添加成功 

    1.     // 添加弹窗状态 
    2.     const [addIsModalVisible, setAddIsModalVisible] = useState(false);
    3.     // 存图片
    4.     let [img,setimg] = useState("");
    5.   // 添加取消 
    6.     const addHandleCancel = () => {
    7.         setAddIsModalVisible(false);
    8.     };
    9. //获取token
    10.    let token = sessionStorage.getItem("token");
    11.     // 添加商品
    12.     const onAdd = async (value)=>{
    13.         console.log(value);
    14.         let pics = [{pic:img}];
    15.         let data= await axios.post("goods",{...value,pics})
    16.         setAddIsModalVisible(false);
    17.         getUserData()
    18.     }
    19. //图片上传
    20.     const success = (info)=>{
    21.         if(info.file.status==="done"){
    22.             console.log(info.file.response.data.tmp_path);
    23.             setimg(info.file.response.data.tmp_path)
    24.         } 
    25.     }          
    26.  <Modal title="商品添加" visible={addIsModalVisible} footer={null} ref={addFormRef}>
    27.                 <Form
    28.                     name="basic"
    29.                     labelCol={{ span: 4 }}
    30.                     wrapperCol={{ span: 16 }}
    31.                     initialValues={{ remember: true }}
    32.                     onFinish={onAdd}
    33.                     onFinishFailed={onFinishFailed}
    34.                     autoComplete="off"
    35.                 >
    36.                     <Form.Item
    37.                         label="商品名称"
    38.                         name="goods_name"
    39.                         rules={[{ required: true, message: '请输入商品名称' }]}
    40.                     >
    41.                         <Input />
    42.                     </Form.Item>
    43.                     <Form.Item
    44.                         label="商品价格"
    45.                         name="goods_price"
    46.                         rules={[{ required: true, message: '请输入商品价格' }]}
    47.                     >
    48.                         <Input />
    49.                     </Form.Item>
    50.                     <Form.Item
    51.                         label="商品数量"
    52.                         name="goods_number"
    53.                         rules={[{ required: true, message: '请输入商品数量' }]}
    54.                     >
    55.                         <Input />
    56.                     </Form.Item>
    57.                     <Form.Item
    58.                         label="商品重量"
    59.                         name="goods_weight"
    60.                         rules={[{ required: true, message: '请输入商品重量' }]}
    61.                     >
    62.                         <Input />
    63.                     </Form.Item>
    64.                     <Form.Item
    65.                         label="商品图片"
    66.                         name="pics"
    67.  
    68.                     >
    69.                         <Upload {...props} action='http://api.xiaohuihui0728.cn:8888/api/private/v1/upload'
    70.                          headers={{"Authorization":token}} onChange={success} listType='picture'>
    71.                             <Button type='primary'>上传图片</Button>
    72.                         </Upload>
    73.                     </Form.Item>
    74.                     <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 16 }}>
    75.                         <Button type="primary" htmlType="submit" >
    76.                             Submit
    77.                         </Button>
    78.                         &nbsp;
    79.                         <Button type="primary" onClick={() => { (addHandleCancel()) }} danger>
    80.                             取消
    81.                         </Button>
    82.                     </Form.Item>
    83.                 </Form>
    84.             </Modal>
    85.  <Button type="primary" onClick={showModal}> <EditOutlined /> 添加商品 </Button>

    分页，搜索

    我们在获取数据的时候，就获取我们的分页条数和总数以及搜索的关键字，然后在分页中进行数据属性的配置即可

    1.  
    2.   // 搜索 
    3.     let [search, setSearch] = useState("")
    4.     // 总条数
    5.     let [total, setTotal] = useState(0)
    6.     // 当前页
    7.     let [page, setPage] = useState(1)
    8.    // 每页条数 
    9.     let [pageSize, setPageSize] = useState(2)
    10.  
    11.    // 搜索 
    12.     const onSearch = (val) => {
    13.         setSearch(val)
    14.     }
    15.     // 分页
    16.     const onChange = (page, pageSize) => {
    17.         setPage(page)
    18.         setPageSize(pageSize)
    19.     }
    20.  
    21.  
    22.  // 初始化请求数据 用户
    23.     const getUserData = async () => {
    24.         console.log(pageSize);
    25.         console.log(search);
    26.         console.log(page);
    27.         let { data } = await axios.get(`goods?pagenum=${page}&query=${search}&pagesize=${pageSize}`)
    28.         console.log(data.goods);
    29.         if (data) {
    30.             setTotal(data.total);
    31.             setUserData(data.goods);
    32.         }
    33.     } 
    34. <Search allowClear placeholder="input search text" onSearch={onSearch} enterButton style={{ width: 300, height: 60 }} />
    35.  <Pagination
    36.                     className='pagination'
    37.                     total={total}
    38.                     showSizeChanger
    39.                     showQuickJumper
    40.                     pageSizeOptions={[10, 20, 30]}
    41.                     defaultPageSize={2}
    42.                     showTotal={(total) => `Total ${total} items`}
    43.                     onChange={onChange}
    44.                 />

    修改商品

    我们在点击修改弹出对话框的同时，需要把数据绑定到输入框内，我们利用 formRef.current.setFieldsValue进行数据回填，然后请求修改接口即可

    1.     // 修改弹出框
    2.     const [isModalVisible, setIsModalVisible] = useState(false); 
    3.  
    4.  
    5.     // 修改弹出框，数据回填
    6.     const showedit = async (e) => {
    7.         setIsModalVisible(true);
    8.         setgoodid(e)
    9.  
    10.         let { data } = await axios.get(`goods/${e}`)
    11.         console.log(data);
    12.         formRef.current.setFieldsValue({
    13.             goods_name: data.goods_name,
    14.             goods_price: data.goods_price,
    15.             goods_number: data.goods_number,
    16.             goods_weight: data.goods_weight
    17.         })
    18.     };
    19.   // 修改取消按钮
    20.     const editHandleCancel = () => {
    21.         setIsModalVisible(false)
    22.     }
    23. // 修改商品
    24.     const onFinish = async (values) => {
    25.         let { meta } = await axios.put(`goods/${goodid}`, {
    26.             goods_name: values.goods_name,
    27.             goods_number: values.goods_number,
    28.             goods_price: values.goods_price,
    29.             goods_weight: values.goods_weight
    30.         })
    31.         // console.log(data);
    32.         if (meta.status === 200) {
    33.             message.success(meta.msg)
    34.             setIsModalVisible(false);
    35.             getUserData()
    36.         } else {
    37.             message.info(meta.msg)
    38.             setIsModalVisible(false);
    39.         }
    40.  
    41.  
    42.  
    43.     };
    44.  
    45.  
    46.  <Button type="primary" size="small" onClick={() => { showedit(record.goods_id) }}> <EditOutlined /> </Button>
    47.  
    48.  {/* 修改弹出框 */}
    49.             <Modal title="修改商品" visible={isModalVisible} footer={null}>
    50.                 <Form
    51.                     name="basic"
    52.                     labelCol={{ span: 4 }}
    53.                     wrapperCol={{ span: 16 }}
    54.                     initialValues={{ remember: true }}
    55.                     onFinish={onFinish}
    56.                     onFinishFailed={onFinishFailed}
    57.                     autoComplete="off"
    58.                     {...layout}
    59.                     ref={formRef}
    60.  
    61.                 >
    62.                     <Form.Item
    63.                         label="商品名称"
    64.                         name="goods_name"
    65.                         rules={[{ required: true, message: '请输入商品名称' }]}
    66.                     >
    67.                         <Input />
    68.                     </Form.Item>
    69.                     <Form.Item
    70.                         label="商品价格"
    71.                         name="goods_price"
    72.                         rules={[{ required: true, message: '请输入商品价格' }]}
    73.                     >
    74.                         <Input />
    75.                     </Form.Item>
    76.                     <Form.Item
    77.                         label="商品数量"
    78.                         name="goods_number"
    79.                         rules={[{ required: true, message: '请输入商品数量' }]}
    80.                     >
    81.                         <Input />
    82.                     </Form.Item>
    83.                     <Form.Item
    84.                         label="商品重量"
    85.                         name="goods_weight"
    86.                         rules={[{ required: true, message: '请输入商品重量' }]}
    87.                     >
    88.                         <Input />
    89.                     </Form.Item>
    90.  
    91.                     <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 16 }}>
    92.                         <Button type="primary" htmlType="submit">
    93.                             Submit
    94.                         </Button>
    95.                         &nbsp;
    96.                         <Button type="primary" onClick={() => { (editHandleCancel()) }} danger>
    97.                             取消
    98.                         </Button>
    99.                     </Form.Item>
    100.                 </Form>
    101.             </Modal>

    删除商品

    点击删除按钮传递一个id，然后请求删除接口即可

    1.                         
    2.     // 删除
    3.     const delGoods = async (e) => {
    4.         console.log(e);
    5.         let { meta } = await axios.delete(`goods/${e}`)
    6.  
    7.         switch (meta.status) {
    8.             case 200:
    9.                 message.success(meta.msg)
    10.                 break;
    11.             default:
    12.                 message.warning("删除失败")
    13.                 break;
    14.         }
    15.         getUserData()
    16.     }
    17.  
    18. <Button type="primary" size="small" danger onClick={() => { delGoods(record.goods_id) }} > <DeleteOutlined /> </Button>

    完整代码

    1. import { DeleteOutlined, EditOutlined } from '@ant-design/icons';
    2. import { Button, Card, Form, Input, message, Modal, Pagination, Table, Upload } from 'antd';
    3. import React, { useEffect, useRef, useState } from 'react';
    4. import axios from '../utils/request';
    5. import './goods.scss';
    6. const { Search } = Input;
    7.  
    8.  
    9. const props = {
    10.     name: 'file',
    11.     action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
    12.     headers: {
    13.         authorization: 'authorization-text',
    14.     }
    15. }
    16.  
    17. export default function Goods() {
    18.     let formRef = useRef()
    19.     let addFormRef = useRef(null)
    20.     const [userData, setUserData] = useState([])
    21.     // 添加弹窗状态 
    22.     const [addIsModalVisible, setAddIsModalVisible] = useState(false);
    23.     // 存图片
    24.     let [img,setimg] = useState("");
    25.     // 搜索 
    26.     let [search, setSearch] = useState("")
    27.     // 总条数
    28.     let [total, setTotal] = useState(0)
    29.     // 当前页
    30.     let [page, setPage] = useState(1)
    31.     // 修改弹出框
    32.     const [isModalVisible, setIsModalVisible] = useState(false);
    33.     // 每页条数 
    34.     let [pageSize, setPageSize] = useState(2)
    35.     const [goodid, setgoodid] = useState(0)
    36.  
    37.     const showModal = () => {
    38.         setAddIsModalVisible(true);
    39.     };
    40.  
    41. // 修改商品
    42.     const onFinish = async (values) => {
    43.         let { meta } = await axios.put(`goods/${goodid}`, {
    44.             goods_name: values.goods_name,
    45.             goods_number: values.goods_number,
    46.             goods_price: values.goods_price,
    47.             goods_weight: values.goods_weight
    48.         })
    49.         // console.log(data);
    50.         if (meta.status === 200) {
    51.             message.success(meta.msg)
    52.             setIsModalVisible(false);
    53.             getUserData()
    54.         } else {
    55.             message.info(meta.msg)
    56.             setIsModalVisible(false);
    57.         }
    58.  
    59.  
    60.  
    61.     };
    62.  
    63.     const onFinishFailed = (errorInfo) => {
    64.         console.log('Failed:', errorInfo);
    65.     };
    66.  
    67.     // 修改弹出框，数据回填
    68.     const showedit = async (e) => {
    69.         setIsModalVisible(true);
    70.         setgoodid(e)
    71.  
    72.         let { data } = await axios.get(`goods/${e}`)
    73.         console.log(data);
    74.         formRef.current.setFieldsValue({
    75.             goods_name: data.goods_name,
    76.             goods_price: data.goods_price,
    77.             goods_number: data.goods_number,
    78.             goods_weight: data.goods_weight
    79.         })
    80.     };
    81.     // 初始化数据 
    82.     useEffect(() => {
    83.         getUserData()
    84.         setPage(1)
    85.     }, [search, page, pageSize])
    86.     // 添加
    87.     const layout = { labelCol: { span: 4 }, wrapperCol: { span: 20 } };
    88.     // 添加取消 
    89.     const addHandleCancel = () => {
    90.         setAddIsModalVisible(false);
    91.     };
    92.     // 修改取消按钮
    93.     const editHandleCancel = () => {
    94.         setIsModalVisible(false)
    95.     }
    96.  
    97.   
    98.   
    99.     // 删除
    100.     const delGoods = async (e) => {
    101.         console.log(e);
    102.         let { meta } = await axios.delete(`goods/${e}`)
    103.  
    104.         switch (meta.status) {
    105.             case 200:
    106.                 message.success(meta.msg)
    107.                 break;
    108.             default:
    109.                 message.warning("删除失败")
    110.                 break;
    111.         }
    112.         getUserData()
    113.     }
    114.     // 初始化请求数据 用户
    115.     const getUserData = async () => {
    116.         console.log(pageSize);
    117.         console.log(search);
    118.         console.log(page);
    119.         let { data } = await axios.get(`goods?pagenum=${page}&query=${search}&pagesize=${pageSize}`)
    120.         console.log(data.goods);
    121.         if (data) {
    122.             setTotal(data.total);
    123.             setUserData(data.goods);
    124.         }
    125.     }
    126.     const columns = [
    127.         {
    128.             title: '商品名称',
    129.             dataIndex: 'goods_name',
    130.             key: 'username',
    131.         },
    132.         {
    133.             title: '商品价格',
    134.             dataIndex: 'goods_price',
    135.             key: 'email',
    136.         },
    137.         {
    138.             title: '商品重量',
    139.             dataIndex: 'goods_weight',
    140.             key: 'mobile',
    141.         },
    142.         {
    143.             title: '创建时间',
    144.             dataIndex: 'goods_state',
    145.             key: 'role_name',
    146.         },
    147.  
    148.         {
    149.             title: '操作',
    150.             key: 'action',
    151.             render: (_, record) => {
    152.                 return (
    153.                     <>
    154.                         <Button type="primary" size="small" onClick={() => { showedit(record.goods_id) }}> <EditOutlined /> </Button> &nbsp;
    155.                         <Button type="primary" size="small" danger onClick={() => { delGoods(record.goods_id) }} > <DeleteOutlined /> </Button> &nbsp;
    156.  
    157.                     </>
    158.                 )
    159.             }
    160.  
    161.         }
    162.     ];
    163.     // 搜索 
    164.     const onSearch = (val) => {
    165.         setSearch(val)
    166.     }
    167.     // 分页
    168.     const onChange = (page, pageSize) => {
    169.         setPage(page)
    170.         setPageSize(pageSize)
    171.     }
    172.     let token = sessionStorage.getItem("token");
    173.     // 添加商品
    174.     const onAdd = async (value)=>{
    175.         console.log(value);
    176.         let pics = [{pic:img}];
    177.         let data= await axios.post("goods",{...value,pics})
    178.         setAddIsModalVisible(false);
    179.         getUserData()
    180.     }
    181.     const success = (info)=>{
    182.         if(info.file.status==="done"){
    183.             console.log(info.file.response.data.tmp_path);
    184.             setimg(info.file.response.data.tmp_path)
    185.         } 
    186.     }
    187.     return (
    188.  
    189.         <div className='goods'>
    190.             {/* 主体表格区域 */}
    191.             <Card >
    192.                 <Search allowClear placeholder="input search text" onSearch={onSearch} enterButton style={{ width: 300, height: 60 }} />
    193.                 &nbsp;
    194.                 <Button type="primary" onClick={showModal}> <EditOutlined /> 添加商品 </Button>
    195.                 <Table pagination={false} bordered dataSource={userData} columns={columns} rowKey={(record) => record.goods_id} />
    196.  
    197.                 <Pagination
    198.                     className='pagination'
    199.                     total={total}
    200.                     showSizeChanger
    201.                     showQuickJumper
    202.                     pageSizeOptions={[10, 20, 30]}
    203.                     defaultPageSize={2}
    204.                     showTotal={(total) => `Total ${total} items`}
    205.                     onChange={onChange}
    206.                 />
    207.             </Card>
    208.             <Modal title="商品添加" visible={addIsModalVisible} footer={null} ref={addFormRef}>
    209.                 <Form
    210.                     name="basic"
    211.                     labelCol={{ span: 4 }}
    212.                     wrapperCol={{ span: 16 }}
    213.                     initialValues={{ remember: true }}
    214.                     onFinish={onAdd}
    215.                     onFinishFailed={onFinishFailed}
    216.                     autoComplete="off"
    217.                 >
    218.                     <Form.Item
    219.                         label="商品名称"
    220.                         name="goods_name"
    221.                         rules={[{ required: true, message: '请输入商品名称' }]}
    222.                     >
    223.                         <Input />
    224.                     </Form.Item>
    225.                     <Form.Item
    226.                         label="商品价格"
    227.                         name="goods_price"
    228.                         rules={[{ required: true, message: '请输入商品价格' }]}
    229.                     >
    230.                         <Input />
    231.                     </Form.Item>
    232.                     <Form.Item
    233.                         label="商品数量"
    234.                         name="goods_number"
    235.                         rules={[{ required: true, message: '请输入商品数量' }]}
    236.                     >
    237.                         <Input />
    238.                     </Form.Item>
    239.                     <Form.Item
    240.                         label="商品重量"
    241.                         name="goods_weight"
    242.                         rules={[{ required: true, message: '请输入商品重量' }]}
    243.                     >
    244.                         <Input />
    245.                     </Form.Item>
    246.                     <Form.Item
    247.                         label="商品图片"
    248.                         name="pics"
    249.  
    250.                     >
    251.                         <Upload {...props} action='http://api.xiaohuihui0728.cn:8888/api/private/v1/upload'
    252.                          headers={{"Authorization":token}} onChange={success} listType='picture'>
    253.                             <Button type='primary'>上传图片</Button>
    254.                         </Upload>
    255.                     </Form.Item>
    256.                     <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 16 }}>
    257.                         <Button type="primary" htmlType="submit" >
    258.                             Submit
    259.                         </Button>
    260.                         &nbsp;
    261.                         <Button type="primary" onClick={() => { (addHandleCancel()) }} danger>
    262.                             取消
    263.                         </Button>
    264.                     </Form.Item>
    265.                 </Form>
    266.             </Modal>
    267.  
    268.             {/* 修改弹出框 */}
    269.             <Modal title="修改商品" visible={isModalVisible} footer={null}>
    270.                 <Form
    271.                     name="basic"
    272.                     labelCol={{ span: 4 }}
    273.                     wrapperCol={{ span: 16 }}
    274.                     initialValues={{ remember: true }}
    275.                     onFinish={onFinish}
    276.                     onFinishFailed={onFinishFailed}
    277.                     autoComplete="off"
    278.                     {...layout}
    279.                     ref={formRef}
    280.  
    281.                 >
    282.                     <Form.Item
    283.                         label="商品名称"
    284.                         name="goods_name"
    285.                         rules={[{ required: true, message: '请输入商品名称' }]}
    286.                     >
    287.                         <Input />
    288.                     </Form.Item>
    289.                     <Form.Item
    290.                         label="商品价格"
    291.                         name="goods_price"
    292.                         rules={[{ required: true, message: '请输入商品价格' }]}
    293.                     >
    294.                         <Input />
    295.                     </Form.Item>
    296.                     <Form.Item
    297.                         label="商品数量"
    298.                         name="goods_number"
    299.                         rules={[{ required: true, message: '请输入商品数量' }]}
    300.                     >
    301.                         <Input />
    302.                     </Form.Item>
    303.                     <Form.Item
    304.                         label="商品重量"
    305.                         name="goods_weight"
    306.                         rules={[{ required: true, message: '请输入商品重量' }]}
    307.                     >
    308.                         <Input />
    309.                     </Form.Item>
    310.  
    311.                     <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 16 }}>
    312.                         <Button type="primary" htmlType="submit">
    313.                             Submit
    314.                         </Button>
    315.                         &nbsp;
    316.                         <Button type="primary" onClick={() => { (editHandleCancel()) }} danger>
    317.                             取消
    318.                         </Button>
    319.                     </Form.Item>
    320.                 </Form>
    321.             </Modal>
    322.         </div>
    323.     )
    324. }

  • 相关阅读:
    VUE+Spring Boot前后端分离开发实战(三)：基于vue+spirngboot实现后台通用管理系统框架
    多人音视频实时通讯架构
    MEMS制造的基本工艺——晶圆键合工艺
    数据结构知识点补充
    H5判断当前环境是否为微信小程序
    Fast semi-supervised learning with anchor graph for large
    VRChat 2024年裁员原因与背景深度分析
    git-仓库迁移并保留commit log
    这些国外客户真直接
    day09-1存储引擎
  • 原文地址：https://blog.csdn.net/qq_60976312/article/details/126399717