Django添加一个职位详情页面

青旅半醒 2022-09-02 12:00 69阅读 0赞

![image-20210803104338742][]

#### 页面详情页面效果： ####

![image-20210803104432426][]

### 开发步骤： ###

1.添加职位详情页面job.html

2.在views.py添加detail详情方法

3.最后在urls.py中配置路由

### 具体代码： ###

#### 第一步：job.html页面代码: ####

{% extends 'base.html' %}
    
    {% block content %}
    
    <div style="margin:auto; width:50%;">
    
    {% if job %}
        <div class="position_name" z>
            <h2>岗位名称：{
       {job.job_name}} </h2>
    
            城市：
            {
       {job.city_name}} <p></p>
        </div>
        <hr>
        <div class="position_responsibility" style="width:600px;">
            <h3>岗位职责：</h3>
            <pre style="font-size:16px">{
       {job.job_responsibility}}
            </pre>
        </div>
    
        <hr>
        <div class="position_requirement" style="width:600px; ">
            <h3>任职要求：</h3>
            <pre style="font-size:16px">{
       {job.job_requirement}}
            </pre>
        </div>
    
        <div class="apply_position">
            <input type="button" class="btn btn-primary" style="width:120px;" value="申请" onclick="location.href='/resume/add/?apply_position={ {job.job_name}}&city={ {job.city_name}}'"/>
        </div>
    {% else %}
        <p>职位不存在</p>
    {% endif %}
    
    {% endblock %}
    </div>

#### 第二步：在views.py中添加详情方法 ####

def detail(request,job_id):
        try:
            job = Job.objects.get(pk=job_id)
            job.city_name = Cities[job.job_city][1]
        except Job.DoesNotExist:
            raise Http404("Job does not exist")
    
        return render(request,"job.html",{ 'job':job})

#### 第三步：在urls.py中配置路径路由 ####

在urlpatterns=\[\]中添加如下代码段:

url(r"^job/(?P<job_id>\d+)/$",views.detail,name="detail")

完成以上三步，一个详情页面就开发完成了！！！

[image-20210803104338742]: /images/20220829/9b6b30e78be64642b82675c9f951ae7d.png
[image-20210803104432426]: /images/20220829/e38b8c9834014ad9a456c9dc7e9ff1a3.png