一、环境版本信息：

操作系统：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. 基于svg.js实现对图形的拖拽、选择和编辑操作
			
    本文主要记录如何使用 svg.js 实现对图形的拖拽,选择,图像渲染及各类形状的绘制操作. 1.关于SVG SVG 是可缩放的矢量图形,使用XML格式定义图像,可以生成对应的DOM节点,便于对单个图形 ...
    
			
    2. 
						
  2. Java 监听器，国际化
			
    1. 监听器 1.1 概述 监听器: 主要是用来监听特定对象的创建或销毁.属性的变化的! 是一个实现特定接口的普通java类! 对象: 自己创建自己用 (不用监听) 别人创建自己用 (需要监听) Se ...
    
			
    3. 
						
  3. linux php多版本
			
    ecshop还非php5.2 解压 gzip -cd php-5.2.14-fpm-0.5.14.diff.gz | patch -d php-5.2.14 -p1 打上php-fpm补丁再安装php ...
    
			
    4. 
						
  4. Re-thinking Deep Residual Networks
			
    本文是对ImageNet 2015的冠军ResNet(Deep Residual Networks)以及目前围绕ResNet这个工作研究者后续所发论文的总结,主要涉及到下面5篇论文. 1. Link: ...
    
			
    5. 
						
  5. Android 高速录像(2)
			
    private void startRecordVideo() { if (index == VIDEO_1080) { if (!supported1080P120Fps) { showToast( ...
    
			
    6. 
						
  6. idea maven 依赖问题
			
    今天发现,原来idea引用maven依赖的时候,优先依赖的是本地.但是有个问题,如果我删除了一个packet,如果刚刚好本地另外一个项目里面也有这个对于的packet,idea的智能提示 是 将其导入 ...
    
			
    7. 
						
  7. 我的前端页面开发js简易有效环境
			
    前端开发主要涉及到html, css(less/sass), javascript这几个方面的知识.真正的快速有效开发,必须实现所谓所见即所得.在构建生产时,可能需要使用gulp/grunt等task ...
    
			
    8. 
						
  8. SSIS ->> Environment Variables
			
    SQL Server Integration Services(SSIS) 在2012版本引入了Environment Variables这个新特性.它允许我们为一个环境创建出一套变量用于为项目内的包 ...
    
			
    9. 
						
  9. C++数组怎么复制
			
    C++数组怎么复制: #include <string.h>main(){int a[10]={34,56,4,10,77,51,93,30,5,52};int b[10];memcpy( ...
    
			
    10. 
						
  10. 【NLP汉语自然语言处理与实践】分词_笔记
			
    一.两种分词标准: 1. 粗粒度. 将词作为最小基本单位.比如:浙江大学. 主要用于自然语言处理的各种应用. 2. 细粒度. 不仅对词汇继续切分,也对词汇内部的语素进行切分.比如:浙江/大学. 主要用 ...
    
			
    11.