美文网首页
Django 学习日记 - 快速创建一个网站 - step2

Django 学习日记 - 快速创建一个网站 - step2

作者: Spareribs | 来源:发表于2017-01-09 23:25 被阅读114次

    1 知识点

    1. 目录结构说明
    2. 如何快速创建一个网站(以打印用户列表的数据为例)

    2 目录结构

    └─hello_django
        │  db.sqlite3(默认自带的sqlite数据库)
        │  manage.py(命令行工具脚本)
        ├─hello(app名字)
        │  │  admin.py(admin配置)
        │  │  apps.py(app配置)
        │  │  models.py(模型代码)
        │  │  tests.py(单元测试)
        │  │  views.py(业务代码)
        │  │  __init__.py
        │  └─migrations(数据库同步脚本目录)
        │          __init__.py
        └─hello_django(项目名称)
                settings.py(项目配置)
                urls.py(URL路由设置)
                wsgi.py(WSGI协议设置)
                __init__.py
    

    3 快速创建网站的步骤

    第一步,在settings.py里面的INSTALLED_APPS增加app的名字
    第二步,在views.py里面定义一个业务请求处理的函数
    第三步,定义一个模板并引入静态文件
    第四步,在urls.py里面定义url地址
    第五步,启动服务
    第六步,把用户数据查询出来并渲染到页面上

    4 实验步骤

    4.1 第一步:在settings.py里面的INSTALLED_APPS增加app的名字【settings.py】

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

    4.2 第二步:在views.py里面定义一个业务请求处理的函数

    from django.shortcuts import render
    from django.contrib.auth.models import User
    
    
    # Create your views here.
    
    def hello(request):
        user_list = User.objects.all()
        return render(request, 'table.html', locals())
    

    4.3 第三步:定义一个模板并引入静态文件

    静态文件的目录结构如下

    hello
     │
     ├─static
     │  ├─css
     │  │      bootstrap.min.css
     │  │
     │  └─js
     │          bootstrap.min.js
     │          jquery.min.js
     │
     └─templates
             table.html
    

    模板文件需要修改的内容

    # 加载静态文件的配置
    {% load staticfiles %}
    
    # 修改样式文件css和JavaScript代码的路径
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    
    # for循环获取views.py渲染过来的内容
    <tbody>
      {% for user in user_list %}
      <tr>
         <td>{{ user.username }}</td>
         <td>{{ user.email }}</td>
      </tr>
      {% endfor %}
    </tbody
    

    4.4 第四步:在urls.py里面定义url地址

    from hello import views
    
    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        url(r'^$', views.hello, name='hello')
    ]
    

    4.5 第五步:启动服务

    (env_py35_django) D:\MaiZi_Edu\Dropbox\Maizi\Django\learn05\hello_django>manage.py runserver
    Performing system checks...
    
    System check identified no issues (0 silenced).
    January 09, 2017 - 23:06:29
    Django version 1.9.7, using settings 'hello_django.settings'
    Starting development server at http://127.0.0.1:8000/
    Quit the server with CTRL-BREAK.
    

    4.6 第六步:把用户数据查询出来并渲染到页面上

    测试访问

    5 扩展

    5.1 将静态文件放置跟目录的做法

    目前模板和静态文件都是放在app的目录下面的,如果把模板目录和静态文件放到项目根目录下:
    第一步,将static和templates的文件复制到项目目录下面
    第二步,需要从服务器端修改默认的查询路径【settings】

    # html模板文件修改
    
    TEMPLATES = [
        {
            'DIRS': ['templates'],
        },
    ]
    
    # css和js文件目录的修改
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR, 'static'),
    )
    

    5.2 URL按照app划分

    目前我app的url是直接定义在工程目录下的urls.py下面的,如果定义到app下面的urls.py:
    如果你的app很多,都写在一个urls.py中会很复杂,所以可以分开写。
    第一步,删除原来定义的url并修改成include的形式
    第二步,在app目录下面新建一个urls.py的文件

    5.2.1 现在的目录结构

    ├─hello
    │  │  admin.py
    │  │  apps.py
    │  │  models.py
    │  │  tests.py
    │  │  urls.py【app下面的url.py】
    │  │  views.py
    │  │  __init__.py
    │  │
    │  ├─migrations
    │  │
    │  ├─static
    │  │
    │  └─templates
    │
    └─hello_django
            settings.py
            urls.py【project下面的url.py】
            wsgi.py
            __init__.py
    

    5.2.2 project下面的【url.py】

    # 去掉以下内容
    from hello import views
    urlpatterns = [
        url(r'^hello/$', views.hello, name='hello'),
    ]
    
    # 增加以下内容
    from django.conf.urls import include
    urlpatterns = [
        url(r'^', include('hello.urls')),
    ]
    

    5.2.3 app下面的【urls.py】

    # 新建文件的内容
    from django.conf.urls import url
    from hello import views
    
    urlpatterns = [
        url(r'^hello/$', views.hello, name='hello'),
    ]
    

    5.3 {% static 'css/bootstrap.min.css' %}最终显示

    配置文件中的STATIC_URL就是/static/
    所以最终结果如下:

    /static/css/bootstrap.min.css
    

    相关文章

      网友评论

          本文标题:Django 学习日记 - 快速创建一个网站 - step2

          本文链接:https://www.haomeiwen.com/subject/grohbttx.html