python_day17_Django-1

标签：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=\”http://www.mamicode.com/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=\”http://www.mamicode.com/static/jQuery-3.3.1.js\”></script>
<script>
$(‘div h1‘).css(‘color‘, ‘red‘)
</script>

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

python_day17_Django-1

标签：django

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