【Django | 开发】面试招聘信息网站(处理产品细节和权限 & 美化页面样式)
![](https://static001.geekbang.org/infoq/09/09da95b99703796801be31f4ee06186b.png)
🤵♂️ 个人主页: @计算机魔术师👨💻 作者简介:CSDN 内容合伙人,全栈领域优质创作者。
🌐 推荐一款找工作神器网站: 牛客网🎉🎉|笔试题库|面试经验|实习招聘内推 还没账户的小伙伴 速速点击链接跳转牛客网登录注册 开始刷爆题库,速速通关面试吧🙋♂️
该文章收录专栏✨---【Django | 项目开发】从入门到上线 专栏---✨
@[toc]
一、产品细节完善
![](https://static001.geekbang.org/infoq/30/30661475c81f46c97e1f38d37030ef1e.png)
1) 设置站点标题,在项目目录下的url.py
加上如下代码
![](https://static001.geekbang.org/infoq/e0/e022fbe910f050100c57e907416e2fec.png)
2) 填写信息显示提示
添加模型中的
model
help_text
![](https://static001.geekbang.org/infoq/30/3045ca0398d7ab4892cab3b1f1e926df.png)
3) 将面试官与候选人关联
我们希望能够由 HR 直接可以下拉选择 面试官所有用户选择,而不能由面试官自己选择。
方法一(不推荐!)
在 model 修改原字段类型为 foreignkey
(注意! 此方法会涉及到数据迁移,此时更改数据结构可能会报错)
方法二 (推荐)保留或者删除原有字段(建议删除,如果删除在
admin.py
显示字段list_play
也要修改),然后添加新的字段做外键的引用
然后执行数据迁移操作
![](https://static001.geekbang.org/infoq/ba/ba02fae5c934389bdec3c1e763393e14.png)
运行服务器
![](https://static001.geekbang.org/infoq/d3/d38deaa4e98174a05ab8400dc02341c4.png)
4)设置面试官只读权限
在admin.py
设置如下
面试官只读
![](https://static001.geekbang.org/infoq/db/db499b175f8d6c2376c0bd822c573b2c.png)
5) 设置面试官可直接在列表修改面试官
目前 django 没有对应的方法get_list_editable
,我们需要重写父类方法
面试官
超级管理员或者 hr
二、样式美化
1) 美化 admin 后台
![](https://static001.geekbang.org/infoq/41/41d9eaa0909a63f82fce518d47978858.png)
安装后在
setting.py
进行配置
在添加主题应用时,是需要在其他应用前面的
在项目
urls.py
引入grappelli
路由
效果:
这里的'classes': ('collapse',),
分栏隐藏效果失效了
![](https://static001.geekbang.org/infoq/38/382f52078050bfd819bfa52a367275a2.png)
2)美化页面
安装三板斧
安装
bootstrap
等使用见 - 官方文档bootstrap3 or bootstrap4安装
tailwind
模块,详情见参考文献,这里踩了个大坑!建议直接引入 css 链接,简单粗暴,安装tialwind
模块需要安装导入,初始化,配置模板标签一堆功夫,出了一点错花费时间更多,且出现和现有版本不兼容情况,所以直接引入链接就好了,简单粗暴!安装
django-widget-tweaks
,自定义 css 样式,配置见参考文献<hr>
在 tailwind 网站找模板下载,自定义配置样式嵌套 ( 注意表单加自定义 css 需要用到
widget-tweaks
)
模板地址:https://www.tailwindtoolbox.com/starter-templates
tailwind 中文官方文档:https://www.tailwindcss.cn/docs/responsive-design
login.html
页面代码,signup.html
也是一样的思路
效果:
![](https://static001.geekbang.org/infoq/62/629da515c1de87040aba9cd5c20efb0a.png)
![](https://static001.geekbang.org/infoq/de/de3de40a02b657405330792aaccc9744.png)
值得注意一点是:修改
base.html
模板一定要注意再注意 (不然后面样式会像麻花一样乱)
参考文献tailwind 安装配置模块(配置npm)Python 配置tailwind 文档理解Python虚拟环境django的表单样式可自定义css重新继承表单添加部件等方法添加样式国际化版本项目语言配置null=true 与 blank=true
评论