创建项目

mysite

创建应用

blog

mysit/settings.py配置app

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

创建数据模型类blog/models.py

from django.db import models

from django.utils import timezone
from django.contrib.auth.models import User

class BlogArticles(models.Model):
    title = models.CharField(max_length=300)
    author = models.ForeignKey(User, related_name="blog_posts")
    # related_name="blog_posts"作用是允许User反向查询到BlogArticles
    body = models.TextField()
    publish = models.DateTimeField(default=timezone.now())

    class Meta:
        ordering = ("-publish",)

    # BlogArticles示例对象的显示顺序,按照publish的字段值倒叙显示
    def __str__(self):
        return self.title

数据库同步,生成数据库

python manage.py makemigrations
python manage.py migrate

创建超级管理员

python manage.py createsuperuser

Username: admin
Email address: admin@admin.com
Password:admin123456

blog/admin.py注册模型类

from django.contrib import admin

from .models import BlogArticles
admin.site.register(BlogArticles)

此时访问http://127.0.0.1:8000/admin/ 用户admin登录后可看到如下界面

如下添加篇文章

save后如下:

为了使列表页展示的信息更丰富,在blog/admin.py里编辑字段如下:

个字段的用法参考:http://python.usyiyi.cn/translate/django_182/ref/contrib/admin/index.html

from django.contrib import admin
from .models import BlogArticles

class BlogArticlesAdmin(admin.ModelAdmin):
    list_display = ("title", "author", "publish")
    list_filter = ("publish", "author")
    search_fields = ("title", "body")
    raw_id_fields = ("author",)
    date_hierarchy = "publish"
    ordering = ["publish", "author"]

admin.site.register(BlogArticles, BlogArticlesAdmin)

展示结果:

渲染文章:

mysite/url.py

from django.conf.urls import url, include
from django.contrib import admin

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^blog/', include('blog.urls', namespace='blog', app_name='blog')),
]

blog/urls.py

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^$', views.blog_title, name="blog_title"),
    url(r'^(?P<article_id>\d)/$', views.blog_article, name="blog_article"),
]

blog/views.py

from django.shortcuts import render, get_object_or_404

from .models import BlogArticles

def blog_title(request):
    blogs = BlogArticles.objects.all()
    return render(request, "blog/titles.html", {"blogs": blogs})

def blog_article(request, article_id):
    # article=BlogArticles.objects.get(id=article_id)
    article = get_object_or_404(BlogArticles, id=article_id) # 找不到就跳转到404页面
    pub = article.publish
    return render(request, 'blog/content.html', {"article": article, "publish": pub})

titles.html 添加a标签

{% extends "base.html" %}
{% block title %} blog titles{% endblock %}
{% block content %}
    <div class="row text-center">
        <h1>我的博客</h1>
    </div>
    <div class="row">
        <div class="col-xs-12 col-md-8">
            <ul>
                {% for blog in blogs %}
                    <li><a href="{{ blog.id }}">{{ blog.title }}</a></li>
                {% endfor %}

            </ul>
        </div>
    </div>
{% endblock %}

content.html

{% extends "base.html" %}

{% block title %}
    blog article
{% endblock %}

{% block content %}
    <div class="row text-center">
        <h1>{{ article.title }}</h1>
    </div>
    <div class="row">
        <div class="col-xs-12 col-md-8">
            <p class="text-center">
        <span>
            {{ article.author.username }}
        </span>
        <span style="margin-left: 20px">
            {{ publish }}
        </span>
            </p>
            <div>
                {{ article.body }}
            </div>
        </div>
    </div>
{% endblock %}

效果:

添加header与footer

引入到base.html

<body>
{% include 'header.html' %}
<div class="container">
    {% block content %}
    {% endblock %}
</div>
{% include 'footer.html' %}
{% block javascript %}
{% endblock %}

</body>

创建用于登录的应用account

配置mysite/urls.py

from django.conf.urls import url, include
from django.contrib import admin

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^blog/', include('blog.urls', namespace='blog', app_name='blog')),
    url(r'^account/', include('account.urls', namespace='account', app_name='account')),
]

account/urls.py

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^login/$', views.user_login, name="user_login"),
]

