django快速搭建blog

時間  2019-11-11
標籤 django 快速 搭建 blog 欄目 Python 简体版
原文   原文鏈接

 

python版本：3.5.4；css

Django版本：2.0html

建立項目

建立mysite項目和 blog應用：python

django-admin startproject mysite    # 建立mysite項目
cd mysite    # 切換到mysite目錄
python manage.py startapp blog    # 建立blog應用

項目目錄結構：jquery

項目目錄介紹：web

　　manage.py ： Django項目裏面的工具，經過它能夠調用django shell和數據庫等。sql

　　mysite/shell

　　| ---  settings.py ： 包含了項目的默認設置，包括數據庫信息，調試標誌以及其餘一些工做的變量。數據庫

　　| ---  urls.py ： 負責把URL模式映射到應用程序。django

　　| --- wsgi.py :  用於項目部署。bootstrap

　　blog /

　　| --- admin.py  :  django 自帶admin後面管理，將models.py 中表映射到後臺。

　　| --- apps.py :  blog 應用的相關配置。

　　| --- models.py  : Django 自帶的ORM，用於設計數據庫表。

　　| --- tests.py  :  用於編寫Django單元測試。

　　| --- veiws.py ：視圖文件，用於編寫功能的主要處理邏輯。

 打開settings.py 配置文件，添加blog應用。

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',
]

初始化admin後臺數據庫

 Python 自帶SQLite3數據庫，Django默認使用SQLite3數據庫，若是使用其它數據庫請在settings.py文件中設置。

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}

Django默認幫咱們作不少事情，好比User、Session 這些都須要建立表來存儲數據，Django已經把這些模塊幫我準備好了，咱們只須要執行數據庫同步，把相關表生成出來便可：

(venv) C:\untitled\2018-6-23\mysite>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, contenttypes, sessions
Running migrations:
  Applying contenttypes.0001_initial... OK
  Applying auth.0001_initial... OK
  Applying admin.0001_initial... OK
  Applying admin.0002_logentry_remove_auto_add... OK
  Applying contenttypes.0002_remove_content_type_name... OK
  Applying auth.0002_alter_permission_name_max_length... OK
  Applying auth.0003_alter_user_email_max_length... OK
  Applying auth.0004_alter_user_username_opts... OK
  Applying auth.0005_alter_user_last_login_null... OK
  Applying auth.0006_require_contenttypes_0002... OK
  Applying auth.0007_alter_validators_add_error_messages... OK
  Applying auth.0008_alter_user_username_max_length... OK
  Applying auth.0009_alter_user_last_name_max_length... OK
  Applying sessions.0001_initial... OK

要想登陸admin後臺，必需要有賬號，接下來建立超級管理員賬號。

(venv) C:\untitled\2018-6-23\mysite>python manage.py createsuperuser
Username: admin        # 建立一個名爲admin的管理員帳號
Email address: admin@mail.com        # 郵箱地址可不配
Password:
Password (again):
Superuser created successfully.

啓動應用 & 訪問admin後臺

 Django自帶Web，能夠經過「runserver」命令啓動應用：

(venv) C:\untitled\2018-6-23\mysite>python manage.py runserver
Performing system checks...

System check identified no issues (0 silenced).
June 23, 2018 - 20:26:04
Django version 2.0.6, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.

能夠指定ip和端口啓動，例如：python manage.py runserver 192.168.11.130  8888

有時候這裏會出現以下報錯：

Error: [WinError 10013] 以一種訪問權限不容許的方式作了一個訪問套接字的嘗試。

遇到這種狀況，基本就是端口占用，咱們能夠按照以下方式解決

(venv) C:\untitled\2018-6-23\mysite>netstat -ano|findstr 8000
TCP 0.0.0.0:8000 0.0.0.0:0 LISTENING 5208
UDP 0.0.0.0:8000 *:* 5208

(venv) C:\untitled\2018-6-23\mysite>tasklist |findstr 5208
KGService.exe 5208 Console 1 17,688 K

