-1.理解上下文

  • render（）渲染
  • request  url传来的reuqest
  • x.html 制定返回的模板名称
  • context 上下文    数据库中 替换数据

0.大框架

1.创建模板

　　（1）创建templates和static文件夹

  • 在firstapp中创建文件夹

　　（2）setting.py设置文件迁移

    'DIRS': [os.path.join(BASE_DIR,'templates').replace('\\','/')],

　　

　　（3）引入静态文件：模板语言（错误：看下面）

{% staticfiles %}

#css文件目录

<link rel="stylesheet" href="{% static 'css/semantic.css'%}" media="screen" title="no title" charset="utf-8">

#图片目录

<img src="{% static 'images/banner.jpg'%}" alt="" />

　　

2.创建后台

　　 (1)查看后台

　　（2）创建超级管理员

PS C:\Users\Administrator\Desktop\root\firstsite> python.exe .\manage.py createsuperuser

Username (leave blank to use 'administrator'): admin

Email address:   空

Password:   admind

Password (again):  admin

Superuser created successfully.

　　

　　（3）向后台注册提交数据库

from django.contrib import admin

from firstapp.models import People

# Register your models here.

admin.site.register(People)

　　

　　（4）添加数据,并显示

　　（5）添加Article表，

class Aritcle(models.Model):

    headline = models.CharField(null=True,blank=True,max_length=500)

    content = models.TextField(null=True, blank=True)

    def __str__(self):

        return self.headline

　　

  • 后台注册提交

　　　　

  • 创建数据库，
tsite> python.exe .\manage.py makemigrations

root\firstsite> python.exe .\manage.py migrate

　　

  • 创建文章

3.Model引入数据

　　（1）view.py 文件导入Article

　　　　

　　（2）创建index视图函数

　　　　

　　（3）获取数据库的数据

　　　　

article_list = Aritcle.objects.all()  #获取Article数据库所有的数据

　　

　　（4）render（请求 ，网页，上下文） 函数渲染好一个网页

def index(request):

    article_list = Aritcle.objects.all()  #获取Article数据库所有的数据

    web_page = render(request,'first.html',context)

    return web_page

　　

　　（5）上下文：字典装载数据

  • context['article_list'] = article_list

　　（6）代码：view.py文件

from django.shortcuts import render,HttpResponse

from firstapp.models import People,Aritcle

from django.template import Context,Template

# Create your views here.

def first_try(request):

    person = People(name='alxe',job='it')

    html_string = '''

                <!DOCTYPE html>

                <html>

                  <head>

                    <meta charset="utf-8">

                    <title>first_try</title>

                  </head>

                  <body>

                    <h1>Hello</h1>

                    <h3> {{ person.name }} </h3>

                  </body>

                </html>

    '''

    t = Template(html_string)

    c = Context({'person':person})

    web_page = t.render(c)

    return HttpResponse(web_page)

        context = {}

    context['article_list'] = article_list

def index(request):

    context = {}

    article_list = Aritcle.objects.all()  #获取Article数据库所有的数据

    context['article_list'] = article_list

    index_page = render(request,'first.html',context)

    return index_page

4.Django模板语言

　　（1）模板语言渲染html

　　　　

　　　　

    {% for article in article_list %}

      <div class="ui vertical segment">

        <div class="ui container segment">

          <h1 class="ui header">{{article.headline}} </h1>

          <p>

            {{ article.context }}

          </p>

          <button type="button" name="button" class="ui inverted blue button">Read more</button>

        </div>

      </div>

    {% endfor %}

　　

　　（2）ur.pyl添加地址

　　　　

from django.conf.urls import include, url

from django.contrib import admin

from firstapp.views import first_try,index

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^first_try/', first_try),

    url(r'^index/', index,name='index'),

]

　　

5.效果演示

　　（1）报错

　　（2）修改bug

　　　　

　　（3）无法加载css image

　　　　

　　（4）静态文件导入路径错误

    'DIRS': [os.path.join(BASE_DIR,'templates').replace('\\','/')],

　　

  <link rel="stylesheet" href="{% static 'css/semantic.css'%}" media="screen" title="no title" charset="utf-8">

 <img src="{% static 'images/banner.jpg'%}" alt="" />

　　

　　（5）templates 和static 文件夹 在firstapp中创建

　　　　

　　（6）完整代码html

<!DOCTYPE html>

{% load staticfiles %}

<html>

  <head>

    <meta charset="utf-8">

    <title>first web</title>

    <link rel="stylesheet" href="{% static 'css/semantic.css'%}" media="screen" title="no title" charset="utf-8">

  </head>

  <body>

    <div class="ui inverted vertical segment">

      <div class="ui image">

        <img src="{% static 'images/banner.jpg'%}" alt="" />

      </div>

    </div>

    {% for article in article_list %}

      <div class="ui vertical segment">

        <div class="ui container segment">

          <h1 class="ui header">{{article.headline}} </h1>

          <p>

            {{ article.content }}

          </p>

          <button type="button" name="button" class="ui inverted blue button">Read more</button>

        </div>

      </div>

    {% endfor %}

    <div class="ui inverted very padded segment">

      maguacoding

    </div>

  </body>

</html>

6.模板语言：过滤器100个字符

{{ article.content|truncatewords:100 }}

　　

  • 只能过滤英文

<!DOCTYPE html>

{% load staticfiles %}

