【Django第二篇】首页的实现(详)

本文详细介绍了如何使用Django创建首页,包括新建urls.py、index.html、views.py,配置路由,使用Bootstrap框架,以及引入导航栏。强调学习HTML和前端框架Bootstrap对于全栈开发的重要性,通过实例演示了Django项目的初步构建过程。
摘要由CSDN通过智能技术生成

大家好,我是冈坂日川,上一篇文章我像大家介绍如何安装配置 Django并且实现 Django 的第一个程序的运行,今天我想趁着手热,给大家分享一下如何实现首页,在进入主题之前,我可能会唠嗑一会,谅解!

声明

- 此文章全部原创,转载请先咨询,请勿擅自转载,谢谢!

前言

  • 很多小伙伴其实可能像还只是读大一,大二,大三这样子,一般如果不是专攻前端,学习后端的小伙伴突然需要一些前端的知识,就像我们的 Django 开发一样,如果你还没有一点点的前端知识,我建议可以在
    菜鸟教程-HTML 这个超链接里学习,而不是去B站看视频学习,现如今B站的前端视频,大多数都是比较老的,并且普遍都很长,比如我搜索 HTML+CSS,发现大部分都是40个小时左右,假设你每天封顶学4个小时,你还要消化知识,最至少也要10天才能学完,效率是比较低的;再者,视频无非就是让你安装一堆环境,最后很久很久才开始正式教你学习。所以,我更建议各位初学者,跟着网站自学。(我也是初学者哈哈~~)
  • 想学全栈的同学,建议是一定一定要学前端,什么套模板啊那些,如果你是大佬那我不敢点评,但是新手建议一定要学前端,毕竟都会,这才叫全栈。
  • 今天的分享会涉及到 Bootstrap,Bootstrap主要是一个用于快速开发Web应用程序和网站的前端框架,即是一个做网页的框架。
  • Bootstrap-菜鸟教程

一.新建 urls.py

  • 打开 Pycharm ,打开上一篇文章我们的项目
  • eahay_app 中新建一个python文件 urls.py
  • urls.py 中写入下面的框架代码
from django.urls import path
from . import views

urlpatterns =[

]
  • 效果如图

在这里插入图片描述

二.新建 index.html 文件

  • 1.在目录 eahay_app 新建一个目录 templates
  • 2.在 templates 中新建一个目录 eahay_app
  • 目录等级如图所示
    在这里插入图片描述
  • 1.在 templates 下的 eahay_app 中新建一个 index.html 文件
  • 2.在 templates 下的 eahay_app 中新建一个 home.html 文件
  • 其他 HTML 文件是后面会分享的内容,这篇文章暂时不需要

在这里插入图片描述

  • 打开 index.html ,输入 ! ,然后按下键盘上的 tab 键,便会自动生成一个基础框架,如下图所示

在这里插入图片描述

  • 如果你不能出现这些,没关系,我也可以分享了代码,在下面
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

title 是我们网页的名字 ,body可以写一些我们网页的内容

  • ok! 这两个文件新建完之后我们先放着,我们先来写一下 views 和路由 urls

三.改写 views.py

  • 文件位置 : eahay_app / views.py
    在这里插入图片描述
  • 写入下面代码
from django.shortcuts import render,redirect
# Create your views here.

def homepage(request):
	    context = {
   }
	    return render(request,'eahay_app/home.html',context) #渲染前端
  • ok !这一步定义好函数用来做渲染,接下来我们传递路由!

四.连接路由 urls.py ( 两个 )

  • eahay_app / urls.py 中配置路由
  • urlpatterns 中书写路由 path
path('',views.homepage,name='homepage')

在这里插入图片描述

  • 同时,在 eahay / urls.py 中我们也需要写好路由
 path('admin/', admin.site.urls),
 path('',include('eahay_app.urls')),

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值