前面的部署，已经基本完善我们的功能

接下来，就是设计。Design


设计是 把一种设想 通过合理的规划 周密的计划 通过各种感觉形式传达出来的过程。人类通过劳动改造世界，创造文明，创造物质财富和精神财富，而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划，可以把任何造物活动的计划技术和计划过程理解为设计。


wKiom1k4-oLijXyuAACK98rwIjQ307.png






wKiom1k4-oKh9FJ7AACFVlRsa0o044.png



wKiom1k4-oSAZyn9AADLnf4HKQA036.png






wKioL1k4-oTwAMr5AACTJ73UJVI462.png







j_0035.gifj_0035.gifj_0035.gifj_0035.gifj_0035.gifj_0035.gif



把资源全列出来，那么就开始做了哈

我们的目的先把刚刚的表给列出来。


wKiom1k4_HvwicmLAAAMxVur4MU654.png



1、在数据库里添加一条记录，可以选择后上节课说的。admin内添加。


wKiom1k4_SWi2ohoAAApVEuaPME585.png


把数据加后，数据库就有这么两张表了。



2、修改blog下的views.py

####注意：articles与是views的值，真正传递过去的是article

from django.shortcuts import render

from django.http import HttpResponse
from . import models
def index(request):

    a1 = models.Article.objects.all()
    return render(request,'blog/index.html',{'a1':a1})



3、把新赋值的article传递给index.html

<body>


    <h1> hello blog web1</h1>
<h1>
    <a href="">新文章</a>


</h1>
{% for i1 in article %}

    <a href="">{{ i1.title }}</a>

        <br/>
{% endfor %}
<!--
    使用的是python的for语句，a标签为了给他添加超链接的样式。
-->

</body>
</html>


执行熟悉的命令，python manage.py runserver

就可以看到文章列表咯


wKiom1k4_HqyWoIkAAAhcRJ-3rk382.png






上面讲解了如何调取文字标题值

那么，我们看看如何浏览文章内容页面

j_0056.gif


超链接


wKioL1k5LWiCehcgAADU7byMHuE780.png






wKioL1k5LkCCcas4AAIKNHYpg9U536.png




wKiom1k5LWmwwPKUAAIMN2NFyhQ754.png








下面，就是我们要做的效果。

点击第一篇，跳转至博客的内容



wKiom1k5LkCBwK6pAAAhxtkZlLU342.png

wKiom1k5LkHAmTAAAAA_ZSujKMU463.png



开始实践咯j_0053.gif


1、

编辑views.py（views.py和templates是搞基的）


from django.shortcuts import render

from django.http import HttpResponse
from . import models
def index(request):
    for i in range(1,2):
        articles = models.Article.objects.all()
        return render(request,'blog/index.html',{'articles':articles})

##下面这个才是我们新增的
def article_pape(request, article_id):
    #定义一个templates的页面，名字叫做article_pape
    article = models.Article.objects.get(pk=article_id)
    #读取id值，在def上有个article_id，这个需要传递的
    return render(request, 'blog/article_page.html', {'article':article})
    #翻回对应页面


2、

编辑blog下的urls.py（建立搞基关系）

django.conf.urls url

. views

urlpatterns = [
    url(, views.index),
    #下面这句才是新增的
    url(, views.article_pape),
    #usrl变成/blog/article/+ (?P<article_id>[0-9]+)
    #这个值(?P<article_id>[0-9]+)必须与article_id匹配，所以没用[0-9]的写法
    #具体还不明白
    ]


3、

建立article_page的html文件

在blog/templates/下创建article_page.html


4、

为article_page.html赋予灵魂

<body>
    <h1>{{ article.title }}</h1>
    <br/>
    <h3>{{ article.content }}</h3>
    <br/>
    <br/>
    <a href="">修改文章</a>
</body>
</html>

上面显示就是两个值，标题和内容


为了演示效果，在indel.html

做了修改

<h3>
    <a href="http://127.0.0.1:9999/blog/article/1" />这是第一篇
</h3>
   <h3>
    <a href="http://127.0.0.1:9999/blog/article/2" />这是第一篇

</h3>

j_0062.gif

因为for想不到用什么方法把for循环导入1,2,3,4,5或者数字列表

用了最俗的方法


效果如图：

wKioL1k5MmnBJIkUAAB81TOXP84793.png





上面这个方法是不是非常不方便呢？

接下来学习django的链接模式


wKiom1k6GcaQjJbBAAIE5pFfxpk841.png


wKioL1k6GcfzH6lJAAE65_9MBJ8840.png



这个比较简单，但是坑太多了，在这个坑上默默的填了5个小时

j_0082.gifj_0082.gifj_0082.gifj_0082.gifj_0082.gif



看代码的时候到了


1、

首先，在myblog下下盖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')),
    #就加了一个namespace='blog'，注意前面还有逗号
    #namespace专门用于区分blog下的urls名。
    url(r'^blog2/', include('blog2.urls')),
]


2、

blog下的urls.py

django.conf.urls url

. views

urlpatterns = [
    url(, views.index),
    url(, views.article_page, =),
    #在原基础上添加了, name="article_page"

]


3、

blog的views.py

from django.shortcuts import render

from django.http import HttpResponse
from . import models
from . import urls


def index(request):

    articles = models.Article.objects.all()
    return render(request,'blog/index.html',{'articles':articles})
##修改了下面的代码
def article_page(request, article_id):

    article = models.Article.objects.get(pk=article_id)
    return render(request, 'blog/article_page.html', {'article':article})



4、

最后，修改我们的index.html

<body>

<h1><a href="#">我的博客</a> </h1>

{% for articles in articles %}
<a href="{% url 'blog:article_page' articles.id %}">{{ articles.title }}</a>
#这里有个严重的逻辑问题，卡了大半天
#for迭代了articles的所有，看视频教程的时候，article.id就是没反应过来
#.id对应的是articles，大家不要在这里搞混了哦
<br/>
{% endfor %}
</body>



5、测试页面

wKioL1k6Hf2BR_AEAAB0cI0nHXo013.png



wKiom1k6Hf2AIAMJAAAilfEN_3E957.png



哈哈，终于好了，这个地方卡了好久好久

如果碰到的话，请留意，会尽快回复

因为开发很容易卡壳，这样超级打击自信心