<html>

  <head>

    <meta charset="utf-8">

    <title>first web</title>

    <link rel="stylesheet" href="{% static 'css/semantic.css'%}" media="screen" title="no title" charset="utf-8">

  </head>

  <body>

    <div class="ui inverted vertical segment">

      <div class="ui image">

        <img src="{% static 'images/banner.jpg'%}" alt="" />

      </div>

    </div>

    {% for article in article_list %}

      <div class="ui vertical segment">

        <div class="ui container segment">

          <h1 class="ui header">{{article.headline}} </h1>

          <p>

            {{ article.content|truncatewords:100 }}

          </p>

          <button type="button" name="button" class="ui inverted blue button">Read more</button>

        </div>

      </div>

    {% endfor %}

    <div class="ui inverted very padded segment">

      maguacoding

    </div>

  </body>

</html>

2 实现第一个Django网站 博客的更多相关文章

  1. django参考博客学习

    网上发现其他人的一个django系列博客,和我学的一样是黑马的,写的挺不错的,转载学习一下 https://blog.csdn.net/u014745194/article/category/6989 ...

  2. Django搭建博客网站(四)

    Django搭建博客网站(四) 最后一篇主要讲讲在后台文章编辑加入markdown,已经在文章详情页对markdown的解析. Django搭建博客网站(一) Django搭建博客网站(二) Djan ...

  3. Django搭建博客网站(三)

    Django搭建博客网站(三) 第三篇主要记录view层的逻辑和template. Django搭建博客网站(一) Django搭建博客网站(二) 结构 网站结构决定我要实现什么view. 我主要要用 ...

  4. Django搭建博客网站(二)

    Django搭建自己的博客网站(二) 这里主要讲构建系统数据库Model. Django搭建博客网站(一) model 目前就只提供一个文章model和一个文章分类标签model,在post/mode ...

  5. Django 学习笔记之六 建立一个简单的博客应用程序

    最近在学习django时建立了一个简单的博客应用程序,现在把简单的步骤说一下.本人的用的版本是python 2.7.3和django 1.10.3,Windows10系统 1.首先通过命令建立项目和a ...

  6. Django（博客系统）：基于pycharm如何一个django工程下创建多个app

    背景:通常我们创建一个django系统时,为了把业务模块划分清楚往往会把一个独立的业务模块放到一个app中,如果多个独立的业务模块就会创建多个app,一般情况下为了更好的管理这些app,会把他们都存放 ...

  7. Django开发博客 入门篇

    Django是神马? Django是一个开源免费的Web框架,使用Python编写.能够让你快速写出一个Web应用, 因为它包含了绝大部分的组件,比如认证,表单,ORM,Session,安全,文件上传 ...

  8. Django 系列博客（八）

    Django 系列博客(八) 前言 本篇博客介绍 Django 中的模板层,模板都是Django 使用相关函数渲染后传输给前端在显式的,为了想要渲染出我们想要的数据,需要学习模板语法,相关过滤器.标签 ...

  9. Django 系列博客（六）

    Django 系列博客(六) 前言 本篇博客介绍 Django 中的路由控制部分,一个网络请求首先到达的就是路由这部分,经过路由与视图层的映射关系再执行相应的代码逻辑并将结果返回给客户端. Djang ...

随机推荐

  1. 在Sql Server中使用Guid类型的列及设置Guid类型的默认值

    1.列的类型为uniqueidentifier 2.列的默认值可以设为newid()

  2. 【js基础修炼之路】- 微任务,宏任务和Event-Loop

    一段代码让你了解Event-Loop console.log(1); setTimeout(() => { console.log(2); }, 0); new Promise((resolve ...

  3. 【js基础修炼之路】--创建文档碎片document.createDocumentFragment()

          讲这个方法之前,我们应该先了解下插入节点时浏览器会做什么.         在浏览器中,我们一旦把节点添加到document.body(或者其他节点)中,页面就会更新并反映出这个变化,对于 ...

  4. 在微信小程序里自动获得当前手机所在的经纬度并转换成地址

    效果:我在手机上打开微信小程序,自动显示出我当前所在的地理位置: 具体步骤: 1. 使用微信jssdk提供的getLocation API拿到经纬度: 2. 调用高德地图的api使用经纬度去换取地址的 ...

  5. Selenium入门系列5 默认不显示的下拉列表元素操作

    本节课程的下拉框是那种默认隐藏,当鼠标移到菜单上下拉框才显示的.如果直接getelement会报错,提示元素不可见: so,得先让下拉列表显示出来再获取元素 用到的新知识: is_display()  ...

  6. iOS开发：小技巧积累

    1.获取全局的Delegate对象,这样我们可以调用这个对象里的方法和变量: [(MyAppDelegate*)[[UIApplication sharedApplication] delegate] ...

  7. The service command supports only basic LSB actions (start, stop, restart, try-restart, reload,force-reload, status)

    # service iptables save The service command supports only basic LSB actions (start, stop, restart, t ...

  8. 数黑格有多少个，模拟题，POJ(1656)

    题目链接:http://poj.org/problem?id=1656 #include <stdio.h> #include <iostream> #include < ...

  9. python导入其他文件夹下的.py文件

    想在globalpararm中导入read_config中的类 import sys sys.path.append('..') from common.read_config import Read ...

  10. svn更改地址怎么办

    开发过程中有时会遇到服务器更换地址的情况,比如之前地址是 svn://www.aaa.com 后来换成了 svn://www.bbb.com 这时候怎么办呢?分客户端和服务器端2种情况处理 客户端: ...