1、项目的基本新建参考着这个:点击打开链接
2、首先看最终的项目结构,这里我的django版本是1.11:
2、在自己的app(demo)下新建两个文件夹:templates(存放html文件)和static(静态资源文件:js、img、css等)
3、app(demo)的views.py(是对应请求的访问方法),这里有网页的渲染和带参数的请求(json返回):
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.shortcuts import render
# Create your views here.
from django.http import HttpResponse
from demo import models
import json
def home(request):
return render(request, 'home.html')
def queryUser(request):
userName = request.GET['userName']
passWord = request.GET['passWord']
userObject = models.User.objects.get(name=userName)
response_data = {}
if userObject.password == passWord:
response_data['result'] = '1'
return HttpResponse(json.dumps(response_data), content_type="application/json")
else :
response_data['result'] = '0'
return HttpResponse(json.dumps(response_data), content_type="application/json")
4、项目的主配置文件,添加静态文件的引用目录:
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_DIRS = (BASE_DIR,'static')
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'demo/static'),
)
5、项目主url配置文件,添加url地址:
"""busymonkey URL Configuration
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/1.11/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: url(r'^$', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.conf.urls import url, include
2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url
from django.contrib import admin
from demo import views as demo_views
urlpatterns = [
url(r'^$', demo_views.home),
url(r'^queryUser/', demo_views.queryUser),
url(r'^admin/', admin.site.urls),
]
6、html 文件中对静态文件的引用格式:
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<script src="/static/js/jquery-3.1.1.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/static/css/homePage.css">
<script src="/static/js/loginJS.js"></script>