account/forms.py

from django import forms

class LoginForm(forms.Form):
    username = forms.CharField()
    password = forms.CharField(widget=forms.PasswordInput)

account/views.py

from django.shortcuts import render, HttpResponse
from django.contrib.auth import authenticate, login
from .forms import LoginForm

def user_login(request):
    if request.method == "POST":
        login_form = LoginForm(request.POST)
        if login_form.is_valid():
            cd = login_form.cleaned_data
            user = authenticate(username=cd['username'], password=cd['password'])
            if user:
                login(request, user)
                return HttpResponse("登录成功")
            else:
                return HttpResponse("登录失败,用户名或密码错误")
        else:
            HttpResponse("输入的用户名或密码格式不符合规范")
    if request.method == "GET":
        login_form = LoginForm()
        return render(request, 'account/login.html', {"form": login_form})

渲染login.html

{% extends 'base.html' %}
{% block title %}Login {% endblock %}
{% block content %}
    <div class="row text-center">

        <h1>用户登录</h1>
        <form action="." method="post" class="form-horizontal">
            {% csrf_token %}
            {{ form.as_p }}
            <input type="submit" value="Login">
        </form>

    </div>
{% endblock %}

 

审查元素

给head.html里导航栏的login添加a标签

<li><a href="{% url 'account:user_login' %}">Login</a></li>

它将引导程序到 .mysite/urls.py和.account/urls.py中“按图索骥”。

account 是本应用的namespace(配置在./mysite/urls.py中).冒号后面是URL的name(配置在./account/urls.py中)

./mysite/urls.py

from django.conf.urls import url, include
from django.contrib import admin

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^blog/', include('blog.urls', namespace='blog', app_name='blog')),
    url(r'^account/', include('account.urls', namespace='account', app_name='account')),
]

./account/urls.py

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^login/$', views.user_login, name="user_login"),
]

login.html渲染方式二

{{ form.username }}
{{ form.password }}

审查元素

使用bootstrap样式

login.html

{% extends 'base.html' %}
{% load static %}
{% block title %}Login {% endblock %}
{% block css %}
    <link rel="stylesheet" href="{% static 'css/login.css' %}">{% endblock %}
{% block content %}
    <div class="row ">
        <form class="form-horizontal col-sm-5 col-centered">
            <div class="form-group">
                <label for="id_username" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10">
                    {{ form.username }}
                </div>
            </div>
            <div class="form-group">
                <label for="id_password" class="col-sm-2 control-label">密码</label>
                <div class="col-sm-10">
                    {{ form.password }}
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary btn-block">Sign in</button>
                </div>
            </div>
        </form>

    </div>
{% endblock %}

login.css

.col-centered {
    float: none;
    margin: 100px auto 0;
}

forms.py

from django import forms

class LoginForm(forms.Form):
    username = forms.CharField(widget=forms.TextInput(attrs={"class": "form-control", "placeholder": "Username"}))
    password = forms.CharField(widget=forms.PasswordInput(attrs={"class": "form-control", "placeholder": "Password"}))

效果

--未完待续--

