大家好,我是冈坂日川,上一篇文章我像大家介绍如何安装配置 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')),