表单 WTForms是一个使用Python编写的表单库,它使得表单的定义、验证(服务器端)和处理变得非常轻松。 HTML表单123456789101112<form method="post"> <label for="username">Username</label><br> <input type="text" name="user 2020-09-15 Flask Flask Flask Web开发实战
模板 Flask默认使用的模板引擎是Jinja2,它是一个功能齐全的Python模板引擎,除了设置变量,还允许我们在模板中添加if判断,执行for迭代,调用函数等,以各种方式控制模板的输出。 模板基本用法创建模板template/watchlist.html:电影清单模板 1234567891011121314151617181920212223<!DOCTYPE html><html 2020-09-08 Flask Flask Flask Web开发实战
v-model v-model的基本使用Vue中使用v-model指令来实现表单元素和数据的双向绑定,即输入框的value改变,对应的message对象值也会改变,修改message的值,input的value也会随之改变。无论改变那个值,另外一个值都会变化。 1234567891011121314151617181920<body><div id="app"><!-- v-m 2020-09-04 Vue.js Vuejs Javascript
Flask与HTTP 请求响应循环当用户访问一个URL,浏览器便生成对应的HTTP请求,经由互联网发送到对应的Web服务器。Web服务器接收请求,通过WSGI将HTTP格式的请求数据转换成我们的Flask程序能够使用的Python数据。在程序中,Flask根据请求的URL执行对应的视图函数,获取返回值生成响应。响应依次经过WSGI转换生成HTTP响应,再经由Web服务器传递,最终被发出请求的客户端接收。浏览器渲染响应中 2020-09-01 Flask Flask Flask Web开发实战
初识Flask 搭建开发环境Pipenv工作流它是pip、Pipfile和Virtualenv的结合体,它让包安装、包依赖管理和虚拟环境管理更加方便,使用它可以实现高效的Python项目开发工作流。 安装pip和Pipenvpip --version 使用pip安装Pipenv:pip install pipenv -i https://pypi.douban.com/simple 使用下面的命令检查Pipenv 2020-08-28 Flask Flask Flask Web开发实战
用户登录 微信平台在lib目录下的,封装wxauth.py代码。 12345678910111213141516171819import requestsfrom .WXBizDataCrypt import WXBizDataCryptWXAPP_ID = 'wxdab2c9193cb7e2a9'WXAPP_SECRET = '********'def get_wxapp_session_key(code 2020-08-27 Flask Flask Python Flask框架:黑马文学项目
书籍购物车案例 综合前面的知识,需要通过一个小demo来串联起知识。 如图所示, 点击“+”按钮,总价增加,点击“-”按钮总价减少,点击移除,移除当列。 代码实现:HTML12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en">&l 2020-08-26 Vue.js Vuejs Javascript
遍历循环 v-for遍历数组如果在遍历的过程中不需要使用索引值 v-for="movie in movies" 依次从movies中取出movie,并且在元素的内容中,我们可以使用Mustache语法,来使用movie 如果在遍历的过程中,我们需要拿到元素在数组中的索引值呢? 语法格式:v-for=(item, index) in items 其中的index就代表了取出的item 2020-08-26 Vue.js Vuejs Javascript
条件判断 v-if、v-else-if、v-elsev-if用于条件判断,判断Dom元素是否显示。 12345678910111213141516171819202122232425262728293031323334<body><div id="app"> <h2 v-if="score>=90">优秀</h2> <h2 v-else-if= 2020-08-26 Vue.js Vuejs Javascript
事件监听 在前端开发中,我们需要经常和用于交互。这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢?使用v-on指令 v-on介绍 作用:绑定事件监听器 缩写:@ 预期:Function | Inline Statement | Object 参数:event v-on基础使用v-on:click给button绑定监听事件以及回调函数,@是v-on:的语法糖,也就 2020-08-26 Vue.js Vuejs Javascript