一、环境版本信息：

操作系统：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. Navicat工具、pymysql模块
			
    一 IDE工具介绍(Navicat) 生产环境还是推荐使用mysql命令行,但为了方便我们测试,可以使用IDE工具,我们使用Navicat工具,这个工具本质上就是一个socket客户端,可视化的连接m ...
    
			
    2. 
						
  2. npm全局安装失效修复
			
    一.windows下 先查看npm包的默认安装目录 npm config get prefix 修改配置 npm config set prefix "nodeJs的安装目录" 二 ...
    
			
    3. 
						
  3. arcgis-Pro-1.3
			
    sdk在线地址 http://pro.arcgis.com/en/pro-app/sdk/api-reference/#topic14079.html 看了下,整体开发架构全变了. 觉得不如以前com ...
    
			
    4. 
						
  4. 孙鑫VC++视频教程(1-20课全)
			
    孙鑫VC++视频教程(1-20课全)PPT讲义和源代码 http://down.51cto.com/data/467760 孙鑫VC++从入门到精通开发详解视频教程[20讲] http://down. ...
    
			
    5. 
						
  5. java通过jxls框架实现导入导出excel
			
    //使用jxls报表生成工具,把java实体类导出生成 Excel文件或导入 Excel 插入数据库 02 03//读取04 05public class ReadExcel {06 private  ...
    
			
    6. 
						
  6. XML布局之路
			
    XML布局存放在工程文件的res/layout目录下.安卓和PC端的界面布局有用到. 常用的布局方式,线性布局:LinearLayout 表格布局:TableLayout 帧布局  :FrameLay ...
    
			
    7. 
						
  7. ArrayBlockingQueue详解
			
    转自:https://blog.csdn.net/qq_23359777/article/details/70146778 1.介绍 ArrayBlockingQueue是一个阻塞式的队列,继承自Ab ...
    
			
    8. 
						
  8. 通讯聊天工具（pingin)
			
    pidgin需要添加插件才可以进行QQ,msn,facebook等聊天 sudo apt-get install pidgin(ubuntu 可以直接进行安装) sudo add-apt-reposi ...
    
			
    9. 
						
  9. oracle数据库恢复归档脚本
			
    cat restorearch1.sh rman target / << EOFRUN {SET ARCHIVELOG DESTINATION TO '/archlog1/db2_arch ...
    
			
    10. 
						
  10. thinkphp清除缓存
			
    前台 //清除缓存 $(function(){ $("#cache").click(function(){ layer.confirm('你确定要清除缓存吗?', {icon: 3 ...
    
			
    11.