python 全栈 web框架 Django基本操作

django 操作总结!

django框架安装：
　　cmd安装： pip3 install django
　　pycharm安装： 在python变量下 搜索 django 安装

创建django项目：
　　cmd下创建django项目：	
　　　　创建django程序：
　　　　　　django-admin startproject mysite
　　　　进入程序目录：
　　　　　　cd mysite
　　　　启动socket服务端，等待用户发送请求 IP 端口
　　　　　　python manage.py runserver 127.0.0.1:8080
	
　　pycharm下创建django项目：
　　　　直接新建一个django项目即可！	
	　　启动程序：直接运行django，启动之后会生成一个固定的IP和端口的url地址。
		端口默认：8000；IP默认：127.0.0.1。浏览器直接访问这个网址，有提示证明创建成功。

pycharm下django的操作：
	
　　一、配置文件：    
	- 在项目下：
	　　- 创建静态文件 static 用于存放 CSS,JS,图片等文件
	　　- 创建视图函数文件  用于编写视图函数
	　　- 创建sql数据库连接文件  通过类创建连接数据库的操作，减少代码复用。	
	- settings中添加或是查看路径是否正确：
	　　- 模版路径：TEMPLATE_DIRS = (os.path.join(BASE_DIR,‘templates‘),)
	　　- 静态文件路径：STATICFILES_DIRS = (os.path.join(BASE_DIR,‘static‘),)
	　　- 隐藏MIDDLEWARE 路径中 ‘django.middleware.csrf.CsrfViewMiddleware‘ 信息
	
　　二、路由系统：		
	路由关系： url ---> 函数
	　　在urls.py 文件中导入视图函数文件，写上路由关系！
	　　　　示例：
		　　from app01 import views
		　　url(r‘^login/‘, views.login),
	　　django中的路由系统和其他语言的框架有所不同，在django中每一个请求的url都要有一条路由映射，这样才能将请求交给对一个的view中的函数去处理。
	　　　　　其他大部分的Web框架则是对一类的url请求做一条路由映射，从而是路由系统变得简洁。
	
　　三、视图函数：	
　　　　确定好相对应的路由关系之后，就需要编写路由函数。所有的信息都是从数据库中获取，此时就需要在函数中建立与数据库的链接，获取数据！pymysql操作，略过！
　　　　　　注意点：
	　　　　- 定义函数的时候，必须设置形参 request 接收浏览器的请求！ 
	　　　　- 判断请求方式：request.method 
	　　　　- 获取不通方式提交的数据：
		　　(GET方式,POST方式) --->
　　　　　　　　　　　　　　GET方式提交的信息在请求头url中，在页面网址上就能看到！
　　　　　　　　　　　　　　POST方式提交的信息在请求体中。不能直接查看到！

　　　　　　　　　　　　request.GET.get()  获取get方式提交的一个值
		　　request.POST.get() 获取post方式提交的一个值
		　　request.POST.getlist() 获取post方式提交的数组信息(多值)
	
	　　　　- 返回信息：（三种方式）
		　　return HttpResponse(‘字符串‘)  直接返回字符串
		　　return redirect(‘URL‘)   跳转到某个url页面下
		　　return render(request,‘模板路径(.html文件)‘)  跳转到某个模版页面 
		　　return render(request,‘模板路径‘,{值}) 跳转到某个模版页面 同时给这个页面返回值
		　　render实质：1. 获取模板+数据，后台渲染；2. HttpReponse(...)把渲染之后的字符串信息返回给页面		
		　　
　　　　　　　　　　　　补充：模板渲染是在后台执行，完毕之后再把字符串返回给模版，通过浏览器的渲染显示！
			值类型：传值必须是字典形式！可以传多个值！key为字符串，value可以为单值，列表，字典！
				{	‘k1‘: ‘v1‘, 单值类型
					‘k2‘: [1,2,32,34],列表类型
					‘k3‘: {‘x1‘:‘v2‘...}, 字典类型
				}
