一、环境版本信息：

操作系统：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. 盒模型的属性丶display显示丶浮动
			
    一丶盒模型的属性(重要) 1.padding padding是标准文档流,父子之间调整位置 <!DOCTYPE html> <html> <head> <me ...
    
			
    2. 
						
  2. Python-并发编程(协程)
			
    今天说说协程 一.引子 本节的主题是基于单线程来实现并发,即只用一个主线程(很明显可利用的cpu只有一个)情况下实现并发,为此我们需要先回顾下并发的本质:切换+保存状态 cpu正在运行一个任务,会在两 ...
    
			
    3. 
						
  3. git push报错--私钥问题
			
    输入git push -u origin master时提示 Permission denied (publickey). fatal: Could not read from remote repo ...
    
			
    4. 
						
  4. Linux基础之-利用shell脚本实现自动监控系统服务
			
    目的:监控集群内nginx及nfs服务运行是否正常,如任一服务异常,则发送邮件通知用户 条件: 1. 主机及子机IP地址,hostname已确定: 2. 主机与子机能够免密通讯,即基于密匙通讯(相关命 ...
    
			
    5. 
						
  5. GeoServer中WMS、WFS的请求规范（转载）
			
    1.背景 1.1WMS简介 Web地图服务(WMS)利用具有地理空间位置信息的数据制作地图.其中将地图定义为地理数据可视的表现.这个规范定义了三个操作:GetCapabitities返回服务级元数据, ...
    
			
    6. 
						
  6. C++ virtual inheritance ZZ
			
       虚继承 是面向对象编程中的一种技术,是指一个指定的基类,在继承体系结构中,将其成员数据实例共享给也从这个基类型直接或间接派生的其它类. 举例来说:假如类A和类B各自从类X派生(非虚继承且假设类X ...
    
			
    7. 
						
  7. leetcode Ch1-search  2014
			
    1. Search Insert Position class Solution { public: int searchInsert(int A[], int n, int target) { ,r ...
    
			
    8. 
						
  8. linux 下apche无法监听端口解决办法(Permission denied: make_sock: could not bind to address)
			
    想建立一个测试用的虚拟主机,遇到了这个问题:[root@localhost html]# service httpd startStarting httpd: httpd: Could not rel ...
    
			
    9. 
						
  9. Python+Selenium2自动化测试之IE、chrome浏览器启动
			
    构建Python+Selenium2自动化测试环境完成之后,就需要测试支持python的selenium的版本是否都支持在不同浏览器上运行,当前我们分别在三个最通用的浏览器上通过脚本来测试. 1.在I ...
    
			
    10. 
						
  10. 实战开发一个Nginx扩展 (Nginx Module)
			
    repo地址 https://github.com/wujunze/nginx-http-echo-module nginx_module_echo 使用echo指令输出一个字符串 Nginx 版本  ...
    
			
    11.