1. 安装Django
pip install django
查看django版本：
2. 创建Django项目
打开命令行，然后cmd到需要创建代码的目录，运行如下命令即可创建：
$ django-admin startproject mysite
创建后项目目录如下：
mysite/
manage.py 项目的命令行工具
mysite/ 与项目根目录同名，存放的是项目相关的配置文件、全局路由等
__init__.py 指定dev05为一个包
settings.py Django 项目的配置文件
urls.py Django 项目的 URL 声明，就像你网站的“目录”
wsgi.py 作为你的项目的运行在 WSGI 兼容的Web服务器上的入口
asgi.py 同wsgi.py，asgi可调用对象可以一个接一个地链接在一起，以处理web请求
3. 创建应用
在每个django项目中可以包含多个应用，相当于一个大型项目中的分系统、子模块、功能部件等，相互之间比较独立。
应用和项目的区别：应用是一个专门做某件事的网络应用程序——比如博客系统，或者公共记录的数据库，或者简单的投票程序。项目则是一个网站使用的配置和应用的集合。项目可以包含很多个应用。应用可以被很多个项目使用。
应用的创建方式如下，需要在manage.py所在目录下创建，命令如下：python manage.py startapp polls
目录结果如下：
mysite/
manage.py
mysite/
__init__.py
settings.py
urls.py
wsgi.py
asgi.py
polls/
__init__.py
admin.py
apps.py
models.py
tests.py
views.py
migrations/
__init__.py
4. 编写路由
路由都在urls中，它将浏览器输入的url映射到相应的业务处理逻辑。
5. 编写业务处理逻辑
业务处理函数一般都放在views.py文件中。
通过如上2步操作，可以实现将test/的url指向test()函数，它接收到请求后，会返回“hello world”字符串。
6. 运行web服务
如上配置后，通过python manage.py runserver可以启动web服务，启动后输入链接http://127.0.0.1:8000/test/ 有404报错，是因为找不到对应服务，需要将新创建的应用添加到应用的配置里面，即：mysite/setting/INSTALLED_APPS，具体如下：
再次启动：
6.1 提示信息
启动时，会提示：
通过运行 python manage.py migrate可以将django自带数据库属性迁移过来，即创建一些表
6.2 端口号及IP
默认情况下，runserver命令会将服务器设置为监听本机内部ip的8000端口。如果需要修改端口时，可以通过命令行参数修改，即：python manage.py runserver 8080 ；如果需要监听本机ip时，可以通过如下命令执行：python manage.py runserver 本机IP:端口号。
7. 返回html文件
html文件一般统一放到templates(这个名称最好不要修改)中，具体显示如下：
修改对应的test()函数，将返回值定向到html文件，具体如下：
此时输入http://127.0.0.1:8000/test/，会提示test.html不存在
那是因为django不知道html的存放路径，所以需要修改setting中文件的配置项，具体如下：
DIRS输出具体路径如下：
重新启动后，再次查看，即可展示test.html对应文件信息。
8. js文件
静态js文件，可以通过文件添加，也可以用在线文件，目前使用在线文件，加载方式如下：
9. 发送接收数据
设计一个页面，输入用户名和密码，点击提交后，展示对应的用户名和密码。
9.1 form表单格式实现
9.1.1.返回结果为字符串
test.html:
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>mysite测试</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <h1>输入用户名密码：</h1> <form action="/getinfo/" method="POST"> <input type="text" name="username"/> <input type="password" name="password"/> <input type="submit" value="提交"/> </form> </body> </html>
views.py
from django.shortcuts import render from django.shortcuts import HttpResponse # Create your views here. def test(request): # return HttpResponse("hello world!") return render(request,'test.html') def getinfo(request): username = request.POST.get("username") password = request.POST.get("password") responsestr = "username = {},password = {}".format(username,password) print(responsestr) return HttpResponse("hello world!")
urls.py
from django.contrib import admin from django.urls import path from polls import views as views1 urlpatterns = [ path('admin/', admin.site.urls), path('test/', views1.test), path('getinfo/', views1.getinfo), # path(r'^test/', views1.test) ]
9.1.2.返回结果为html
test.html
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>mysite测试</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <h1>输入用户名密码：</h1> <form action="/getinfo/" method="POST"> <input type="text" name="username"/> <input type="password" name="password"/> <input type="submit" value="提交"/> </form> </body> </html>
getinfo.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户名和密码展示结果</title> </head> <body> <p>用户名：{{data.user}}</p> <p>密码：{{data.pwd}}</p> <!-- 表格格式实现如下：--> <!-- <table>--> <!-- <thead>--> <!-- <th>用户名</th>--> <!-- <th>密码</th>--> <!-- </thead>--> <!-- <tbody>--> <!-- <td>{{data.user}}</td>--> <!-- <td>{{data.pwd}}</td>--> <!-- </tbody>--> <!-- </table>--> </body> </html>
views.py
from django.shortcuts import render from django.shortcuts import HttpResponse # Create your views here. user_list = [] def test(request): # return HttpResponse("hello world!") return render(request,'test.html') def getinfo(request): username = request.POST.get("username") password = request.POST.get("password") temp = {"user":username,"pwd":password} responsestr = "username = {},password = {}".format(username,password) print(responsestr) return render(request,'getinfo.html',{"data":temp})
urls.py
from django.contrib import admin from django.urls import path from polls import views as views1 urlpatterns = [ path('admin/', admin.site.urls), path('test/', views1.test), path('getinfo/', views1.getinfo), # path(r'^test/', views1.test) ]
9.2 table样式实现
一般ajax都是处理后端数据的，很少用来渲染前端页面，所以table样式实现，以返回字符串形式为例说明。
test.html
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>mysite测试</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <h1>输入用户名密码：</h1> <input type="text" id="username" name="username"/> <input type="password" id="password" name="password"/> <input type="button" value="提交" onclick="getusername()"/> <script> function getusername(){ var usename = $("#username").val() var password = $("#password").val() $.ajax({ url: '/getinfo/', data: {'usename':usename,'password':password}, type: 'POST', dataType: 'json', success: function(res){ console.log(res) } }) } </script> </body> </html>
getinfo.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户名和密码展示结果</title> </head> <body> <p>用户名：{{data.user}}</p> <p>密码：{{data.pwd}}</p> <!-- 表格格式实现如下：--> <!-- <table>--> <!-- <thead>--> <!-- <th>用户名</th>--> <!-- <th>密码</th>--> <!-- </thead>--> <!-- <tbody>--> <!-- <td>{{data.user}}</td>--> <!-- <td>{{data.pwd}}</td>--> <!-- </tbody>--> <!-- </table>--> </body> </html>
views.py
from django.shortcuts import render from django.shortcuts import HttpResponse from django.shortcuts import HttpResponseRedirect # Create your views here. def test(request): # return HttpResponse("hello world!") return render(request,'test.html') def getinfo(request): username = request.POST.get('usename') password = request.POST.get('password') # temp = {"user":username,"pwd":password} responsestr = "username = {},password = {}".format(username,password) print(responsestr) return HttpResponse(responsestr)
urls.py
from django.contrib import admin from django.urls import path from polls import views as views1 urlpatterns = [ path('admin/', admin.site.urls), path('test/', views1.test), path('getinfo/', views1.getinfo), # path(r'^test/', views1.test) ]
