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
网友评论