主路线是：
先加模板，加好后去视图里面注册，然后在URLS里面添加url路径的映射

模板一：

<!--base.html-->
<h1 style="margin:auto;width:40%">蓝竹科技开放职位</h1>
<!--定义标题：蓝竹科技开放职位，居中显示并且占用页面宽度的50%-->
<p></p>
<!--#使用block指令来定义块，块的名字就叫content-->
{% block content %}
{% endblock %}

模板二：

<!--html想要显示，首先要去视图层把自定义的页面加进去-->
<!--继承base页面-->
{% extends 'base.html' %}
<!--下面的content内容会把base里面的content内容给替换掉-->
<!--html注释内容最快的方式，光标定位在要注释的行，按ctrl+/-->
{% block content %}
    终于等到你，期待加入我们，用技术去探索一个新世界
{% if job_list %}
<!--上面的意思是，判断job_list是否有内容，有则执行下面的for循环-->
<!--job_list是从视图层传过来的-->
<!--ul标签来定义一个列表，每一行是一个职位，href是个链接，链接指向职位详情的URL-->
    <ul>
<!--开始for循环-->
        {% for jobs in job_list %}
        <li>{{jobs.job_type}}   <a href="/jobs/{{jobs.id}}/" style="color:blue">{{jobs.job_name}}</a>    {{jobs.job_city}}</li>
        {% endfor%}
<!--结束for循环-->
    </ul>
{% else %}
{% endif %}
{% endblock %}

模板三：

{% extends 'base.html' %}
{% block content %}
<!--<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。-->
<div style="margin:auto;width:50%">
<!--    <a> 标签定义超链接，用于从一个页面链接到另一个页面。-->
<!--    <a> 元素最重要的属性是 href 属性，它指定链接的目标。-->
    <a href="/joblist" style="color:blue">返回职位列表</a>
{% if jobs %}
<!--    html中的class=是一个选择器，可以理解为一个标识，用来标识特定的标签-->
    <div class="position_name">
        <h2>岗位名称：{{jobs.job_name}}</h2>
        城市：
        {{jobs.job_city}}
    </div><br>
    <!--        <hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。  <hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。在 HTML 中，<hr> 标签没有结束标签。-->
    <hr>
    <div class="position_responsibility" style="width:600px;">
        <h3>岗位职责：</h3>
<!--        <pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
        <pre style="font-size:16px">{{jobs.job_responsibility}}
        </pre>
        <p></p>
<!--    <br> 标签插入一个简单的换行符。<br> 标签是一个空标签，意味着它没有结束标签。会让这个区块下面有较大的空白区域-->
    </div><br>
    <hr>
    <div class="position_requirement" style="width:600px;">
        <h3>任职要求</h3>
        <pre style="font-size:16px">{{jobs.job_requirement}}
        </pre>
    </div>
    <br>
    <div class="apply_position">
<!--        <input> 标签规定了用户可以在其中输入数据的输入字段-->
        <input type="button" style="width:120px;background-color:lightblue;" value="申请"/>

    </div>

{% else %}
<!--    <p> 标签定义段落。-->
<!--    <p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。也就是较小的空白行-->
    <p>职位不存在</p>
{% endif %}
{% endblock %}
</div>

job应用视图views.py

from django.shortcuts import render
from django.template import loader
from job.models import work
from job.models import JobTypes,Cities
from django.http import HttpResponse
from django.http import Http404
# Create your views here.
#一、使用函数将html页面定义在视图层面
def joblist(request):
    job_list=work.objects.order_by('job_type')#work.objects.order_by是django modle里面的语法，可以直接取出work职位列表，并且按照职位类型排序
    template=loader.get_template('joblist.html')#用加载器将模板加载进来
    context={'job_list':job_list}#定义一个上下文
    for jobs in job_list:
        jobs.job_city=Cities[jobs.job_city][1]
        jobs.job_type=JobTypes[jobs.job_type][1]
    return HttpResponse(template.render(context))
#别忘了将joblist视图定义在url路径里面
def detail(request,jobs_id):
    try:
        jobs=work.objects.get(pk=jobs_id)
        jobs.job_city=Cities[jobs.job_city][1]
    except work.DoesNotExist:
        raise Http404("jobs does not exist")
    return render(request,'job.html',{'jobs':jobs})

job应用urls.py

from django.conf.urls import url
from job import views
urlpatterns=[
    #职位列表
    url(r"^joblist/",views.joblist,name="joblist"),
    url(r"^jobs/(?P<jobs_id>\d+)/$",views.detail,name="detail")#joblist.html中定义的超链接路径，将jobs_id作为参数传给了views.detail
]

主应用settingspy

INSTALLED_APPS = [
    'job',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

主应用url.py

from django.contrib import admin
from django.urls import path
from django.conf.urls import include,url

urlpatterns = [
    url(r"^",include("job.urls")),#通过include将job.urls中的路径都映射过来
    path('admin/', admin.site.urls),
]

成果展示