Python Web开发:Django+BootStrap实现简单的博客项目

程序员文章站 2022-03-26 12:22:24

创建blog的项目结构关于如何创建一个Django项目，请查看 "【Python Web开发:使用Django框架创建HolleWorld项目】" 创建blog的数据模型创建一个文章类所有开发都是数据为基础，首先我们再blog app下的models.py模型中Article,因为是基于Dja ......

创建blog的项目结构

关于如何创建一个django项目，请查看【python web开发:使用django框架创建holleworld项目】
Python Web开发:Django+BootStrap实现简单的博客项目

创建blog的数据模型

创建一个文章类

所有开发都是数据为基础，首先我们再blog app下的models.py模型中article,因为是基于django mvc模式开发，article类需要继承models.model类

from django.db import models

# create your models here.


class article(models.model):
    # 文章id 主键
    article_id = models.autofield(primary_key=true)
    # 标题
    title = models.textfield()
    # 作者
    author = models.textfield()
    # 内容
    content = models.textfield()
    # 文章发布日期
    publish_date = models.datetimefield(auto_now=true)

    # 重构str方法，获取文章时返回文章标题
    def __str__(self):
        return self.title

配置数据库

在项目settings.py配置文件中，可以找到数据库连接的相关配置

# database
# https://docs.djangoproject.com/en/2.2/ref/settings/#databases

databases = {
    'default': {
        'engine': 'django.db.backends.sqlite3',
        'name': os.path.join(base_dir, 'db.sqlite3'),
    }
}

保存数据模型

定义完成数据模型后，我们需要将数据模型结构保存到数据库中，这时候可以使用django的makemigrations命令创建数据模型的迁移文件，然后通过migrate命令将数据模型同步到数据库中,这样数据库中就含有了包含article数据模型的数据库表了
Python Web开发:Django+BootStrap实现简单的博客项目

django shell

django shell其实和其他shell一样，只是他是基于django环境，使用django shell命令我们可以再开发过程中快捷方便的进行一些项目处理、测试验证等等
下面就使用django shell为article类添加一条数据到数据库中
Python Web开发:Django+BootStrap实现简单的博客项目

(venv) d:\projects\python\blog_solution>python manage.py shell
python 3.7.3 (v3.7.3:ef4ec6ed12, mar 25 2019, 22:22:05) [msc v.1916 64 bit (amd64)] on win32
type "help", "copyright", "credits" or "license" for more information.
(interactiveconsole)
>>> from blog.models import article
>>> a=article()
>>> a.title='三字经'
>>> a.author='王应麟'
>>> a.content='人之初，性本善。性相近，习相远。 苟不教，性乃迁。教之道，贵以专。 昔孟母，择邻处。子不学，断机杼。 窦燕山，有义方。教五子，名俱扬。 养不教，父之过。教不严，师之惰
。 子不学，非所宜。幼不学，老何为。 玉不琢，不成器。人不学，不知义。 为人子，方少时。亲师友，习礼仪。 香九龄，能温席。孝于亲，所当执。'
>>> a.save()
>>> articles=article.objects.all()
>>> print(articles)
<queryset [<article: 三字经>]>

django admin

除了通过django shell的方式外，还可以通过django admin后台管理数据，django admin是django框架自带的一个后台数据管理工具。通过python manage.py runserver启动服务后，打开浏览器进入admin后台管理，默认地址:
Python Web开发:Django+BootStrap实现简单的博客项目
但此时我们没有登录用户，怎么办？可以通过'createsuperuser'创建管理员账号

然后还需要将article数据模型注册到后台管理

现在我们再次登录后台管理，就可以看到article相关的数据列表
Python Web开发:Django+BootStrap实现简单的博客项目

将后台数据展示到前台页面

首先定义一个获取数据的方法

from blog.models import article
from django.http import httpresponse


