十、Django静态文件
1.一、计算机初识2.二、数据概述3.六、ip地址与子网划分4.五、网络通信实现5.四、字符编码6.三、网络基础7.十四、MySQL与Django之Model基础8.十三、Django Admin9.十二、Django视图函数和模版相关10.十一、Django url控制系统
11.十、Django静态文件
12.九、Django环境搭建（基于anaconda环境）13.八、Python开发环境管理14.七、ip地址配置15.二十五、JSON跨域16.二十四、文件上传17.二十三、Django Serializes18.二十二、Django之Form组件19.二十一、分页20.JS笔记21.二十、基于Bootstrap和FontAwesome制作页面22.十九、Ajax和iFrame23.十八、Django之Http24.十七、Cookie和Session25.十六、Django的ORM（二）26.十五、Django的ORM27.实践中前端的一些笔记28.二十六、登录相关29.二十九、RBAC+动态菜单30.二十八、XSS31.JS第三方插件32.二十七、简单的验证码实现33.三十二、Django实践的笔记34.三十一、动态Form35.三十、Kingadmindjango网络相应基础：
1、配置url路由
在urls.py中 urlpatterns添加路径
from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^index.html$', views.index),
url(r'^ajax1.html$', views.ajax1),
url(r'^upload.html$', views.upload),
url(r'^upload_img.html$', views.upload_img),
url(r'^jsonp.html$', views.jsonp),
url(r'^ajax3.html$', views.ajax3),
]
2、定义视图函数
在应用文件夹的views.py中，添加函数，响应urls.py路由
from django.shortcuts import render,HttpResponse
def index(request):
return render(request,'index.html')
def ajax1(requset):
return HttpResponse('OK')
...
3、创建html模版
在模版目录下（默认templates文件夹）创建index.html等模版
模版路径配置：setting.py中的TEMPLATES -> DIRS参数
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'templates')]
,
'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、给模版传入参数
def upload(request):
import time
t = time.ctime()
return render(request,'upload.html', {"time":t})
def upload(request):
import time
t = time.ctime()
return render(request,'upload.html', locals())
locals() : 自定义变量t、request等局部变量都传给模版
5、模版使用参数
<body>
<div>
<h1>{{ time }}</h1>
...
6、statics目录
在项目中创建statics目录用于存放js、css等静态文件
需要在项目配置中声明静态文件路径
STATIC_URL = '/static/' #静态文件路径的别名，在模版中使用
STATICFILES_DIRS = (
os.path.join(BASE_DIR,'statics'), #配置静态文件的绝对路径
os.path.join(BASE_DIR, 'app01','statics'), #如果有根目录/app01/statics时声明，或os.path.join(BASE_DIR, 'app01/statics'),
)
7、模版中引入静态文件
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="/static/plugins/font-awesome/css/font-awesome.css"/>
<link rel="stylesheet" href="/static/css/edmure.css"/>
<link rel="stylesheet" href="/static/css/commons.css"/>
<link rel="stylesheet" href="/static/css/row-avatar.css"/>
<script type="text/javascript" src="/static/js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="/static/plugins/bootstrap/js/bootstrap.js"></script>
</head>
<body>
...
或使用 {% load staticfiles %}声明 然后引入时
路径 = “{% static '静态文件在statics目录下的路径’ %}"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{% load staticfiles %}
<title>Title</title>
</head>
<body>
<h1>Hello {{ name }}{{ t }} {{ request.method }}</h1>
{#<script src="/static/jquery-3.1.1.js"></script>#}
<script src="{% static 'jquery-3.1.1.js' %}"></script>
<script>
$("h1").css("color","red")
</script>
</body>
</html>
这种方式生效的前提：(setting.py)django.contrib.staticfiles已经添加到settings.INSTALLED_APPS中, 而STATIC_URL也设置了。
合集:
Python全栈（Django）
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· 单线程的Redis速度为什么快？
· 展开说说关于C#中ORM框架的用法！
· Pantheons：用 TypeScript 打造主流大模型对话的一站式集成库