import React, { Component } from 'react'
import { Space, Tag, Typography } from 'antd'
import Highlighter from 'pages/system/doc/highlighter'

const { Text } = Typography

export default class dto extends Component {
    render() {
        return (
            <Space direction="vertical" className="w-100-p">
                <Text>
                    数据传输类型直接将前端的JSON序列化为实体类，可以在接口中很方便地获取到前端带过来的参数。
                </Text>
                <Text>
                    放置到
                    <Tag color="orange" className="mr-none">
                        Service/区域(可无)/业务模块/Dto
                    </Tag>
                    文件夹下。
                </Text>
                <Text>
                    推荐将输入类型和输出类型区分，既输入Dto
                    <Tag color="red" className="mr-none">
                        Input
                    </Tag>
                    和输出Dto
                    <Tag color="red" className="mr-none">
                        Output
                    </Tag>
                </Text>
                <Highlighter code={this.props.codes['application/dto.cs']} language={'csharp'} />
            </Space>
        )
    }
}
