bootstrap简介

　　ajax 前后台交互 bootstrap

　　http协议：前台发送请求给后台(请求方式、请求路径、请求内容)，后台返回响应给前台（页面、数据）

　　ajax完成的是页面中的局部数据请求，不会页面改变

环境

　　pip3 install flask

　　pip3 install -i https://pypi.douban.com/simple flask

　　pip3 install -i https://pypi.douban.com/simple flask-cors

请求响应

 

// 先有jq环境

 

// $.ajax() 前台发送请求给后台(可以携带数据)，拿到后台响应的数据
$.ajax({
// 请求的后台地址：接口
url: 'http://localhost:6601/get_data',
// 请求的方式 get post
type: 'post',
// 要提交给后台的数据
data: {
username: usr, // 后台取数据的key: 前台要发送的数据
password: pwd
},
// 后台成功的响应
success: function (response) {
console.log(response);
alert(response)
},
// 后台错误的响应
error: function (error) {
console.log(error)
}
})

bootstrap

　　什么是bs：前端框架 - bs提前帮你写了一套样式(css)、一套逻辑(js)、一套图标库(字体图标)、还可以拓展功能(支持插件)

环境

　　bs的逻辑(js)是依赖jq环境的，使用使用bs提前要导入jq

　　方法：

　　　　　　本地导入

　　　　　　在线链接导入　　　

　　　　　　　　https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css
　　　　　　　　https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js

栅格系统-布局

　　　　　　https://v3.bootcss.com/css/#grid
　　1.一共有四种尺寸
　　2.默认将父级等分12分，子级可以选取占多少份
　　　　col-xs-等分 | col-sm | col-md | col-lg
　　3.默认有两种容器