　　四、模版：
　　　　模版渲染：
　　　　　　对于函数传递回来的值，模版都是通过值的key去获取！！！这个一定要注意！	
　　　　　　模版语言：
	　　　　(注意：对于列表或是字典，获取其中的元素是用.的方式！！！
		　　　　前端没有索引这个概念 用于去取值，但前端支持点的方法去获取。
		　　　　例如一个字典 dic = {"k1":v1} ====> dic.k1获取值 v1)
			获取单值：{{k1}}
			获取列表中的某个值：{{k2.索引值}} 
			获取所有单值：循环方式：
			　　{% for item in k3 %}
				{{item.k1}}
				　　……
			　　{% endfor %}
		 若是有条件判断：{% if 条件 %} 语句 {% else %} 语句 {% endif %}
	　　模版操作方式：
		1、新url方式：点击跳转到另一个url页面
		　　- 注意：要跳转到新urls路径 必须以这种方式写  -----> "/urls路径/" 。否则后台无法识别地址会报错！
		　　　　　　不管是form表单或是a标签！注意跳转或是提交信息的urls路径的书写方式！
		2、模态框操作：点击触发事件，出现弹框！
		　　- 前端js的应用
	注意点：
	　　http连接，建立在TCP连接之上！ http 协议具有：无状态，短连接的特性！
	　　模版引擎的渲染，是在服务端进行的
	　　wsgi 是一个协议，提供通信接口，实质就是socket
	　　重定向 是浏览器完成的操作！
	
　　五、ajax
	html中，有点击跳转，页面刷新功能的标签是：a标签，或是form表单！如果不想让页面自动刷新而是人为控制，此时就需要用到ajax.	
	　　阻止事件发生的操作：
	　　　　1、标签里写事件类型，函数前写return，函数中也写return false;
		　　- <a onclick=‘return func();‘></a>
		　　　　func(){
			……  
			return false
			}	
		2、通过jQuery对象的方式，给标签绑定某个事件，直接在事件触发函数中写return false
		　　- <a id="a"></a>
		　　　　$("#a).click(function(){
			……
		　　　　　　return false
			})	
　　　　　　ajax是jQuery的一个方法，使用前需要先导入jQuery文件！
	　　　　注意：页面数据不管提交或是接收，都必须是字符串类型。
		　　　data传值的类型：字符串，或是数组，没有字典格式！若想传递先利用JSON转换成字符串！
		页面的JSON语法：
		　　　　JSON.stringify(对象)   ---->  字符串
		　　　　JSON.parse("字符串")   ---->  对象
		ajax语法：
			$.ajax({
			url: ‘要提交的地址‘,
			type: ‘POST‘, // GET或POST,提交方式
			data: {‘k1‘: ‘v1‘,‘k2‘:‘v2‘}, // 提交的数据 
			dataType:"JSON",   //设置接收的数据类型
			traditional: true,// 如果提交的数据的值有列表，则需要添加此属性
			success:function(data){		// 成功之后，执行回调函数	
					
					location.href = "要跳转的地址"
					location.reload() //页面重新加载
				// 当前服务端处理完毕后，自动执行的回调函数
				// data返回的数据
			　　}
		　　　　})
		
	为配合ajax的使用，视图函数也做了一定的修改，有了一个存放状态的字典，有了错误检测！返回的结果也必须是字符串类型的信息！
	　　视图函数代码举例：
	　　　　def change_class(request):
		　　ret = {"status":True,"message":None}
		　　try:
		　　　　cid = request.POST.get("cid")
		　　　　cname = request.POST.get("cname")
		　　　　sql = "update class set cname = %s where cid = %s"
		　　　　sqlmodus.put(sql,[cname,cid,])
