Python flask+css+js+ajax 综合复习

flask的基本语法结构

注:这里练习的时候把装饰器的@给忘记了,导致访问404

下面练习一下在前段向后端传递参数

get请求需要用   request.args.get(‘变量‘) 去接收,

get请求的参数都是放置在url中的, 如 http://127.0.0.1:33334/?user=python

这样就可以获取到了user的值了

post请求的参数部分是放置在body里面的,url中没有直接的体现

获取的语法 request.form.get(‘user‘)

render_template 是用来渲染页面的。

结合render_template与 request.form.get(‘user‘),来获取post的参数

前端页面

注意,这里练习的时候把form写成了from了,导致点击submit按钮没反应

post请求提交获取参数的样例已经实现。

前端内容回顾
html    head        style    手写css        link     引入css    body        h1~h6    标题        table    表格            tr,td        form     表单            input ,button        p        段落        img      图片        a        超链接

div 和span  (这两个没有默认的样式,一个是盒子,一个事行内元素)

script   #引入js
时间: 2024-08-01 12:56:39

Python flask+css+js+ajax 综合复习的相关文章

【Python学习笔记】Django1.8设置模板路径和CSS,JS,image等路径的方法

1.将templates和media(包含js.css.images目录)放到了项目目录的根目录下 2.设定模板路径 设置模板路径比较简单,只要在setting.py里面的TEMPLATE_DIRS选项里面添加: import os.path TEMPLATE_DIRS = ( os.path.join(os.path.dirname(__file__), '../templates').replace('\\','/'), ) 即,可以在网站项目的根目录下,建立一个templates文件夹,里

python Flask JQuery使用说明

0.前言 近期因为某种原因再次学习Flask框架.借助博客整理相关内容.Flask框架和Apache+PHP存在少许不同,Flask框架中JS和CSS文件存放于一个相对固定的位置. 普通情况下,位于static文件夹下(见图1 文件夹结构). 本文结合一个很easy的加法样例试图说明Flask框架中JQuery和Ajax的使用方法. 这个样例将执行在树莓派中,请注意windows平台和linux平台也能够执行该演示样例,python具有良好的跨平台性能. [代码仓库] 代码仓库位于Bitbuck

flask+sqlite3+echarts2+ajax数据可视化

前提: 准备Python + Flask+Sqlite3的平台环境(windows系统) 前面一节介绍flask怎么安装了,剩下sqlite3下载后解压,然后环境变量添加解压路径就行了 附加下载地址:http://www.sqlite.org/2016/sqlite-tools-win32-x86-3150200.zip 项目的目录结构 /www||-- /static| |jquery-1.6.2.js (可以是其他jquery-xx.js,在index.html里修改就行了)| |-- ec

项目实战_Python.利用Python+Flask编写一个高性能实时主动监控平台?

项目简介: 说明: 主要用于Redis实例集中化实时主动监控,后端采用Python+Flask实现,具体实现代码请阅读代码 项目思路: 项目结构: xmzoomeye-redis ├── app │   ├── conf │   │   ├── config.py │   │   ├── config.pyc │   │   ├── __init__.py │   │   ├── __init__.pyc │   │   └── rdsdata.db │   ├── __init__.py │ 

python Flask EasyUI使用说明

0.前言 本文说明如何在flask框架下使用前端组件EasyUI.在flask框架中链接css文件,js脚本和图片等静态文件的方式和其他web服务器存在差别.在flask框架中这些静态文件一般存放与static文件夹中,并通过url_for函数指定static中相对位置和文件名. [代码仓库] 代码仓库位于bitbucket--flask-easyui,请使用支持HTML5的浏览器打开链接. [相关博文] [1]python 扩展库安装 使用第三方镜像源 [2]python Flask 学前班

Python Flask 在Sina App Engine (SAE)上安家

早就听说了Python的大名,随着的编程语言的理解加深,越发觉得动态语言的威力--真大呀. 趁这段时间不忙,我也用Python写了一个应用,并且将其部署到Sina App Engine (SAE).SAE确实是一个好地方,它支持Python,对于开发者,其使用费用几乎为0. 更重要的是,如果我的这个app不会半路夭折,等它长大后,这个平台也能给予足够的支持. 虽然,整个过程都很简单,但是对于一个新手,特别是从传统C#, Asp.net, IIS阵营过来的开发人员来说,什么都是第一次接触.希望我的

Python+Flask+MysqL的web建设技术过程

前言 本人在一学期时间实现了Python+Flask+MysqL的web建设,页面具有简单的登录注册发布文章搜索文章等功能. 这篇文章总结了我最近一段时间的学习成果:使用Flask框架搭建一个web service,并在其中加上一些简单的css,js,html等.在本文中以实际的用户模块为例.之所以写这篇文章是因为想要总结自己一学期的学习成果并且与大家分享.由于是新手如有错漏请见谅. 一.使用工具 python3.5 实现此页面所有的static文件.templates文件与py文件 二.完成基

Python Flask+Bootstrap+Jinja2 构建轻量级企业内部系统平台框架

1.最近公司运维需求,学习python flask 满足环境治理系统的开发;入门如下;    环境类型:      Python 2.7.5         获取地址:https://www.python.org/downloads/       Flask  1.0.2               pip 安装使用模快如下:           flask==1.0.2           request==1.0.2           Jinja2==2.10           Flas

Python Flask+Gentelella+Jinja2 快速完成企业内部系统平台快速布局;

1.最近公司运维需求,学习python flask 满足环境治理系统的开发 原生前端Bootstrap 也能满足需求,但是需要前端功基本功(html,css,js)等,折腾了2周发现 实在是太麻烦: 而且布局样式特别low 很难看 各种 按钮和样式效果实现特麻烦(哈哈,原谅我初学者吐槽下,Bootstrap 社区开发人别喷我,谢谢) 2.githup 意外发现一个 gentelella 这套后台模板; (非常强大和适用且美观,不用说立马拿下;) 源码获取地址:https://github.com