Django学习——搭建个人博客

最新推荐文章于 2024-04-28 23:13:48 发布

FlatB大调

最新推荐文章于 2024-04-28 23:13:48 发布

阅读量1.7k

点赞数 6

文章标签： python django web

本文链接：https://blog.csdn.net/FlatB/article/details/113868011

版权

Django学习——搭建个人博客

背景

在职研究生调剂专业后一直处于懵逼状态，啥也不会，第一学期，老师布置搭建博客作为期末成绩，没办法只能到处学习，记录一下过程。

流程记录

工具：pycharm anaconda

一、准备工作

1.安装django，在cmd中用pip install django
在这里插入图片描述
2.打开pycharm新建一个project1工程

3.终端输入django-admin startproject mysite，添加mysite项目

4.终端输入cd mysite打开刚才的mysite

5.终端输入python manage.py startapp blog，创建blog应用。
最终目录结构

6.接下来在settings.py中找到 INSTALLED_APPS这一项，告诉项目咱建了个blog应用。
在这里插入图片描述
7.Python自带SQLite3数据库，就不设置了。

8. Django默认帮我们实现与数据库的对接从而不使用sql语句，我们只需要执行数据库同步，把相关表生成出来即可，在终端输入三个步骤：
（1）更新整个项目的结构，确保在引入新的表结构之前已有的表结构完整 python manage.py migrate
（2）通知框架，自动检测blog应用的模型层里的变更python manage.py makemigrations blog
（3）创建blog应用里的表结构python manage.py migrate blog
在这里插入图片描述

9.创建一个管理员账户，在终端输入：python manage.py createsuperuser,紧接着输用户名、密码最后输入y确定。

终端输入python manage.py runserver测试空白页

10.在地址后跟上/admin（http://127.0.0.1:8000/admin）测试管理界面。
在这里插入图片描述

11.到此，准备工作结束。（注意：此时数据库没有任何表）

二、设计不含数据库更新的固定页面（此段内容不涉及模型层）

1.网页一共3个，第1个为主页home1.html，里面有固定的内容，点击内容实现跳转到第2个话题网页home2.html，再点击话题内容跳转到第3页内容home3.html。
2.打开mysite/blog/views.py文件，修改views文件（作为视图，也就是给大家看到的内容）
在这里插入图片描述

import datetime
from django.shortcuts import render

# 首页
def home1(request):
    context = {}
    context['name'] ='python编程'  
    context['description'] = 'python基础知识、web开发'
    context['time_now'] = datetime.date.today().strftime('%Y-%m-%d')
    return render(request, 'home1.html', context)

3.内容views已经设置好了，要和网页建立连接，修改urls.py文件
在这里插入图片描述

from django.contrib import admin
from django.urls import path
from django.conf.urls import url
from blog import views

urlpatterns = [
    path('admin/',admin.site.urls),
    url(r'^$',views.home1),   # home1
]

4.制作个模板出来分离内容和表现形式，先配置settings，告诉项目咱有个模板（记得import os）
在这里插入图片描述

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

5.在blog项目下（mysite/blog/templates/）创建templates目录，并在目录下建立home1.html文件，挨个把board的东西放进去。
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Boards</title>
</head>
<body>
<center>
<h1>caihuihui的博客</h1>      <!-- 标题  -->

<table border="1">
    <thead>
    <tr>
        <th>Board</th>   <!-- 表头  -->
    </tr>
    <tr>
        <td>{{ name }}<br>   <!-- 与views层对应的主题1  -->
        <small style="color: #888">{{ description }}</small>  <!-- 与views层对应的主题描述，小字体  -->
        </td>

    </tr>
    <h2><small style="color: #C71585">今天是{{ time_now }} ，欢迎您的浏览</small></h2>
</table>
</center>
</body>
</html>

6.至此，终端会自动刷新，点击后整个views呈现出来了
在这里插入图片描述
7.但是，刚才的主页确实难看，想美化一下，得用css(CSS相当于一个格式模版，可以自己写也可以下载，)首先在blog下新建static路径。再打开css下载地址，解压后把bootstrap.min.css放进去。同时再在static下建立一个images文件夹放入三张图片分别命名为hd1、hd2、hd3,作为3个网页的背景图
在这里插入图片描述
8.给settings说一下咱有css了。

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

9.接下来就要使用css的格式去套home1.html,让他更好看，更改home1.html。其中{% load static %}为导入css必备，<body style="background-image…>为添加背景图

<!DOCTYPE html>
{% load static %}
<html>
    <head>