　　　　　　　　　　　　except Exception as e:
			ret["status"] = False
			ret["message"] = "处理异常"
		　　return HttpResponse(json.dumps((ret)))   //利用JSON把对象转成字符串返回模版

	　　模态与新urls 应用场景分析：
		
		模态对话框（Ajax）用于：
		　　- 少量输入框
		　　- 数据少
		　　示例：登录
	
		新URL方式
		　　- 操作多
		　　- 对于大量的数据以及操作
		
	　　具体怎么应用还是需要视具体情况及要求操作！没有绝对只说！		
	 
　　Http请求生命周期：
	请求头 -> 提取URL -> 路由关系匹配 -> 函数 (模板+数据渲染) -> 返回用户（响应头+响应体）

　　六：母板操作：	
	Django母版：
	　　母版： 存放所有页面公用
	　　子板：
		继承母版
		- 自定义当前页面私有的东西
		
	　　按照正常操作生成一个母板页面，
	　　在head标签中写上两个block块作为标志位，用于导入CSS和JS文件
	　　在body标签下写一个block块作为标志位，用于导入不同的代码
			
	　　母版：
		<html>
	　　　　　　　　<head>	
			　　{% block css %} {%endblock%}
				...
			　　{% block js %} {%endblock%}
		　　　　</head>
		　　　　<body>
			　　{% block table %} {%endblock%}
		　　　　</body>
		</html>
				
	　　子板：
		{% extends "layout.html "%}  引入母板
				
		{% block css %} CSS文件路径或是代码 {%endblock%}
		{% block js %} JS文件路径或是代码 {%endblock%}
		{% block table %} 文本内容 {%endblock%}
	
　　七、响应式布局：（CSS布置）借用两大框架：BootStrap和fontawesome
	1. BootStrap响应式布局： @media()	
	2. 栅格  (把整个页面分成12份，不同的类名，对应着不同的类型，具体看文档)
	3. 表格
	4. 导航条
	5. 路径导航
			
	6. fontawesome 图标
	7. 布局position：absolute  对页面区域的划分及占比   fixed 是针对窗口做的定位；absolute是绝对定位，relative 相对定位是给absolute定位做的标杆！
			
	8. ：hover方法，以前只知道一个用法：鼠标移动到某个标签上时，执行的操作。
	　　现再补充以下：
		当鼠标移动到xx样式的父标签上时，其下子标签.g应用以下属性
		.xx:hover .g{
		　　CSS样式
	　　　　　}
	
　　八、cookies

	a. 保存在浏览器端“键值对”
	b. 服务端可以向用户浏览器端回写cookie
	c. 客户端每次发送请求时，会携带cookie去匹配
	　　- 发送Http请求时，在 请求头 中携带当前所有可访问的cookie
	　　- 返回时，存在于 响应头
	　　- 可以设置cookies的超时时间（生命周期）
		
	对象 obj的三种样式：
	　　obj = HttpReponse(..)
	　　obj = render(...)
	　　obj = redirect(..)
			
	cookies的设置和获取：
	　　- 明文格式：
		设置cookies   明文格式！	
		　　obj.set_cookie(
			key,           //键
			value=‘‘,   	//值
			max_age=None,   //超时时间
			expires=None,  //具体的超时日期
			path=‘/‘, 	//为某个url设置cookies,仅在该路径下生效   / 代指所有路径
			domain=None,	// 域名 访问某个域名网站，设置cookies
				　　（一级域名绑定其下域名也可以拿到，若是二级域名极其以下设置cookies，则其他的域名拿不到！）	
			
			//安全相关！
			secure=False,   //      Https协议
			httponly=False    //只有通过http协议来回发送请求才用！ 只能在Http请求中传输，js代码无法获取到
		　　)
		读取：request.COOKIES.get("键名")
			
	　　- 密文格式：设置加密的cookies
		cookie签名：
			obj.set_signed_cookie(‘ticket‘,"123123",salt=‘加密字符串‘)
			
		获取签名的cookies
			request.get_signed_cookie("key名",salt="加密方式")

　　注意：一般设置cookies，常用的参数有：key,value,max_age,path,salt(密文才有，其他都有！)