一、环境版本信息：

操作系统：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. arcMap 进度条
			
    private void kk() { IProgressDialogFactory progressDialogFactory = new ProgressDialogFactoryClass(); ...
    
			
    2. 
						
  2. QLocalServer和QLocalSocket单进程和进程通信
			
    QLocalServer 继承自QObject. QLocalServer提供了一个基于本地套接字(socket)的服务端(server).QLocalServer可以接受来自本地socket的连接. ...
    
			
    3. 
						
  3. react-native-echarts
			
    react-native-echarts是react native结合百度echart的图表,集成的一个图表插件. github地址:https://github.com/zhangxinagjunH ...
    
			
    4. 
						
  4. Java接口与多态
			
    接口 可以理解为一种特殊的类,里面全部是由全局常量(static final)和公共的抽象方法所组成 接口的定义格式 接口的数据成员,只允许被public, static, final修饰. 接口的方 ...
    
			
    5. 
						
  5. 使用GDI技术创建ASP.NET验证码
			
    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Dr ...
    
			
    6. 
						
  6. ArcSde服务启动后又停止
			
    问题:突然发现ArcSde服务无法启动,“ArcSde服务启动后又停止,......” 环境:Win7+ArcSDE10 +Oracle11g 由于本人使用ArcSde时间不长,基本没有遇到过什么问题 ...
    
			
    7. 
						
  7. 一个理解PHP面向对象编程（OOP）的实例
			
    <?php //定义一个“人”类作为父类 class Person{ //声明一个新变量公共变量$name,可被任何包中的类访问 public $name;//人的名字 public $sex; ...
    
			
    8. 
						
  8. PTA练习题之6.1统计字符串中大小写字母的个数（10 分）
			
    统计字符串中大小写字母的个数(10 分) 分别统计字符串中大写字母和小写字母的个数. 函数接口定义: void fun ( char *s, int *a, int *b ); 其中s.a.b 都是用 ...
    
			
    9. 
						
  9. Linux硬盘扩容
			
    1.安装gparted分区工具 2.从虚拟机设置新的虚拟硬盘 3.挂载分区 sudo mount -t ext4 /dev/sdb1 /home/zhoushuo/zsdf -hsudo chmod  ...
    
			
    10. 
						
  10. 如何理解“Unix 里一切都是文件”这句话-在 UNIX 中，一切都是字节流
			
    UNIX 操作系统的设计.用户界面.文化和演变都是建立在它的一套统一的想法和概念上.其中最重要的一点可能是“一切皆文件”,而这个概念被认为是 UNIX 的灵魂之一. 这一关键设计原则提供了一个统一的范 ...
    
			
    11.