<meta charset="utf-8">
<title>Caihuihui的个人博客</title>
<link rel="stylesheet"  href="{% static 'css/bootstrap.min.css' %}">
    </head>
   <body style="background-image: url({% static 'images/hd1.jpg' %});background-size:100%;" >
      <div class="container">
       <ol class="breadcrumb my-4">
            <li class="breadcrumb-item active">Caihuihui的个人博客</li>
      </ol>
      <table class="table">
      <thead class="thead-dark">
       <tr>
      <th>Board</th>
       </tr>
      </thead>
          </tr>
           <tr>
      <td><a href={% url 'home2' %}> {{ name }}  </a><br>   <!-- 与views层对应的主题1 并且设置跳转到2级页面home2 -->
        <small style="color: #888">{{ description }}</small> <!-- 与views层对应的主题描述，小字体  -->
        </td>
           </tr>

    <h2><small style="color: #C71585">今天是{{ time_now }} ，欢迎您的浏览</small></h2>
</table>
      </div>
   </body>
</html>

在这里插入图片描述
14.在上边图中，想实现点击python主题进入下一网页展示话题，在home1.html代码中的<a href={% url ‘home2’ %}> {{ name }} 就是实现跳转的语句（后边不再注明了，得把3级页面都设置完后运行，不然会提示跳转语句找不到下一页的错误）。现在开始设计2级别详情页界面home2：
Views增加跳转到home2的内容

# 话题页
def home2(request):
    context = {}
    context['topic1'] = "Django 攻略"
    context['starter1'] = 'caihuihui'
    context['last_updated1'] = datetime.datetime.now()
    return render(request, 'home2.html', context)

Urls增加路径

path('home2/',views.home2,name='home2'),

模版新建home2.html页面

<!DOCTYPE html>
{% load static %}
<html>
    <head>
<meta charset="utf-8">
<title>Caihuihui的个人博客</title>
<link rel="stylesheet"  href="{% static 'css/bootstrap.min.css' %}">
    </head>
   <body style="background-image: url({% static 'images/hd1.jpg' %});background-size:100%;" >
      <div class="container">
       <ol class="breadcrumb my-4">
            <li class="breadcrumb-item active">Caihuihui的个人博客</li>
      </ol>
      <table class="table">
      <thead class="thead-dark">
       <tr>
      <th>Board</th>  <th>starter</th>  <th>last updated</th>

       </tr>
      </thead>
   <tr>
        <td><a href={% url 'home3' %}> {{ topic1 }}  </a></td>
        <td>{{ starter1 }}</td>
        <td>{{ last_updated1 }}</td>
        <td></td>
    </tr>
      </table>
      </div>
   </body>
</html>

在这里插入图片描述
15.继续实现点击“Django 攻略”进入3级home3内容界面。
Views增加跳转后显示的东西

# 内容页
def home3(request):
    context = {}
    context['hello'] ="hello world!"
    context['name'] = 'Caihuihui'
    context['list'] = "Django 是 Python 编程语言驱动的一个开源模型-视图-控制器（MVC）风格的 Web 应用程序框架。使用 Django，我们在几分钟之内就可以创建高品质、易维护、数据库驱动的应用程序。"
    return render(request, 'home3.html', context)

Urls增加路径

path('home2/home3/',views.home3,name='home3'),

模版新建home3.html页面

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>board/home2/hello</title>
</head>
<body style="background-image: url({% static 'images/hd3.jpg' %});background-size:100%;" >
<h1>{{ hello }}</h1>
<h2>{{ name }}</h2>
<table border="1">
    <tr>
        <th>{{ list }}</th>

</body>
</html>

至此，实现网页带css且实现点击相关内容跳转3次就完成了。

三、设计含数据库更新的固定页面（涉及模型层，实现管理员通过admin进入模型层操作数据库添加内容，实时把主题topic、创建者starter、创建时间last_updated显示在home2页面admin即可操作增删改查，就不再单独设置了)

1.在第一章准备工作的时候创建了admin,但是里面是空的，现在要定义一下数据库中表的结构，修改models.py,建立一个类Content,定义topic、starter、details和last_updated四个属性，作为ORM中的映射类型。

from django.db import models

class Content(models.Model):
    topic = models.CharField(max_length=255)  # 话题属性
    starter = models.CharField(max_length=255)  # 创建者属性
    details = models.CharField(max_length=255)  # 内容属性
    last_updated = models.DateTimeField()  # 创建时间属性

2.修改blog下的admin.py注册刚才定义的Content类

from django.contrib import admin
from .models import Content

class ContentAdmin(admin.ModelAdmin):
    list_display = ['topic', 'starter','details', 'last_updated']  # 在后台仍然能够看到4个表头
admin.site.register(Content,ContentAdmin)

