zoukankan      html  css  js  c++  java
  • Django:快速搭建简单的Blog

    一,创建项目

    1, 为blog创建名为mysite的工程项目:

     django-admin.py startproject mysite
    

    2, 项目结构如下:

      mysite
        ├── manage.py
        └── mysite
            ├── __init__.py
            ├── settings.py
            ├── urls.py
            └── wsgi.py
    
    • manage.py ----- Django项目里面的工具,通过它可以调用django shell和数据库等。

    • settings.py ---- 包含了项目的默认设置,包括数据库信息,调试志以及其他一些工作的变量。

    • urls.py ----- 负责把URL模式射到应用程序。

    二 ,运行开发服务器

    要马上查看django项目应用的运行,可以使用Django项目里的mange.py

    切换到工程目录,执行运行服务器命令:

    python manage.py runserver
    

    完成:

    打开浏览器,输入访问地址:127.0.0.1:8000

    三,创建Blog应用

    python manage.py startapp blog
    

    blog应用文件结构如下:

    ├── blog
    │   ├── admin.py
    │   ├── __init__.py
    │   ├── models.py
    │   ├── tests.py
    │   └── views.py
    

    四,设计的Model

    在blog目录下的models.py是blog应用的心文件之一,是定义blog数据结构的地方。

    用编辑器打开models.py

    新添BlogPost类,代如下:

    from django.db import models
    
    # Create your models here.
    class BlogPost(models.Model):
        title = models.CharField(max_length = 150)
        body = models.TextField()
        timestamp = models.DateTimeField()
    

    BlogPost类是django.db.models.Model的一个子类 。它有变量title(blog的题),body(blog的内容部分),timestamp(blog的发表时间)。

    五,设置数据库

    Dajango支持主流的数据库服务器(MySQL,PostgreSQL,Oracle和MSSQL),但本项目使用SQLite,这里之需要通过一条简单的命令可以创建SQLite数据库。

    创建数据库:

    切换到工程主目录mysite/下,执行如下命令:

    <span ><span >python manage.py syncdb<br></span></span>
    

    出现下面的提示,输入yes,然后按照提示输入相关的信息。完成后会生成一个数据库文件db.sqlite3

    六,设置自动admin应用

    1,打开mysite/mysite/urls.py,取消注释url(r'^admin/', include(admin.site.urls))

    2,编辑mysite/mysite/settings.py,在INSTALLED_APPS里面添blog应用。

    添后的代如下:

    <span ><span ># Application definition INSTALLED_APPS = (    'django.contrib.admin',    'django.contrib.auth',    'django.contrib.contenttypes',    'django.contrib.sessions',    'django.contrib.messages',    'django.contrib.staticfiles',    'blog', )<br></span></span>
    

    2,修改mysite/blog/models.py

    在最后添一行代:

    <span ><span >admin.site.register(BlogPost)<br></span></span>
    

    models.py完整的代如下:

    from django.db import models
    from django.contrib import admin
    
    # Create your models here.
    class BlogPost(models.Model):
        title = models.CharField(max_length = 150)
        body = models.TextField()
        timestamp = models.DateTimeField()
    
    admin.site.register(BlogPost)
    

    3 ,打开浏览器,输入http://127.0.0.1:8000/admin/,输入刚才创建数据库时候填写的帐号就能进入admin界面。

    七,试用admin

    1, 点击Blog Posts右侧的Add 按钮,添一个帖子。

    2,让admin的BlogPost界面更美观

    修改blog应用的models.py,为它添一个admin.ModelAdmin的子类BlogPostAdmin.以列表形式显示BlogPost的题和时间。

    from django.db import models
    from django.contrib import admin
    
    # Create your models here.
    class BlogPost(models.Model):
        title = models.CharField(max_length = 150)
        body = models.TextField()
        timestamp = models.DateTimeField()
    
    class BlogPostAdmin(admin.ModelAdmin):
        list_display = ('title','timestamp')
    
    admin.site.register(BlogPost,BlogPostAdmin)
    

    八,建立Blog的公共部分

    从Django的角度看,一个页面具有三个典型的组件:

    • 一个模板(template):模板负责把递进来的信息显示出来。

    • 一个视图(viw):视图负责从数据库获取需要显示的信息。

    • 一个URL模式:它负责把收到的请求和的试图函数匹配,有时候也会向视图递一些参数。

    1,创建模板

    在blog目录下建立template目录(mysite/blog/templates),创建模板文件archive.html,它的内容如下:

    {% for post in posts %}
    <h2>{{ post.title }}</h2>
    <p>{{ post.timestamp }}</p>
    <p>{{ post.body }}</p>
    {% endfor%}
    

    2,创建一个视图函数

    在app应用的目录下的view.py添视图函数

    from django.shortcuts import render
    from django.template import loader,Context
    from django.http import HttpResponse
    from blog.models import BlogPost
    
    # Create your views here.
    
    def archive(request):
        posts = BlogPost.objects.all()
        t = loader.get_template("archive.html")
        c = Context({'posts':posts})
        return HttpResponse(t.render(c))
    
    • posts = BlogPost.objects.all() :获取数据库里面所拥有BlogPost对象

    • t = loader.get_template("archive.html"):载模板

    • c = Context({'posts':posts}):模板的渲染的数据是有一个字典类的对象Context提供,这里的是一对键值对。

    3,创建一个URL模式

    第一步,在mysite/urls.py里面取消下面的一行注释:

    #
    

    把它变成:

    url(r'^blog/', include('blog.urls')),
    

    第二步:在blog应用里面定义URL,创建一个urls.py(mysite/blog/urls.py)

    from django.conf.urls import *
    from blog.views import archive
    
    urlpatterns = patterns('',
                          url(r'^$',archive),
                          )
    

    最后,在浏览器输入如下地址http://127.0.0.1:8000/blog/

    九,最后的润色

    1,模板的精确定位

    在mysite/blog/templates目录里创建一个叫base.html的模板

    <html>
      <style type="text/css">
        body{color:#efd;background:#453;padding:0 5em;margin:0}
        h1{padding:2em 1em;background:#675}
        h2{color:#bf8;border-top:1px dotted #fff;margin-top:2em}
        p{margin:1em 0}
      </style>
    
      <body>
        <h1>my blog</h1>
        {% block content %}
        {% endblock %}
      </body>
    </html>
    

    2,修改archive.html模板,让它引用base.html模板和它的“content”块。

      {% extends "base.html" %}
      {% block content %}
      {% for post in posts %}
      <h2>{{  post.title }}</h2>
      <p>{{ post.timestamp | date:"1,F jS"}}</p>
      <p>{{ post.body }}</p>
      {% endfor %}
      {% endblock %}
    

    刷新浏览器可以看到效果如下:

    3,按日期排序

    修改blog 应用下的models.py,为BlogPost添一个Meta嵌套类。如下:

    <span >class BlogPost(models.Model):
        title = models.CharField(max_length = 150)
        body = models.TextField()
        timestamp = models.DateTimeField()
    
        class Meta:
            ordering = ('-timestamp',)<br></span>
    

    刷新浏览器,如下:

    文章出处: 开源中国 
    文章地址: http://my.oschina.net/matrixchan/blog/184445 
    本文地址: http://www.webrube.com/django-python-web_rube/2057 
    本文由 噜吧 整理,转载请保留以上信息; 如有侵犯您的版权, 请联系微信: 3715397 。
  • 相关阅读:
    Style file: generic.xaml
    OpenCV源码分析:RGB到其他色彩空间的转换
    3D《四大名捕 大结局》
    Halcon 10.0:Hobject图像转CBitmap
    Halcon 映射校正例程注释(MapImage)
    信息论-基础知识
    注释:这50个词,在这10月30号之前完成
    谱聚类(Spectral Clustering, SC)
    K-means聚类算法
    利用Adapter对象将数据填充到DataTable(或DataSet)的例子
  • 原文地址:https://www.cnblogs.com/jxrichar/p/3840793.html
Copyright © 2011-2022 走看看