DRF如何序列化外键的字段

我觉得在有些应用场景下，这个操作是有用的，因为可以减少一个AJAX的请求，以增加性能。

当然，是二次请求，还是一次传输。这即要考虑用户体验，还要兼顾服务器性能。

一切是有条件的平衡吧。就算是一次传输，字段少的可以全部传，而字段多的就要自定义啦。

在以下样例里，发布单是主表，但相关的项目，组件，用户，如果默认情况下，只显示ID，很不友好。

我们可以将相关的外键名称也一并序列化啦。

重点的DRF：

class UserSerializer(serializers.ModelSerializer):

    class Meta:
        model = User
        fields = ('id', 'username', 'email', 'first_name', 'last_name', 'is_superuser')

class SiteSerializer(serializers.ModelSerializer):

    class Meta:
        model = Site
        fields = ('id',  'name')

class AppSerializer(serializers.ModelSerializer):

    class Meta:
        model = App
        fields = ('id', 'name')

class DeployPoolSerializer(serializers.ModelSerializer):
    site = SiteSerializer(source='site_name') #如有问题，记得那个read_only,many之类的参数，然后看官方文档
    app = SiteSerializer(source='app_name')
    create_user = UserSerializer()

    class Meta:
        model = DeployPool
        fields = ('id',  'name', 'description', 'site', 'app', 'branch_build',
                  'jira_issue_no', 'create_user', 'change_date')
        read_only_fields = ('name',)

angular服务和控制器：

prismVersion.factory("versionSrv", ['$resource', function ($resource) {
    return $resource(
        "http://127.0.0.1:8000/server_api/version_api/:Id",
        {Id: "@Id" },
        {'query': {method: 'GET' }},
        {update: {method: "PUT"}}
    );
}]);

prismVersion.factory("siteSrv", ['$resource', function ($resource) {
    return $resource(
        "http://127.0.0.1:8000/server_api/site_api/:Id",
        {Id: "@Id" },
        {'query': {method: 'GET' }},
        {update: {method: "PUT"}}
    );
}]);

prismVersion.controller('versionCtrl',
    ['$scope','versionSrv','siteSrv',
        function($scope,
            versionSrv, siteSrv){
                $scope.versions = versionSrv.query();
}]);

angular显示：

<tr ng-repeat="item in versions.results">
                                <td>
                                    <a href="#" target="_blank">{{item.id}}-{{item.name}}</a>

                                </td>

                                <td>
                                    <a href="#">
                                        {{item.app.id}}-
                                        {{item.app.name}}
                                    </a>

                                </td>
                                <td>
                                    <a href="#">
                                        {{item.site.id}}-
                                        {{item.site.name}}
                                    </a>
                                </td>
                                <td>
                                    {{item.branch_build}}
                                </td>

                                 <td>
                                        <a href="#">
                                         {{item.jira_issue_version}}
                                     </a>
                                </td>
                                <td>
                                    {{item.create_user.id}}-
                                    {{item.create_user.username}}
                                </td>

                                <td>
                                    {{item.change_date}}
                                </td>
                            </tr>

　　LOOK：