一、环境版本信息：

操作系统：windows10

Django版本：2.0.5

Python版本：3.6.4

二、创建模板

1、在my_project文件夹下新建文件夹templates用于存放模板文件：在命令行中进入my_project文件夹中输入：mkdir templates

2、在新建的templates文件夹中放一个模板文件例如：index.html

<!doctype html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

</head>

<body >

<p>我是一条静态信息</p>

<p>{{ p }}</p>

</body>

</html>

3、在与templates文件夹同级别的my_project中修改配置文件setting.py

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'App'

]
TEMPLATES = [

    {

        'BACKEND': 'django.template.backends.django.DjangoTemplates',

        'DIRS': [os.path.join(BASE_DIR, 'templates').replace('\\', '/'),],

        'APP_DIRS': True,

        'OPTIONS': {

            'context_processors': [

                'django.template.context_processors.debug',

                'django.template.context_processors.request',

                'django.contrib.auth.context_processors.auth',

                'django.contrib.messages.context_processors.messages',

            ],

        },

    },

]

4、修改App文件下的views.py

from django.shortcuts import render

# Create your views here.

def index(request):

    context = {}

    context['p'] = '我是一条动态信息'

    return render(request, 'index.html', context)

5、在与templates文件夹同级别的my_project中修改urls.py

from django.contrib import admin

from django.urls import path

from App import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path(r'index/',views.index),

]

6、在命令行中打开服务：python manage.py runserver 8008 ##8008自定义端口默认8000

三、创建静态（存放css、js、image等文件）

1、在my_project文件夹下新建文件夹static

2、在新建的static文件夹中新建css文件夹并在css文件夹下放一个静态样式文件例如：style.css

p{

    color:red;

}

3、在与templates文件夹同级别的my_project中修改配置文件setting.py

STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR, "static"),

)

4、修改index.html文件下面的粗体部分

<!doctype html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">

</head>

<body >

<p>我是一条静态信息</p>

<p>{{ p }}</p>

</body>

</html>

5、运行服务：python manage.py runserver 8008

												


											
【Django笔记二】Django2.0配置模板和静态文件的更多相关文章
	

    
								
  1. 我的django之旅（二）模板和静态文件
		
    我的django之旅(二)模板和静态文件 标签(空格分隔): django 1.为什么要使用模板 在上一篇博文中,提到了HttpReponse,但是HttpReponse只能传送字符串,如果要构建一个 ...
    
		
    2. 
						
  2. django笔记二之数据库
		
    django笔记二之数据库 [同步数据库之前的操作] yum install MySQL-python.x86_64 -y 2)开启数据库服务并创建表 创建数据库设置 为utf8: create da ...
    
		
    3. 
						
  3. python2.X现在不能安装Django了：Collecting django   Using cached Django-2.0.tar.gz
		
    使用pip安装django2: pip install django 报错: Collecting django  Using cached Django-2.0.tar.gz    Complete ...
    
		
    4. 
						
  4. django模板和静态文件
		
    1.为什么要使用模板 在上一篇博文中,提到了HttpReponse,但是HttpReponse只能传送字符串,如果要构建一个网页,那么工作量就会十分巨大.模板是一种方便的标签,存在于HTML文件中,我 ...
    
		
    5. 
						
  5. python3.4学习笔记(二十六) Python 输出json到文件,让json.dumps输出中文 实例代码
		
    python3.4学习笔记(二十六) Python 输出json到文件,让json.dumps输出中文 实例代码 python的json.dumps方法默认会输出成这种格式"\u535a\u ...
    
		
    6. 
						
  6. Django框架admin后台管理和用户端静态文件
		
    目录 一.admin后台管理 1. 如何使用 2. 路由分发的本质 二.用户上传的静态文件的展示 1. media配置 2. 手动开设media接口 三.图片防盗链 一.admin后台管理 djang ...
    
		
    7. 
						
  7. LNMP-Nginx配置不记录静态文件、过期时间
		
    用户访问web网站,通常日志文件会记录很多web站点上的一些静态文件信息,如果长期不处理,日志文件会越来越大,占用的系统资源也越大,此时就需要我们配置不记录静态文件和过期时间,减少日志文件记录过多不必 ...
    
		
    8. 
						
  8. vert.x学习（六），动态模板与静态文件的结合
		
    这篇学习在动态模板里面引入css,把动态模板与静态文件结合起来使用. 编写DynamicReference.java package com.javafm.vertx.helloworld; impo ...
    
		
    9. 
						
  9. django项目部署在Apache服务器中，静态文件路径的注意点
		
    django Apache部署静态文件的路径注意点 静态文件放在对应的 app 下的 static 文件夹中 或者 STATICFILES_DIRS 中的文件夹中. 当 DEBUG = True 时, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. iview框架modal中嵌套modal
			
    modal的使用是平级的,后面的会覆盖前面,如下<modal>111</modal><modal>222</modal>内容为222的弹框会在内容为11 ...
    
			
    2. 
						
  2. 基础JavaScript练习（一）
			
    任务目的 学习与实践JavaScript的基本语法.语言特性 初步了解JavaScript的事件是什么 初步了解JavaScript中的DOM是什么 任务描述 如图,模拟一个队列,队列的每个元素是一个 ...
    
			
    3. 
						
  3. JavaScript中的XMLHttpRequest与WebAPI
			
    JavaScript中的XMLHttpRequest与WebAPI它仅仅是一种客户端与服务端的关系.JavaScript中的XMLHttpRequest负责在客户端发起请求,而Web API负责在服务 ...
    
			
    4. 
						
  4. 64位Navicat Premium-11.2.7(64bit)访问64位Oracle服务器
			
    1 在windows 10 64位操作系统安装Navicat Premium-11.2.7(64bit). 2 在服务器安装64位的Oracle(win64_11gR2_database). 3 在h ...
    
			
    5. 
						
  5. jenkins start
			
    author:alex.wang date:2017.05.25 system:centos7.2 ip:192.168.1.46 download: wget http://mirrors.jenk ...
    
			
    6. 
						
  6. writing a javascript module ready for ES6 import
			
    javascript模块化是一个比较大也是比较容易混淆的topic.通常几乎所有的第三方Library都支持CMD,AMD,ES6,Global object方式来引用lib所暴露出来的服务. 那么如 ...
    
			
    7. 
						
  7. easyui的解析器Parser
			
    平时使用easyui做框架开发时,都知道easyui的模块组件能通过属性方法或js方法来渲染,本质上是通过parser解析器来处理实现的,因为多数情况下都是自动触发完成整个页面的解析,所以没有感觉到它 ...
    
			
    8. 
						
  8. C++ 构造转换函数和强制转换函数
			
    http://blog.csdn.net/chenyiming_1990/article/details/8862497 1.对于系统的预定义基本类型数据,C++提供了两种类型转换方式:隐式类型转换和 ...
    
			
    9. 
						
  9. Jquery学习---一键上传
			
    一键上传 jar包下载 jquery代码 $(function () { $(".uploadfile").upload({ action: 'CourseXMLFileUploa ...
    
			
    10. 
						
  10. 正则表达式 （python）
			
    正则表达式 在正则表达式中,如果直接给出字符,就是精确匹配. 用\d可以匹配一个数字,\w可以匹配一个字母或数字,所以: '00\d'可以匹配'007',但无法匹配'00A': '\d\d\d'可以匹 ...
    
			
    11.