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

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代码的路径




# for循环获取views.py渲染过来的内容

  {% for user in user_list %}
  
     {{ user.username }}
     {{ user.email }}
  
  {% endfor %}

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 第六步:把用户数据查询出来并渲染到页面上

Django 学习日记 - 快速创建一个网站 - step2_第1张图片
测试访问

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)