测开之路一百一十二：bootstrap按钮

【测开之路一百一十二：bootstrap按钮】的更多相关文章

测开之路一百一十二：bootstrap按钮

bootstrap按钮引入bootstrap和jquery 普通按钮和bootstrap风格按钮调整大小块级按钮禁用按钮 disabled 按钮分组分页按钮…

测开之路一百一十：bootstrap图片

bootstrap图片引入bootstrap 原版的图片 bootstrap处理后的: 圆角.圆形.缩略图自适应窗口…

测开之路一百五十二：基于jquery的ajax实现之load、get、ajax

ajax除了用原生的js实现之外,也可以使用jquery实现,而且用jquery更方便看一个简单的示例,保留上一篇的content路由和html,实现上一篇一样的功能,点击获取内容,局部刷新准备一个页面用于被调用 <h1>这是content.html的h1标签</h1><p style="background: red"> 这是content.html的p标签,红色 <a href="https://www.baidu.com/&…

测开之路一百四十二：ORM框架之SQLAlchemy建库、建表、数据库操作

flask-SQLAlchemy是在原生SQLAlchemy的基础之上做了一层封装,安装flask-SQLAlchemy会自动安装SQLAlchemy 安装传统的sql建表建字段通过flask-SQLAlchemy建表建字段用法:声明和初始化一系列的配置 flask-SQLAlchemy建表建字段 db.String() 整形db.Integer() 字符串db.TEXT() 文本db.DateTime() 日期时间db.Float() 浮点db.Boolean() 布尔db.Pickle…

测开之路一百一十三：bootstrap媒体对象

实现效果,左边是图片或者其他媒体,右边是对应的描述引入bootstrap和jquery标签 class="media" 数量多一些看着就会很规整 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap布局</title> …

测开之路一百一十一：bootstrap表单

bootstrap表单引入bootstrap和jquery 默认表单垂直表单表单属性绑定:for属性,当for的属性和id的属性相同时,单击for标签,光标自动跳到相同属性的输入框复选框水平表单行内表单提交表单表单内容不允许修改修改输入框大小缩小:input-sm 放大:input-lg 下拉选项按钮输入框分组普通输入框带头像的输入框复选框搜索框多个按钮 <!DOCTYPE html><html lang="en"><h…

测开之路一百五十五：jquery-validation前台数据验证

前面做的wtform验证是服务器端的验证,需要把数据传输到服务器,服务器验证后再吧结果传输到前端,网络慢的时候,用户体验不好,所以需要前端验证,且后端验证不能少传统的js或者jquery如果要验证信息,需要把一个个元素下的信息拿下来,再验证,而validation可以根据元素定位,可以直接就验证了 validation官网:https://jqueryvalidation.org/cnd引用地址:https://www.bootcdn.cn/jquery-validate/引用标签:<scri…

测开之路一百五十四：ajax+json前后台数据交互

在实际工作中,前后端数据交互大部分都是用的json格式,后端把数据处理完后,把json传给前端,前端再解析项目结构 models里面加入把数据转为字典的方法 from datetime import datetimefrom flask_sqlalchemy import SQLAlchemy db = SQLAlchemy() class Department(db.Model): """ 部门 """ __tablename__ = 'de…

测开之路一百四十九：jinja2模板之宏

jinja2是python的模板引擎, 在写python web使用的过程中,macro可以节省大量的代码比如上一篇的渲染页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户注册</title></head><body><form action="#"…

测开之路一百四十八：WTForms表单验证

使用WTForms表单验证,可以在数据建模时就设置验证信息和错误提示创建模型时,设置验证内容,如必填.格式.长度 from flask_wtf import Formfrom wtforms import StringField, PasswordField, BooleanFieldfrom wtforms import validators class UserRegForm(Form): username = StringField('用户名', [validators.DataRequ…