码迷,mamicode.com
首页 > 编程语言 > 详细

python_day17_Django-1

时间:2018-05-19 21:21:54      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:django

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>

python_day17_Django-1

标签:django

原文地址:http://blog.51cto.com/xiong51/2118280

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!