django 板块动态切换

最新推荐文章于 2022-04-08 14:22:22 发布

转载最新推荐文章于 2022-04-08 14:22:22 发布 · 191 阅读

文章标签：

#python #前端 #ViewUI

本文介绍了一种在同一页面上实现物理机和虚拟机列表动态切换的方法。通过构建两个数据库模型，servers 和 pvserver，实现了根据不同服务器类型获取相应列表的功能。文章详细展示了模型定义、后台管理配置及视图实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：在同一页面的不同板块上可以实现动态切换，使用一个view实现，具体如下图所示，点击phy显示物理机列表，点击vm显示虚机列表，phy、vm对应的url均是动态生成：

实现思路：

1.新建两个表，servers表用于存放服务器种类，pvserver物理机虚机具体服务器信息。物理机和虚机不要分别存放于两个表中，这样的话在view中无法直接通过服务器类型得出相应的服务器列表

#存放服务器类型
class servers(models.Model):
    serverid = models.IntegerField(primary_key=True,unique=True)
    servertype = models.CharField(max_length=20)
    def __str__(self):
        return self.servertype

#存储物理机和虚机服务器列表
class pvserver(models.Model): 
    servertype = models.ForeignKey(servers,to_field='serverid',db_column='servertype') #设置外键，关联到servers表的serverid，保证服务器类型的一致
    name = models.CharField(max_length=100)
    def __str__(self):
        return self.name

2.两个表同步到DB后，将其注册到admin后台，用于添加服务器信息

from .models import hv,vm,servers,physerver,vmserver,pvserver
class serversAdmin(admin.ModelAdmin):
    #fields = ['sn', 'ip']
    fieldsets = [
        (None,               {'fields': ['serverid']}),
        (None,               {'fields': ['servertype']}),

    ]
    list_display = ('serverid', 'servertype') #add more columns.
admin.site.register(servers,serversAdmin)  
class pvserverAdmin(admin.ModelAdmin):
    #fields = ['sn', 'ip']
    fieldsets = [
        (None,               {'fields': ['servertype']}),
        (None,               {'fields': ['name']}),

    ]
    list_display = ('servertype', 'name') #add more columns.
admin.site.register(pvserver,pvserverAdmin)

3.新建view：

方法一（简单），直接查询pvserver表：

def servers(request,serverid): #serverid从下面的types中遍历出来，为了省事，才在该视图下使用types，其实types应该从另一个页面下使用
    types = serversm.objects.all() #得出所有的服务器种类，在前端web展示
    serverall = pvserver.objects.filter(servertype=serverid)
    context={'serverall':serverall,'types':types}
    return render(request,'aptest/servers.html',context)

方法二，先查询servers表，然后再通过外键查询pvserver表：

def servers(request,serverid): #serverid从下面的types中遍历出来，为了省事，才在该视图下使用types，其实types应该从另一个页面下使用
    serverlist = serversm.objects.get(serverid=serverid) #from aptest.models import servers as serversm
    types = serversm.objects.all() #得出所有的服务器种类，在前端web展示
    serverall = serverlist.pvserver_set.all() #根据服务器种类遍历出相应的服务器列表
    context={'serverall':serverall,'types':types}
    return render(request,'aptest/servers.html',context)

4.编辑url：

url(r'^servers/(\d+)/$', aptest.servers),

5.访问http://192.168.50.74/aptest/servers/2/可以返回上图。