3.执行数据库同步，在终端输入
python manage.py makemigrations blog
python manage.py migrate
4.至此，再次进入/admin就可以看到模型层中有东西了，点开后还有定义的topic、starter、details和last_updated
在这里插入图片描述

6.可惜的是因为前边第二章中做的home2显示的是固定内容，已经占用了views和url，不能再传入到同一个templates页面,也就是说1个模版不能有2个视图,在配置urls时候会出错(为此卡了好几天,最后找到了一个国外的解释：链接在此，没办法只能修改此前的home2、home3内容了，唉…
在这里插入图片描述

7.开始修改吧，home1不涉及数据库，就是固定的内容，不管了，更改home2的views。

更改后：

# 话题页
def home2(request):   #作为home1跳转用,且还带数据库获取显示
    from blog.models import Content
    blog_list = Content.objects.all()  # 获取所有数据
    return render(request, 'home2.html',{'blog_list': blog_list})

8.urls不用修改，修改home2.html
在这里插入图片描述修改后：

<!DOCTYPE html>
{% load static %}
<html>
    <head>
<meta charset="utf-8">
<title>Caihuihui的个人博客</title>
<link rel="stylesheet"  href="{% static 'css/bootstrap.min.css' %}">
    </head>
   <body style="background-image: url({% static 'images/hd1.jpg' %});background-size:100%;" >
   <div class="container">
       <ol class="breadcrumb my-4">
            <li class="breadcrumb-item active">Caihuihui的个人博客</li>
      </ol>

      <table class="table">
      <thead class="thead-dark">
       <tr>
      <th>Board</th>  <th>starter</th>  <th>last updated</th>
       </tr>
      </thead>
        <tbody>
        </tbody>
        {% for blog in blog_list %}
<tr>
    <td>
    <a href={% url 'home3' %}> {{ blog.topic }} </a>
    </td>
         <td class="align-middle">{{ blog.starter }}</td>
          <td class="align-middle">{{ blog.last_updated }}</td>
</tr>
          {% endfor %}
          </tbody>
    </table>
    </div> 
   </body>
</html>

9.至此，实现了点击home1固定内容跳转到home2页面，home2页面获取数据库并实时显示，并且点击标题内容还可以跳转home3详情页。
在这里插入图片描述

10.由于home3之前仍然是固定内容，还得改…因为能力有限，暂时修改为点击后都跳转home3,实现数据库内容整体输出，而不是一对一输出，后期等工作不忙的时候继续完善。更改home3的views

# 内容页

def home3(request):
    from blog.models import Content
    blog_list = Content.objects.all()  # 获取所有数据
    return render(request, 'home3.html', {'blog_list': blog_list})

11.urls不用修改，修改home3.html

<!DOCTYPE html>
{% load static %}
<html>
    <head>
<meta charset="utf-8">
<title>details</title>
<link rel="stylesheet"  href="{% static 'css/bootstrap.min.css' %}">
    </head>
   <body style="background-image: url({% static 'images/hd3.jpg' %});background-size:100%;" >
   <div class="container">
       <ol class="breadcrumb my-4">
            <li class="breadcrumb-item active">内容</li>
      </ol>
      <table class="table">
      <thead class="thead-dark">
       <tr>
      <th>主题</th>  <th>内容</th>
       </tr>
      </thead>
        <tbody>
        </tbody>
        {% for blog in blog_list %}
<tr>
    <td>
     {{ blog.topic }}
    </td>
         <td class="align-middle">{{ blog.details }}</td>
</tr>
          {% endfor %}
          </tbody>
    </table>
    </div>
   </body>
</html>

12.终于写完了，期间过程曲折，深感自己基础知识薄弱，期间遇到了各种问题，包括上班摸鱼写代码、html语言不知道怎么写，种种疑难杂症，但都逐一解决，按照老师要求还需要写@login_required，因为都是后台admin,所以就没有写了，在过程中学习到了很多东西，下一步将会继续学习，认真完成学业。最后附上整体效果：
在这里插入图片描述

FlatB大调

关注

6
点赞
踩
32

收藏

觉得还不错? 一键收藏
5
评论
Django学习——搭建个人博客

Django学习——搭建个人博客背景在职研究生调剂专业后一直处于懵逼状态，第一学期，老师布置搭建博客作为期末成绩，没办法只能到处学习，记录一下过程，希望对大家有所帮助。流程记录工具：pycharm anaconda一、准备工作1.安装django，在cmd中用pip install django2.打开pycharm新建一个project1工程3.终端输入django-admin startproject mysite，添加mysite项目4.终端输入cd mysite打开刚才的m
复制链接

扫一扫