【Django | 开发】面试招聘信息网站（处理产品细节和权限 & 美化页面样式）

作者：计算机魔术师

2022 年 8 月 30 日
广东
本文字数：5481 字
阅读完需：约 18 分钟

🤵‍♂️ 个人主页: @计算机魔术师👨‍💻 作者简介：CSDN 内容合伙人，全栈领域优质创作者。

🌐 推荐一款找工作神器网站: 牛客网🎉🎉|笔试题库|面试经验|实习招聘内推还没账户的小伙伴速速点击链接跳转牛客网登录注册开始刷爆题库，速速通关面试吧🙋‍♂️

该文章收录专栏✨---【Django | 项目开发】从入门到上线专栏---✨

@[toc]

一、产品细节完善

1）设置站点标题，在项目目录下的`url.py`加上如下代码

from django.utils.translation import gettext as _  # 国际化
# 国际化 网页标题admin.site.site_header = _('霍格沃兹学院') # 变成key 对于其他语言的value# 国际化 网站标题admin.site.site_title = _('霍格沃兹招聘信息网')

复制代码

2）填写信息显示提示

添加模型中的model help_text

# 第一轮面试结果first_score = models.DecimalField(max_digits=3, decimal_places=1, blank=True, verbose_name='初始分', null=True,help_text=_('1~5分,非常优秀：>4.5'))

复制代码

3) 将面试官与候选人关联

我们希望能够由 HR 直接可以下拉选择面试官所有用户选择，而不能由面试官自己选择。

方法一（不推荐!）

在 model 修改原字段类型为 foreignkey （注意！ 此方法会涉及到数据迁移，此时更改数据结构可能会报错）

方法二（推荐）保留或者删除原有字段(建议删除，如果删除在admin.py显示字段list_play也要修改），然后添加新的字段做外键的引用

···# 第一轮面试结果first_score = models.DecimalField(max_digits=3, decimal_places=1, blank=True, verbose_name='初始分', null=True,help_text=_('1~5分,非常优秀：>4.5'))first_result = models.CharField(choices=FIRST_INTERVIEW_SCORE_TYPE, blank=True, verbose_name='初始结果', max_length=135)# first_interviewer = models.CharField(max_length=135, blank=True, verbose_name='面试官')first_interviewer_user = models.ForeignKey(User,related_name='first_interviewer_user',on_delete=models.CASCADE,blank=True, verbose_name=_('一面面试官'),null=True)
# 第二轮面试结果second_score = models.DecimalField(max_digits=3, decimal_places=1, blank=True, verbose_name='初始分', null=True,help_text=_('1~5分'))second_result = models.CharField(choices=INTERVIEW_RESULT_TYPE, blank=True, verbose_name='复试结果', max_length=135)# second_interviewer = models.CharField(max_length=135, blank=True, verbose_name='面试官')second_interviewer_user = models.ForeignKey(User,related_name='second_interviewer_user',on_delete=models.CASCADE,blank=True, verbose_name=_('二面面试官'),null=True)
# HRhr_score = models.DecimalField(max_digits=3, decimal_places=1, blank=True, verbose_name='hr复试得分',null=True,help_text=_('1~5分'))hr_result = models.CharField(choices=HR_SCORE, blank=True, verbose_name='HR结果', max_length=135)# hr_interviewer = models.CharField(max_length=135, blank=True, verbose_name='面试官')hr_interviewer_user = models.ForeignKey(User,related_name='hr_interviewer_user',on_delete=models.CASCADE,blank=True, verbose_name=_('HR'),null=True)
···

复制代码

然后执行数据迁移操作

运行服务器

4)设置面试官只读权限

在admin.py 设置如下

