Django加入含有JS，CSS，图片等外部文件模板（Template）的方法

在使用Django搭建站点时，往往须要使用一些js，css或者图片等外部文件，这里给出使用它们的使用方法。

---

服务器ip地址为：192.168.10.10

我的系统版本号为：centos6.5

我的python版本号为：python2.7.10（python2.7升级请参考：http://www.lboya.top/blog/tag/admin/python）

我的django版本号为：1.8.2

 我们的project项目架构如下：

/home/Django

-mysite

mysite
    |-db.sqlite3
    |-manage.py
    |-mysite
            |-__init__.py
            |-settings.py
            |-urls.py
            |-wsgi.py 
    |-show_pages
            |-admin.py
            |-__init__.py 
            |-migrations
                     |-__init__.py
            |-models.py
            |-static
                     |-css
                     |-fonts
                     |-images
                     |-js
                     |-related
            |-templates
                     |-show_pages
                                |-index.html
            |-tests.py
            |-views.py

1. 创建一个 mysite项目，和一个 名称为 show_pages 的应用

$ cd /home/Django
$ django-admin.py startproject mysite
$ cd mysite
$ python manage.py startapp show_pages

2. 把 show_pages 加入到 settings.INSTALLED_APPS中

扫描二维码关注公众号，回复： 5586031 查看本文章

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    
    'show_pages',
)

3. 在 show_pages目录下新建一个 templates/show_pages 文件夹，并将下载的模板文件中index.html放到show_pages目录下

$ pwd
/home/Django/mysite/show_pages
$ mkdir -p templates/show_pages

4. 打开 show_pages/views.py 写一个首页的视图

from django.shortcuts import render
 

def index(request):
    return render(request, 'show_pages/index.html')

默认配置下，Django 的模板系统会自动找到app下面的templates文件夹中的模板文件。

5.在show_pages目录下新建一个static文件夹，并将下载的模板文件中css、fonts、images、js、related等目录放到static目录下；修改index.html含链接外部哇文件样式的路径为/static/

6.将视图函数对应到网址，更改 mysite/urls.py

from django.contrib import admin
from django.conf.urls import include,url
from show_pages import views as show_pages_views

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'^show_pages/', show_pages_views.index, name='index'),
]

7. [可选] 创建数据库表

$ python manage.py syncdb
 
# Django 1.7.x 以及上要用
$ python manage.py migrate​

创建数据库虽然本节不会用到，但是可以让一些提示消失（提示你要创建数据库之类的）

8.更改mysite/setting.py文件，TEMPLATES的DIRS添加templates：

9.运行开发服务器，看看效果

python manage.py runserver 0.0.0.0:8000

浏览器访问地址：http://192.168.10.10:8000

发现浏览器找不到页面但是本地访问127.0.0.1:8000正常：

解决：

更改mysite/setting.py文件，修改ALLOWED_HOSTS：

再次访问地址，正常：