(venv) C:\untitled\2018-6-23\mysite>taskkill /pid 5208 /F
成功: 已終止 PID 爲 5208 的進程。

而後從新啓動應用便可。經過瀏覽器訪問：http://127.0.0.1:8000

訪問Admin 後臺：http://127.0.0.0:8000/admin  ， 經過前面建立的超級管理員帳號。

django2.0 後臺樣式作了自適應。 到此，準備工做結束。

設計Model(即設計數據庫表) 

一、設計blog表

打開blog目錄下的models.py文件，這是定義blog數據結構的地方。

from django.db import models

# Create your models here.
class BlogsPost(models.Model):
    title = models.CharField(max_length=150)    # 博客標題
    body = models.TextField()                   # 博客正文
    timestamp = models.DateTimeField()          # 建立時間

二、再次執行數據庫同步。

(venv) C:\untitled\2018-6-23\mysite>python manage.py makemigrations blog
Migrations for 'blog':
  blog\migrations\0001_initial.py
    - Create model BlogsPost

(venv) C:\untitled\2018-6-23\mysite>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, blog, contenttypes, sessions
Running migrations:
  Applying blog.0001_initial... OK

三、經過Admin 管理。

經過Admin後臺來管理blog表數據。打開 admin.py 文件。

from django.contrib import admin
from blog.models import BlogsPost

# Register your models here.
class BlogsPostAdmin(admin.ModelAdmin):
    list_display = ['title', 'body', 'timestamp']
    
admin.site.register(BlogsPost, BlogsPostAdmin)

四、登陸Admin後臺添加blog 

再次啓動項目，訪問：http://127.0.0.0:8000/admin，成功登陸後界面以下：

點擊blogs posts後面的add進行添加博客標題

博客編寫完成，點擊「SAVE」 按鈕保存。

到此，數據部分已經搞定。

建立模板 

 在blog項目下建立templates目錄（mysite/blog/templates/）,在目錄下建立模板文件index.html，內容以下：

{% for blog in blog_list %}
    <h2>{{ blog.title }}</h2>>
    <p>{{ blog.timestamp }}</p>
    <p>{{ blog.body }}</p>
{% endfor %}

 這裏涉及到Django模板語言，循環讀取表中的數據，顯示標題，建立時間和正文。

 建立視圖函數 

 打開mysite/blog/views.py文件：

from django.shortcuts import render
from blog.models import BlogsPost

# Create your views here.
def blog_index(request):
    blog_list = BlogsPost.objects.all() # 獲取全部數據
    return render(request, 'index.html', {'blog_list': blog_list})  # 返回index.html頁面

blog_list = BlogPost.objects.all() ：獲取數據庫裏面所擁有BlogPost對象

render返回一個頁面(index.html)，順帶把數據庫中查詢出來的全部博客內容（blog_list）也一併返回。

建立blog的URL模式 

 在mysite/urls.py文件裏添加blog的url：

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

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

訪問blog應用（http://127.0.0.1:8000/blog/）。

固然，你能夠繼續到admin後臺添加blog，從而刷新這個頁是否顯示新添加的blog。

到此，項目開發完成

 美化blog  

到 BootStrap 官網去找樣模板。http://www.bootcss.com/

https://v3.bootcss.com/examples/starter-template/  這個樣式就很合適。

 修改index.html模板。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3個meta標籤必須放在最前面，任何其餘內容都必須跟隨其後！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Jhong的我的博客</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- 自定義樣式來自下面這個模板 -->
    <link rel="stylesheet" href="starter-template.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">黑色彩虹</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container" style="margin-top: 50px;">

      <div class="starter-template">

        {% for blog in blog_list %}
            <h2>{{ blog.title }}</h2>
            <p>{{ blog.timestamp }}</p>
            <p>{{ blog.body }}</p>
        {% endfor %}

      </div>

    </div><!-- /.container -->

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>

 再次刷新博客頁面：

http://127.0.0.1/blog/  。

請系統的學習django web框架，而後在此基礎上作更多的擴展，開發本身真正的blog 。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程