利用django創(chuàng)建一個簡易的博客網(wǎng)站的示例
一、頁面實現(xiàn)
index.htmlbase.htmlpost.htmlheader.htmlfooter.html
<!-- index.html-->{% extends ’base.html’ %}<html lang='en'><head> <meta charset='UTF-8'> <title>個人博客</title></head><body><h1>歡迎來到我的博客</h1>{% for post in posts %} <hr> <p style='font-family: 微軟雅黑 '> <a href='http://m.4tl426be.cn/post/{{ post.slug }}' rel='external nofollow' rel='external nofollow' >{{ post.title }}</a> </p>{% endfor %}<br>{{ now }}</body></html><div class='mainContext'> <div class='rightContext'> {% block title %}歡迎來到我的博客{% endblock %} {% block headmessage %}<h3 style='font: 微軟雅黑;'>文章列表</h3>{% endblock %} {% block content %} <ul> {% for post in posts %}<p> <li><a href='http://m.4tl426be.cn/post/{{ post.slug }}' rel='external nofollow' rel='external nofollow' >{{ post.title }}</a></li></p> {% endfor %} </ul> {% endblock %}</div></div>
<!-- base.html--><!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>{% block title %} {% endblock %}</title></head><body><div class='mainContext'> <div class='leftContext'> <h3 style='font: 微軟雅黑;'>文章分類</h3> <ul> <li><a href='http://m.4tl426be.cn/tag/?p=唐詩' rel='external nofollow' >唐詩</a></li> <li><a href='http://m.4tl426be.cn/tag/?p=宋詞' rel='external nofollow' >宋詞</a></li> <li><a href='http://m.4tl426be.cn/tag/?p=五言古詩' rel='external nofollow' >五言古詩</a></li> </ul> </div> <div class='rightContext'> <div class='top1'> {% include ’header.html’ %} </div> <div class='mid2'> {% block headmessage %} {% endblock %} {% block content %} {% endblock %} </div> <div class='bot3'> <br/> {% include ’footer.html’ %} </div> </div></div></body></html>
<!-- post.html--><!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>post</title></head><body><a href='http://localhost:8000/' rel='external nofollow' >返回上一頁</a><br/>{{ post.body }}</body></html>
<!-- footer.html-->{% block footer %} {% if now %} <p style='font-family: 微軟雅黑'>時間：{{ now }}</p> {% else %} <p style='font-family: 微軟雅黑'>如需轉(zhuǎn)載請注明來源</p> {% endif %}{% endblock %}
models.py 數(shù)據(jù)表的設(shè)計
from django.db import modelsfrom django.utils import timezonefrom tinymce.models import HTMLField# Create your models here.class Post(models.Model): title = models.CharField(max_length = 200,verbose_name=u’標(biāo)題’)#標(biāo)題 slug = models.CharField(max_length=200,verbose_name=u’文章網(wǎng)址’)#文章網(wǎng)址 body = models.TextField()#文章內(nèi)容 tags = models.CharField(max_length=100, verbose_name=u’標(biāo)簽’) pub_date = models.DateTimeField(default = timezone.now)#發(fā)表時間 #pub_date 以timezone.now的方式讓其自動產(chǎn)生時間 在執(zhí)行需要pytz模塊支撐 class Meta: db_table = ’博客’ ordering = [’pub_date’]#按照發(fā)表時間排序顯示順序依據(jù) def __str__(self):#設(shè)置此類所提供的數(shù)據(jù)項，顯示文章標(biāo)題 return self.title
數(shù)據(jù)表的遷移 在cmd中執(zhí)行
python manage.py makemigrationspython manage.py migrate
views.py 方法的實現(xiàn)
#初始頁面 顯示所有文章列表def homepage(request): posts = Post.objects.all().order_by(’-pub_date’) return render(request, ’index.html’, locals()) now = datetime.now() #顯示文章內(nèi)容def show_detail(request,slug): try: post = Post.objects.get(slug = slug) if post != None: return render(request,’post.html’,locals()) except: return redirect(’/’)#返回首頁#在views中調(diào)用屬于同一個標(biāo)簽文章def search_tag(request): #tag在URL中獲取 tag = request.GET.get(’p’) print(tag) try: posts = Post.objects.filter(tags=tag)#注意這里寫的是filter if posts != None:#這里使用的是posts，和index.html中對應(yīng) return render(request,’index.html’,locals()) except: print(’沒找到’)
url.py在url中注冊路徑
from django.conf.urls import url, includefrom django.contrib import adminfrom django.urls import pathfrom myblogs import views#import tinymceurlpatterns = [ path(’’, views.homepage),#進(jìn)入系統(tǒng)主頁 path(’admin/’, admin.site.urls),#進(jìn)入管理員頁面 path(’post/<slug:slug>/’,views.show_detail),#顯示詳細(xì)信息# 定義拼接地址，獲取標(biāo)簽信息 url(r’^tag/$’, views.search_tag)#注意這里使用的是url 和正則表達(dá)式 需要前文中引入 #url(r’^tinymce/’, include(’tinymce.urls’)), # 這是富文本編輯器]
在界面中添加css或者是圖片
配置setting
STATIC_URL = ’/static/’STATICFILES_DIRS = [ os.path.join(BASE_DIR, ’static’),]
在界面中引入
1.方法一{% load staticfiles %}<title>{% block title %} {% endblock %}</title>2.方法二{% load staticfiles %}<link rel='stylesheet' href='http://m.4tl426be.cn/bcjs/{% static ’index.css’ %}' rel='external nofollow' >
以上就是利用django創(chuàng)建一個簡易的博客網(wǎng)站的示例的詳細(xì)內(nèi)容，更多關(guān)于django創(chuàng)建網(wǎng)站的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章！
相關(guān)文章：
網(wǎng)公網(wǎng)安備