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.默认有两种容器