······  # empty_value_display = "空" # 没有数据时的显示 默认为 -  # readonly_fields = ('first_interviewer_user',) # in_list_page non-editable and readonly
  def get_group_name(self, user):    group_name = []    for g in user.groups.all(): # 循环groups对象列表      group_name.append(g.name) # 附加对象的名字    return group_name  #  # # 设置面试官只读权限  def get_readonly_fields(self, request, obj=None):    # 根据用户得到 该用户所在群组    group_name = self.get_group_name(request.user)
    # 如果其为面试官，则返回只读字段    if 'interviewer' in group_name:      logger.info("interview is in the user'group for %s" % request.user.username)      return ('first_interviewer_user', 'second_interviewer_user') # 返回值必须是可迭代对象
    return ('',) # 返回值必须是可迭代对象 , 不能返回空

复制代码

面试官只读

5) 设置面试官可直接在列表修改面试官

目前 django 没有对应的方法get_list_editable，我们需要重写父类方法

  def get_group_name(self, user):    group_name = []    for g in user.groups.all():  # 循环groups对象列表      group_name.append(g.name)  # 附加对象的名字    return group_name
  # 目前django没有对应的方法  def get_list_editable(self, request):    groups_name = self.get_group_name(request.user)
    if request.user.is_superuser or 'hr' in groups_name:      return ('first_interviewer_user', 'second_interviewer_user',)
    return ()  # 可直接在页面修改的数据
  # 我们需要重写父类方法  def get_changelist_instance(self, request):    """     override admin method and list_editable property value     with values returned by our custom method implementation.    """    self.list_editable = self.get_list_editable(request)  # self 参数在前面的 self.get 就已经指明了    return super(CandidateAdmin, self).get_changelist_instance(request)

复制代码

面试官
超级管理员或者 hr

二、样式美化

1) 美化 admin 后台

pip install django-grappelli

复制代码

安装后在setting.py进行配置

在添加主题应用时，是需要在其他应用前面的


INSTALLED_APPS = [  'grappelli',  'django.contrib.admin',  'django.contrib.auth',  'django.contrib.contenttypes',  'django.contrib.sessions',  'django.contrib.messages',  'django.contrib.staticfiles',  'jobs',  'interview',······

复制代码

在项目urls.py引入grappelli路由

·······  path('grappelli/', include('grappelli.urls')),)·······

复制代码

效果：

这里的'classes': ('collapse',),分栏隐藏效果失效了

# 定义集合的字段列表  fieldsets = (    # 第一个元素表示分组展现的名字，第二元素是一个map    (None, {'fields': ("user_id", ("user_name", "email", "gender", "phone",),                       ("apply_position", "degree"),                       ("city", "born_address"),                       ("doctor_school", "bachelor_school", "master_school", "major",),                       ("page_score", "test_score_of_general_ability",                        "candidate_remark",),                       ), }),    ('第一轮面试', {'fields': ("first_score", "first_result", "first_interviewer_user",                          ), 'classes': ('collapse',), "description": '请由面试官输入该信息'}),    ('第二轮面试', {'fields': ("second_score", "second_result", "second_interviewer_user",                          ), 'classes': ('collapse',), "description": '请由面试官输入该信息'}),    ('第三轮面试', {'fields': ("hr_score", "hr_result", "hr_interviewer_user",                          ), 'classes': ('collapse',), "description": '请由面试官输入该信息'})  )

复制代码

2）美化页面

安装三板斧

安装bootstrap等使用见 - 官方文档bootstrap3 or bootstrap4
安装tailwind 模块，详情见参考文献，这里踩了个大坑！建议直接引入 css 链接，简单粗暴，安装tialwind模块需要安装导入，初始化，配置模板标签一堆功夫，出了一点错花费时间更多，且出现和现有版本不兼容情况，所以直接引入链接就好了，简单粗暴！
安装django-widget-tweaks，自定义 css 样式，配置见参考文献<hr>

在 tailwind 网站找模板下载，自定义配置样式嵌套 ( 注意表单加自定义 css 需要用到widget-tweaks)

模板地址：https://www.tailwindtoolbox.com/starter-templatestailwind 中文官方文档：https://www.tailwindcss.cn/docs/responsive-design

login.html 页面代码，signup.html也是一样的思路

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>login</title>    <!-- Tailwind -->  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">      <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

