跳到主要内容

[企业官网]: 团队模块实现

完成了轮播图,接下来我们来完成团队介绍。团队介绍与轮播图类似,包含图片、姓名和职位三个栏位,因此我们可以沿用相似的实现方式来快速完成。在团队介绍中,我们需要考虑人物的排序,通常会根据职位的重要性或者其他因素进行排序。

01团队介绍及排序.jpg

默认情况下,数据库会根据 ID 创建记录,但我们可以通过添加一个排序字段来控制人物的排列顺序。

首先,我们需要创建一个与轮播图类似的模型。我们可以简单地复制之前创建的轮播图模型,把slide文件夹下models.py中代码复制到team文件夹下models.py并进行相应的修改。修改包括将图片字段的名称改为“头像”,定义一个新的字段用于排序,以及调整模型名称为“team”。在模型中,我们还定义了一个方法 __str__,用于返回员工的姓名,以便在后台管理界面和其他地方显示。修改代码如下:

from django.db import models

# Create your models here.

class Team(models.Model):
id = models.AutoField(primary_key=True) # 主键ID
avatar = models.ImageField('头像', upload_to='team', help_text='最佳尺寸:500*755') # 头像图片
name = models.CharField('姓名', max_length=100) # 姓名
title = models.CharField('职务', max_length=100) # 职务
rank = models.IntegerField('排序') # 排序

class Meta:
db_table = 'team' # 指定数据库表名
verbose_name = '团队管理' # 在后台管理中显示的名称
verbose_name_plural = '团队管理' # 在后台管理中显示的复数名称

def __str__(self):
return self.name # 返回对象的字符串表示形式,用于后台管理界面显示

然后,我们在 team文件夹下admin.py 文件中注册这个模型,以便在后台管理中对团队成员进行管理。添加代码如下:

from django.contrib import admin
from team.models import Team # 导入团队模型

# Register your models here.

class TeamAdmin(admin.ModelAdmin):
list_display = ('name','title') # 在后台管理界面显示的字段
search_fields = ('name',) # 允许根据姓名搜索

admin.site.register(Team, TeamAdmin) # 将团队模型注册到后台管理,并指定自定义的管理类

接下来,进行数据库迁移操作,以及启动服务器测试新增的团队管理功能。在vscode终端输入:

python manage.py makemigrations
python manage-py migrate
python manage.py runserver
🔒 试读结束

继续阅读完整内容

以上为免费预览。前往「Django + Vue 全栈课程」,查看后续完整讲解、案例演示和配套资料。

查看课程详情