首页 > Web开发 > 详细

django第一课 建立一个简单网页

时间:2017-12-19 21:54:58      阅读:320      评论:0      收藏:0      [点我收藏+]

第一步 创建项目(有问题可以看我的第一个博客

     C:\Python36\Scripts\django-admin.py startproject *** (我的写法,仅供参考)

第二步 创建文件夹,同时创建几个HTML文件,如下图:

    技术分享图片

对应的代码:

    base.html

<html>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>{% block title %}{% endblock %}</title>
    <head></head>
    <body>
        <h3>{% block headTitle %}{% endblock %}</h3>
        {% block content %} {% endblock %}

        {% block footer %}
            <h3>嘿,这是继承了模版</h3>
        {% endblock%}
    </body>
</html>

  prodect_info.html

{% extends "base.html" %}

{% block title %}产品信息{% endblock %}


<h3>{% block headTitle %}产品信息:{% endblock %}</h3>

{% block content %}
    {{productName}}
{% endblock %}

  user_info.html

{% extends "base.html" %}

{% block title %}用户信息{% endblock %}


<h3>{% block headTitle %}用户信息:{% endblock %}</h3>

{% block content %}
<p>姓名:{{name}}</p>
<p>年龄:{{age}}</p>
{% endblock %}

第三步 创建一个views.py,如下图:

    技术分享图片

from django.shortcuts import render_to_response

def user_info(request):
    name = 张伟
    age = 24
    return render_to_response(user_info.html,{name:name,age:age})

def product_info(request):
    productName = 律政先锋张大炮
    return render_to_response(product_info.html,{productName:productName})

第四步 修改settings:

    技术分享图片

 

   修改urls:

  技术分享图片

ok,搞定

最后

  C:\Python36\python.exe manage.py runserver

   技术分享图片

参考文章:菜鸟教程   博客: http://www.cnblogs.com/wendoudou/p/template.html

   

django第一课 建立一个简单网页

原文:http://www.cnblogs.com/ybf-yyj/p/8067638.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!