美文网首页
4、增加模板

4、增加模板

作者: 测试星云 | 来源:发表于2022-04-01 10:28 被阅读0次

    添加模板做为返回的响应

    image.png

    1、配置根路由和二级路由

    第一步:在最外面的urls.py的路由是根路由
    urls.py

    from django.contrib import admin
    from django.urls import path,include
    urlpatterns = [
        path('admin/', admin.site.urls),
        #下面是增加的部分,include 导入blog文件夹 下面的urls.py文件。
        path('', include('blog.urls')),
     ]
    

    第二步:在每个app应用新建一个同名的urls.py是这个应用的二级路由
    Blog/urls.py

    from django.urls import path
    from . import views
    urlpatterns = [
        path('', views.index),
     ]
    

    2、增加一个模块和路由

    第一步:在Views.py,新建方法(模块)

    def abcdef(request):    
         return HttpResponse('iloveyou')   
    

    第二步:新建路由:
    blog/urls.py

    from django.urls import path
    from . import views
    urlpatterns = [
        path('', views.index),
       # 路由是love,调用是views.py中abcdef()方法。
        path('love', views.abcdef),   
     ]
    

    3、Templates的应用

    通过建立模板将写好的html做为返回的响应。

    第一步:设置模板的位置:settings中TEMPLATES->’DIRS’:

    [os.path.join(BASE_DIR, 'templates')]
    

    第二步:建立模板(已有的html)(例如:demo.html)
    在blog下面建立文件夹templates,在其下面建立demo.html文件

    body体中间加入
    <h2>这是我写的网页,不是字符串!!</h2>
    <h1 >
        这是我的博客:
        <a href="https://www.jianshu.com/p/f6158bb2d1db" target="_blank" >测试星云</a>
    </h1>
    

    第三步:使用模板(urls加路由,views中的对应)
    可使用以前的路由
    urls.py

    urlpatterns = [
        path('', views.hello),
    ]
    

    在views.py中修改hello方法的返回

    def hello(request):
        return render(request,'demo.html')
    

    启动服务 python manage.py runserver
    如图:


    image.png

    3.2 添加静态文件-样式表

    第一步:在templates同级建立一个static文件夹
    第二步:在settings.py中最下面添加

    STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'static')
    ]
    

    第三步:在static下面建立一个1.css样式表,写点样式。

    H1{
    Color:#369
    }
    

    第四步:在demo.html文件中head下面加入

    <link rel="stylesheet" href="/static/1.css">
    

    效果如下图:


    image.png

    相关文章

      网友评论

          本文标题:4、增加模板

          本文链接:https://www.haomeiwen.com/subject/gknojrtx.html