跟老齐学Django 项目实战笔记的更多相关文章

  1. 从零开始部署Django生产环境(适用:《跟老齐学Python Django实战》)

    <跟老齐学Python Django实战>作为市面上少有的Django通俗实战书籍,给了我学习Django很大的帮助.作为一名新入门的菜鸟,全书我重复练习了至少三遍,每次都有新的收获. 前 ...

  2. Unity3D项目实战笔记(10):Unity3D编译IPA的PostEvents–节约时间利器

    最近,SDK支付等接入差不多了,就从Unity3D生成IPA (企业版License), 然,需要手动执行的PostEvents竟然多大10项+, 这些我默默的承受了1周时间,每次约浪费20分钟-额外 ...

  3. Unity3D项目实战笔记(5):延时功能的几种实现

    我所做过的系统,分单机版系统(2005年).CS系统(2010年).实时系统(2015年),各个系统均有“延时”功能:定时调度的: 本博客说的是实时系统中的延时功能(基于Unity3D游戏引擎). 在 ...

  4. 《跟老齐学Python:从入门到精通》齐伟(编著)epub+mobi+azw3

    内容简介 <跟老齐学Python:从入门到精通>是面向编程零基础读者的Python入门教程,内容涵盖了Python的基础知识和初步应用.以比较轻快的风格,向零基础的学习者介绍一门时下比较流 ...

  5. 【慕课网实战】Spark Streaming实时流处理项目实战笔记十五之铭文升级版

    铭文一级:[木有笔记] 铭文二级: 第12章 Spark Streaming项目实战 行为日志分析: 1.访问量的统计 2.网站黏性 3.推荐 Python实时产生数据 访问URL->IP信息- ...

  6. 【慕课网实战】Spark Streaming实时流处理项目实战笔记二十一之铭文升级版

    铭文一级: DataV功能说明1)点击量分省排名/运营商访问占比 Spark SQL项目实战课程: 通过IP就能解析到省份.城市.运营商 2)浏览器访问占比/操作系统占比 Hadoop项目:userA ...

  7. django项目班笔记-模板抽取

    目录 一.将前端静态文件放置到项目文件目录 二.模板设置 三.将静态文件拖放到项目对应目录 四.检查HTML文件中的应用是否自动更改了 4.1 文件引用没有改变的解决方法 4.2 设置static文件 ...

  8. 【慕课网实战】Spark Streaming实时流处理项目实战笔记十四之铭文升级版

    铭文一级: 第11章 Spark Streaming整合Flume&Kafka打造通用流处理基础 streaming.conf agent1.sources=avro-sourceagent1 ...

  9. 【慕课网实战】Spark Streaming实时流处理项目实战笔记二之铭文升级版

    铭文一级: 第二章:初识实时流处理 需求:统计主站每个(指定)课程访问的客户端.地域信息分布 地域:ip转换 Spark SQL项目实战 客户端:useragent获取 Hadoop基础课程 ==&g ...

随机推荐

  1. sql Server如何执行批量插入和批量删除

    平时我们sql server执行查询语句都是通过 insert into 表名(字段名,字段名) values(插入值,插入值) --单条插入语句--- insert into Reader(read ...

  2. poj1088 滑雪 解题报告

    滑雪 Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 77423   Accepted: 28779 Description ...

  3. git的搭建与简单实用

    svn是中央集中版本,所有的人都下载同一个版本去更新,git是分布式的,可以现在自己想要的分支.svn集中式版本控制系统不但速度慢,而且必须联网才能使用git系统的安全性高.git及其强大的分支管理g ...

  4. koa 框架 介绍 -- 待续

    对比 express  更小  更健壮 解决繁琐的回调函数嵌套, 并极大地提升错误处理的效率 Koa 的核心设计思路是为中间件层 提供高级语法糖封装, (其实就是用了 ES6的生成器, 能中断函数的执 ...

  5. php 文件上传处理

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAS4AAACvCAIAAADMuaTdAAAcaklEQVR4nO2da3Abx33Az3H6JdNx2i

  6. MyEclipse 10 中安装Android ADT 22插件的方法

    MyEclipse 10 中安装Android ADT 22插件的方法 下载ADT包:http://dl.google.com/android/ADT-22.0.0.zip 将ADT-22.0.0.z ...

  7. Python学习(004)-字典{}

    特点: 无序状态 键唯一   不可变类型:字符串.整型.元组 可变类型:列表.字典   字典创建 第一种: dic1={','sex':'man'} print(dic1['name']) ----- ...

  8. SWIFT中用Switch case 类类型

    有时觉得SWIFT的语法真的强大而又变态,不说了,直接上代码瞅瞅: 首先先定义一个交通工具的父类 class Vehicle{ var wheels:Int! var speed:Double! in ...

  9. SecureCRT来上传和下载文件

    引用:https://www.cnblogs.com/zhengyihan1216/p/6260667.html Linux--用SecureCRT来上传和下载文件 SecureCRT下的文件传输协议 ...

  10. 查看linux安装包的版本信息-TX2

    前言 新到手一块TX2板子,想要检查系统是否安装某软件及其版本. 操作命令 Cuda8.:nvcc --version Opencv:pkg-config --modversion opencv G+ ...