python_day17_Django-1

Posted 2020-11-06

1、理论

待补

2、django入门

方式一： 命令行
    1、安装 pip install django 
    2、创建project
                django-admin startproject bg
    3、创建APP
                python manage.py startapp  bg
    4、启动
                python manage.py runserver port

方式二：直接使用ide自带的django

2.1、创建一个web项目

1、创建一个app 
      如 django manage.py startapp bg
2、修改项目bg的url文件
        from blog import views
        urlpatterns = [
                path(‘admin/‘, admin.site.urls),
                path(‘times/‘, views.times),
        ]   
        就相当于是一条路由 如 flask  @app.route(‘/‘)
3、修改app的文件 views.py文件
        from django.shortcuts import render, HttpResponse
        def times(request):
                return HttpResponse("hello world")
   request： 浏览器请求对象的打包文件
4、启动  python manage runserver

2.2、html模板

再来一个分支  如  想显示时间：  1跟2与上面一样
3、显示时间
from django.shortcuts import render, HttpResponse
import time
# Create your views here.

def times(request):
    Times = time.strftime(‘%Y-%m-%d %H:%M:%S‘)
    # 方法一
    # return render(request,‘index.html‘, locals())

    # 方法二
    # return render(request,‘index.html‘,{"time": Times})

4、在templates中新建一个index.html文件
   在html页面中的body体中添加
        # 方法一
            <h1>hello myworld {{ Times }}</h1>
        # 方法二
            <h1>hello myworld {{ time }}</h1>

2.3、django static

??如果要在html文件中导入jquery.js文件，那么还得需要配合static这个目录，在html文件中直接导入jquery文件 django是无法直接查找的，还得需要在创建的django项目的settings文件中修改static文件所在位置

1、增加 static目录  以及jquery.js文件

项目的settings中最后增加
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

2、app项目中增加
def tims(request):
    return render(request, ‘index.html‘,)

3、url中增加
from blog import views
urlpatterns = [
    path(‘admin/‘, admin.site.urls),
    path(‘times/‘, views.times),
]

4、index.html修改
    <div>
        <h1>hello js</h1>
    </div>

<script src="/static/jQuery-3.3.1.js"></script>
<script>
    $(‘div h1‘).css(‘color‘, ‘red‘)
</script>

5、目录结构

6、最后效果

2.4、js文件修改方式

1、普通用法  html文件中直接导入static跟jquery文件
    <div>
        <h1>hello js</h1>
    </div>

<script src="/static/jQuery-3.3.1.js"></script>
<script>
    $(‘div h1‘).css(‘color‘, ‘red‘)
</script>

2、模板的方式导入js文件
    在head中加入     {% load staticfiles %}
    在Body中加入   <script src={% static "jQuery-3.3.1.js" %}></script>