一、静态文件存放路径设置STATICFILES_DIRS

1、在django项目目录下面新建静态文件保存目录

2、在setting中添加相应寻找静态文件目录的配置

  1. STATICFILES_DIRS=(
    os.path.join(BASE_DIR,"static"),
    )

3、将jquery放入相应路径中

4、验证静态文件的路径设置

1)url

from django.contrib import admin
from django.urls import path
from blog import views
urlpatterns = [
    path('admin/', admin.site.urls),
    #path('cur_time/',views.cur_time),
    path('userInfo/',views.userInfo),
]

2)views

from django.shortcuts import render,HttpResponse
import datetime
from blog import models

def userInfo(req):
    if req.method=="POST":
        u=req.POST.get("username",None)
        s=req.POST.get("sex", None)
        e=req.POST.get("email", None)
        models.UserInfo.objects.create(
            username=u,
            sex=s,
            email=e,
        )
    user_list=models.UserInfo.objects.all()

return render(req,"index.html",{"user_list":user_list})

3)templates引入jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/userInfo/" method="post">
    <p>姓名<input type="text" name="username"></p>
    <p>性别<input type="text" name="sex"></p>
    <p>邮箱<input type="text" name="email"></p>
    <p><input type="submit" name="submit"></p>

</form>
<hr>
<h1>
    数据展示
</h1>
<table border="1px">
    <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>邮箱</td>
    </tr>
    <br/>
    <tr>
        {% for i in user_list %}
            <td>{{ i.username }}</td>
            <td>{{ i.sex }}</td>
            <td>{{ i.email }}</td>

{% endfor %}
    </tr>
<br/>
</table>

  1. <script src="/static/jquery-1.12.4.min.js"></script>
    <script>
    $("h1").css("color","red")
    </script>

</body>
</html>

4)重启验证

python manage.py runserver 8080

二、静态文件存放路径别名STATIC_URL

1、STATIC_URL在setting中设置

STATIC_URL = '/static/'
或者
STATIC_URL = '/abc/'
。。。。

2、STATIC_URL好处

无论后端怎么修改静态文件的保存路径,

前端依然可以使用STATIC_URL设置的别名继续使用,

不会随着后端的修改而修改。

Python Django 之 静态文件存放设置的更多相关文章

  1. django之静态文件的设置

    一:静态文件 Django中提供了一种解析的方式配置静态文件路径.静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理. 为了提 ...

  2. Django之静态文件,中间件,admin后台管理

    静态文件 静态文件的使用 在 网页使用的css文件,js文件和图片等叫做静态文件.1)在项目下新建静态文件夹 static. 2) 配置静态文件所在的物理目录.Settings.py STATIC_U ...

  3. django处理静态文件

    静态文件指的是js css 还有图片这些,配置方法如下 1. 在设置文件(settings.py)中,installed_apps中添加 django.contrib.staticfiles 然后设置 ...

  4. [Django框架 - 静态文件配置、request对象方法初识、 pycharm链接数据库、ORM实操增删改查、django请求生命周期]

    [Django框架 - 静态文件配置.request对象方法初识. pycharm链接数据库.ORM实操增删改查.django请求生命周期] 我们将html文件默认都放在templates文件夹下 将 ...

  5. gunicorn启动django时静态文件的加载

    目前在用nginx+gunicorn对django进行部署 当我用gunicorn -w 4 -b 127.0.0.1:8080 myproject.wsig:application启动django时 ...

  6. [Django基础] gunicorn启动django时静态文件的加载

    目前在用nginx+gunicorn对django进行部署 当我用gunicorn -w 4 -b 127.0.0.1:8080 myproject.wsig:application启动django时 ...

  7. 用nginx代理请求,django后台静态文件找不到的问题

    使用谷歌开发者工具,查看静态文件的地址,把相应的地址配置到nginx中 默认的django后台静态文件的路径是 /usr/local/lib/python3.6/site-packages/djang ...

  8. [django]windows下用Django,静态文件请求失败,出现UnicodeDecodeError

    问题:windows下用Django,静态文件请求失败,出现UnicodeDecodeError:'utf-8' codec can't decode byte 0xb0 in position 1: ...

  9. Django中静态文件引用优化

    静态文件引用优化 在html文件中是用django的静态文件路径时,一般会这么写: <script type="text/javascript" src="/sta ...

随机推荐

  1. 一些angular/js/ts的坑和吐槽

    ------20190318 ------------- 回头看,很多槽点已经随着升级改掉了   绑定string字面值到子组件@Input <app-overlay-static [name] ...

  2. jfinal集成cas单点认证实践

    本示例jfinal集成cas单点认证,采用获取到登录用户session信息后,在本地站点备份一份session信息,主要做以下几个步骤: 1.站点引入响应jar包: 2.在web.xml中配置对应过滤 ...

  3. MySQL根据when-else条件批量更新

    #类型 0:默认 1:黑(0302) 2:白(0110) SELECT * FROM t_power_plat WHERE plat_type=1; UPDATE t_power_plat SET p ...

  4. vue面试

    1.一个比较全的vue面试题 http://www.bslxx.com/p/3187.html

  5. Day1-Request/BeautifulSoup

    requests Python标准库中提供了:urllib.urllib2.httplib等模块以供Http请求,但是,它的 API 太渣了.它是为另一个时代.另一个互联网所创建的.它需要巨量的工作, ...

  6. 完全二叉树的节点个数 Count Complete Tree Nodes

    2018-09-25 16:36:25 问题描述: 问题求解: 单纯遍历了一遍,emmm,果然TLE. 解题思路就是比较左边树高度和右边树高度,如果相等,那么就是一个满二叉树,返回1 << ...

  7. ssh登陆被拒?(云:使用云的网页版远程登陆) 不好用。

    设定的密

  8. 报错 hint: Updates were rejected because the remote contains work that you do 解决方法

    1. git pull origin master --allow-unrelated-histories 2.git pull origin master 3.git init 4.git remo ...

  9. luffy后端之跨域corf的解决方法

    跨域CORS 我们现在为前端和后端分别设置两个不同的域名 window 系统: C:\Windows\System32\drivers\etc\host linux/mac系统: /etc/hosts ...

  10. Matlab:非线性热传导(抛物方程)问题

    函数文件1:real_fun.m function f=real_fun(x0,t0) %精确解 f=4*x0*(1-x0)*sin(t0); 函数文件2:F.m function f=F(N,u,U ...