• 04 pycharm创建django项目&静态文件


    pycharm创建django项目  

      

      

      创建好的目录结构如下:

      

       可以看到在settings里django自动加了路径,不需要我们手动再去加模板路径。

       

    静态文件

      静态文件,不会有变化的文件,比如样式css文件,js文件,jquery文件,这些不变的文件需要放一个目录下,浏览器在请求的时候请求到指定的目录就行。

      创建静态文件目录,将静态文件都放进去:

        03 django路由层django_urlsstatics

        

      settings配置静态文件目录:STATICFILES_DIRS = [os.path.join(BASE_DIR,'statics'),]   # 指定静态文件地址,所有的静态文件都放这个目录

      

    简单静态文件实例

    实现h3标签的点击事件,本来是红色,点击变绿色。

    03 django路由层django_urlsdjango_urlsurls.py

    from django.contrib import admin
    from django.urls import path
    from app01 import views
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('index/', views.index),
    ]

    03 django路由层django_urlsapp01views.py

    from django.shortcuts import render
    
    # Create your views here.
    
    def index(request):
        return  render(request,'index.html')

    03 django路由层django_urls emplatesindex.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>首页</title>
        <link rel="stylesheet" href="/static/app01/my.css">
    </head>
    <body>
    <h3>Hello World!</h3>
    </body>
    <script type="text/javascript" src="/static/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="/static/app01/my.js"></script>
    </html>

    03 django路由层django_urlsstaticsjquery-3.3.1.js

    jquery下载路径:https://way2tutorial.com/jquery/jquery_download.php#jquery_download

    03 django路由层django_urlsstaticsapp01my.css

    h3{
                color: red;
            }

    03 django路由层django_urlsstaticsapp01my.js

    $(function () {
            $('h3').click(function () {
                this.style.color = "green";
            })
    });

    访问:http://127.0.0.1:8080/index/

      

    点击字体后

  • 相关阅读:
    python虚拟环境--virtualenv
    python使用smtplib发送邮件
    python网络编程
    python操作MySQL数据库
    python面向对象
    python内置函数总结
    python异常处理
    python文件I/O
    python模块
    python函数
  • 原文地址:https://www.cnblogs.com/znyyy/p/11290079.html
Copyright © 2020-2023  润新知