<style>     @import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap');
     .font-family-karla {         font-family: karla;     }     .forgetpassword{      text-decoration: underline;     }
</style>
  </head>  <body class="bg-white font-family-karla h-screen">{% load i18n %}{% load account socialaccount %}{% load widget_tweaks %}


{% get_providers as socialaccount_providers %}<div class="w-full flex flex-wrap">
<!-- Login Section --><div class="w-full md:w-1/2 flex flex-col">
  <div class="flex justify-center md:justify-start pt-12 md:pl-12 md:-mb-24">    <a href="#" class="bg-black text-white font-bold text-xl p-4">{% trans "recruitment" %}</a></div>
  <div class="flex flex-col justify-center md:justify-start my-auto pt-8 md:pt-0 px-8 md:px-24 lg:px-32">    <p class="text-center text-3xl">{% trans "Welcome." %}</p>    <form class="flex flex-col pt-3 md:pt-8" method="POST" action="{% url 'account_login' %}" >      {% csrf_token %}

      <div class="flex flex-col pt-4">        <label for="login" class="text-lg">{% trans "Login" %}</label>        {% render_field form.login class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline" placeholder=form.login.label id="login" %}        <!-- <input type="email" id="account" placeholder="your@email.com or username" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"> -->      </div>
  <div class="flex flex-col pt-4">        <label for="Password" class="text-lg">Password</label>        {% render_field form.password class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline" placeholder=form.password.label id="Password" %}        <!-- <input type="email" id="account" placeholder="your@email.com or username" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"> -->      </div>        {{ form.errors.as_text|cut:"__all__"|cut:"*" }}
      <!--       <div class="flex flex-col pt-4">         <label for="password" class="text-lg">Password</label>         <input type="password" id="password" placeholder="Password" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline">       </div>-->          {% if redirect_field_value %}      <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>      {% endif %}      <br> <a class="forgetpassword" href="{% url 'account_reset_password' %}">{% trans "Forgot Password? " %}</a>      <button class="bg-black text-white font-bold text-lg hover:bg-gray-700 p-2 mt-8" type="submit">{% trans "Log In" %}      </button>    </form>    <div class="text-center pt-12 pb-12">      <p>{% trans "Don't have an account?" %} <a href="{{ signup_url }}" class="underline font-semibold">{% trans "Register here." %} </a></p>    </div>  </div></div>  <!-- Image Section -->  <div class="w-1/2 shadow-2xl">    <img class="object-cover w-full h-screen hidden md:block" src="/static/account/images/photo-1555679427-1f6dfcce943b.jfif"></div>
</div>



</body></html>

复制代码

效果：

值得注意一点是：修改base.html 模板一定要注意再注意 （不然后面样式会像麻花一样乱）

参考文献tailwind 安装配置模块（配置npm)Python 配置tailwind 文档理解Python虚拟环境 django的表单样式可自定义css 重新继承表单添加部件等方法添加样式国际化版本项目语言配置 null=true 与 blank=true

              🤞到这里，如果还有什么疑问🤞    🎩欢迎私信博主问题哦，博主会尽自己能力为你解答疑惑的！🎩      🥳如果对你有帮助，你的赞是对博主最大的支持！！🥳

复制代码

发布于: 刚刚阅读数: 4

计算机魔术师

关注

还未添加个人签名 2022.08.13 加入

还未添加个人简介

发布

暂无评论

创作场景

【Django | 开发】面试招聘信息网站（处理产品细节和权限 & 美化页面样式）

一、产品细节完善

1） 设置站点标题，在项目目录下的url.py加上如下代码

2） 填写信息显示提示

3) 将面试官与候选人关联

4)设置面试官只读权限

5) 设置面试官可直接在列表修改面试官

二、样式美化

1) 美化 admin 后台

2）美化页面

计算机魔术师

评论

1）设置站点标题，在项目目录下的`url.py`加上如下代码

2）填写信息显示提示