def get_article_list(request):
    articles = article.objects.all()
    ret_str = ''
    for artcle in articles:
        a_str = str(artcle.article_id) + ' ' + artcle.title + ' ' + \
            artcle.author + ' ' + str(artcle.publish_date) + ' ' + artcle.content
        ret_str =ret_str+ a_str
    return httpresponse(ret_str)

然后添加相关的路由配置，先添加应用下的路由(再blog包下添加urls.py文件)，

from django.urls import path
import blog.views

urlpatterns = [
    path('articles', blog.views.get_article_list)
]

还需要添加项目路由中的配置(urls.py)

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


urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls')),
]

Python Web开发:Django+BootStrap实现简单的博客项目

bootstrap优化数据展示

bootstrap官方地址:https://getbootstrap.com/

创建视图模板

在blog包中创建templates文件夹,在templates下再创建一个对应的blog文件夹，然后创建一个html页面，引入bootstrap框架，并在视图中创建对应的方法获取渲染页面的数据

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
    <!-- 最新版本的 bootstrap 核心 css 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" crossorigin="anonymous">

    <!-- 可选的 bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rhyon1irsvxv4nd0jutlngaslcjuc7uwjduw9svrlvryoopp2bwygmgjqixwl/sp" crossorigin="anonymous">

    <!-- 最新的 bootstrap 核心 javascript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-tc5iqib027qvyjsmfhjomalkfuwvxzxupncja7l2mcwnipg9mgcd8wgnicpd7txa"
            crossorigin="anonymous"></script>
</head>
<body>
<div class="container page-header">
    <h1>django+bootstrap实现博客项目教程
        <small>—— 高效养猪倌</small>
    </h1>
</div>
<div class="container page-body">
    <div class="col-md-9" role="main">
        <div class="body-main">
            {% for article in articles %}
            <div>
                <h2>
                    <a href="/blog/detail/{{article.article_id}}">{{article.title}}</a>
                    <small>作者:{{article.author}}创建日期:{{article.publish_date}}</small>
                </h2>
                <p>{{article.content}}</p>
            </div>
            {% endfor %}
        </div>
    </div>
    <div class="col-md-3" role="complementary">
        <div>
            <h2>推荐文章</h2>
            {% for article in articles %}
            <h4><a href="/blog/detail/{{article.article_id}}">{{article.title}}</a></h4>
            {% endfor %}
        </div>
    </div>
</div>
</body>
</html>

def get_index_page(request):
    articles = article.objects.all()
    return render(request, 'blog/index.html',
                  {
                      'articles': articles
                  })

Python Web开发:Django+BootStrap实现简单的博客项目

跳转到详情页

和上面一样，创建一个detail.html页面，并引入bootstrap框架，然后再视图代码中创建对应的渲染方法

def get_detail_page(request, id):
    articles = article.objects.all()
    article = none
    for a in articles:
        if a.article_id == id:
            article = a
            break
    return render(request, 'blog/detail.html',
                  {
                      'article': article
                  })
    pass

Python Web开发:Django+BootStrap实现简单的博客项目

上一篇： aiohttp上报：Got more than 8190 bytes (10160) when reading Status line is too long.错误的解决办法

下一篇：取消a标签在移动端点击时的背景颜色

Python Web开发:Django+BootStrap实现简单的博客项目

创建blog的项目结构

创建blog的数据模型

创建一个文章类

配置数据库

保存数据模型

django shell

django admin

将后台数据展示到前台页面

bootstrap优化数据展示

创建视图模板

跳转到详情页

使用Python下的XSLT API进行web开发的简单教程

Python基于twisted实现简单的web服务器

使用Python实现一个简单的项目监控

python+mysql实现简单的web程序

Python 实现一个简单的web服务器

Python中SOAP项目的介绍及其在web开发中的应用

python快速建立超简单的web服务器的实现方法

Python Web开发:Django+BootStrap实现简单的博客项目

使用Python简单的实现树莓派的WEB控制

python3开发进阶-Django框架学习前的小项目（一个简单的学员管理系统）