1 知识点
- 目录结构说明
- 如何快速创建一个网站（以打印用户列表的数据为例）
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
