目录结构

app.py                          web代码

store.db                        存储信息的轻量数据库，用的sqlite3

schema.sql                   数据库的初始化建表语句

settings.cfg                   配置信息

static/style.css              html中每个标签相关的格式信息，比如，字体颜色，字体大小，背景颜色，占用宽度高度等

templates/layout.html   目录名必须是templates。显示的web页面，使用jinja2渲染引擎，支持一些判断循环的语句

css

一个style.css的例子

body            { font-family: sans-serif; background: #eee; }         /* 设定body模块的字体和背景颜色 */

h1, h2          { color: #377BA8; }                                                 /* 设定h1, h2的文字颜色 */

h2                { font-size: 2.5em; }                                                /* 设定h2的字体大小为默认大小的2.5倍 */

.left              {float: left; width: 50%}                                            /* 设定class为left的部分靠左侧，占用50%的宽度 */

.right            {float: right; width: 50%}                                          /* 设定class为right的部分靠右侧，占用50%的宽度 */

.comment    {width:95%; overflow:auto; word-break:break-all;}  /* 设定class为comment的部分占95%的宽度 */

templates

{% xxx %}这样的语句是jinja2的控制语句

layout.html

<!doctype html>

<title>Test</title>

<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">    //加载css格式文件

<h1>Test</h1>

{% for message in get_flashed_messages() %}

  <div class=flash>{{ message }}</div>

{% endfor %}

{% block body %}{% endblock %}

show.html

{% extends "layout.html" %}

{% block body %}    // 新块开始，此处body对应style.css的body

<div class="left">     // 一个新区域，采用style.css中left的格式

  <form action="{{ url_for('test') }}" method=post class=test>      //提交表单区域

    <p>Text:</p>

          {% for entry in entries %}

            <textarea class=comment name=text rows=50 cols=120>{{ entry.text }}</textarea>    // 实际填写提交信息的地方

          {% else %}

            <textarea class=comment name=text rows=50 cols=120></textarea>

          {% endfor %}

      <input type=submit value=Submit>  // 表单提交按钮

  </form>

</div>

<div class="right">

  <p>Detail:</p>

  {% for entry in entries %}

    <textarea class=comment rows=50 cols=120>{{ entry.detail_str }}</textarea>

  {% else %}

    <textarea class=comment rows=50 cols=120></textarea>

  {% endfor %}

</div>

<div class="bottom">

  {% for entry in entries %}

    <h2>{{ entry.result }}</h2>

  {% endfor %}

</div>

{% endblock %}

app.py

注意数据库的获取，全局信息的处理。

    """Connects to the specific database."""

import os

import sqlite3

import urllib

import logging

import logging.handlers

import json

from datetime import datetime

from core.analysis import analysis_string_v3

from flask import Flask, request, g, redirect, url_for, render_template

app = Flask(__name__)

app.config.from_envvar('SETTINGS', silent=True)

cur_path = os.path.dirname(os.path.realpath(__file__))

def init_logging(filename, logmod):

    log_size = 100000000

    log_backupcount = 1

    handler = logging.handlers.RotatingFileHandler(filename, maxBytes=log_size, backupCount=log_backupcount)

    formatter = logging.Formatter("%(asctime)s %(levelname)s: %(message)s", datefmt='[%b %d %H:%M:%S]')

    handler.setFormatter(formatter)

    my_logger = logging.getLogger(logmod)

    my_logger.setLevel(logging.DEBUG)

    my_logger.addHandler(handler)

    return my_logger

logger = init_logging(os.path.join(cur_path, "api.log"), "test")

def connect_db():

    """Connects to the specific database."""

    logger.debug("[start] connect_db")

    rv = sqlite3.connect(app.config['DATABASE'])

    rv.row_factory = sqlite3.Row

    logger.debug("[end] connect_db")

    return rv

def init_db():

    logger.debug("[start] init_db")

    with app.app_context():

        db = get_db()

        with app.open_resource('schema.sql', mode='r') as f:

            db.cursor().executescript(f.read())

        db.commit()

    logger.debug("[end] init_db")

def get_db():

    """Opens a new database connection if there is none yet for the current application context."""

    logger.debug("[start] get_db")

    if not hasattr(g, 'db'):

        g.db = connect_db()

    logger.debug("[end] get_db")

    return g.db

# init_db()

@app.teardown_appcontext

def close_db(error):

    """Closes the database again at the end of the request."""

    logger.debug("[start] close_db")

    if hasattr(g, 'db'):

        g.db.close()

    logger.debug("[end] close_db")

@app.route('/')

def show():

    logger.debug("[start] show")

    get_db()

    cur = g.db.execute('select text from queries order by id desc limit 0, 1')

    queries = [dict(query_time=row[0], text=row[1], result=row[2], detail_str=row[3]) for row in cur.fetchall()]

    logger.debug("[end] show")

    return render_template('show.html', entries=queries)

@app.route('/test/', methods=['POST'])

def test():

    logger.debug("[start] test")

    s = request.form['text']

    get_db()

    g.db.execute('insert into queries (text) values (?)', [request.form['text']])

    g.db.commit()

    logger.debug("[end] test")

    return redirect(url_for('show'))

启动控制supervisor

注意环境变量写法

environment=SETTINGS=/home/test/settings.cfg

【python】使用flask制作小型页面的关键点总结的更多相关文章

  1. Flask学习之旅--用 Python + Flask 制作一个简单的验证码系统

    一.写在前面 现在无论大大小小的网站,基本上都会使用验证码,登录的时候要验证,下载的时候要验证,而使用的验证码也从那些简简单单的字符图形验证码“进化”成了需要进行图文识别的验证码.需要拖动滑块的滑动验 ...

  2. 使用python的Flask实现一个RESTful API服务器端[翻译]

    最近这些年,REST已经成为web services和APIs的标准架构,很多APP的架构基本上是使用RESTful的形式了. 本文将会使用python的Flask框架轻松实现一个RESTful的服务 ...

  3. 使用python的Flask实现一个RESTful API服务器端

    使用python的Flask实现一个RESTful API服务器端 最近这些年,REST已经成为web services和APIs的标准架构,很多APP的架构基本上是使用RESTful的形式了. 本文 ...

  4. python的Flask 介绍

    Flask 介绍 知识点 微框架.WSGI.模板引擎概念 使用 Flask 做 web 应用 模板的使用 根据 URL 返回特定网页 实验步骤 1. 什么是 Flask? Flask 是一个 web ...

  5. python之Flask实现登录功能

    网站少不了要和数据库打交道,归根到底都是一些增删改查操作,这里做一个简单的用户登录功能来学习一下Flask如何操作MySQL. 用到的一些知识点:Flask-SQLAlchemy.Flask-Logi ...

  6. 通过flask实现web页面简单的增删改查bootstrap美化版

    通过flask实现web页面简单的增删改查bootstrap美化版 项目目录结构 [root@node1 python]# tree -L 2 . ├── animate.css ├── fileut ...

  7. web基础，用html元素制作web页面

    用div,form制作登录页面,尽可能做得漂亮. 练习使用下拉列表选择框,无序列表,有序列表,定义列表. 观察常用网页的HTML元素,在实际的应用场景中,用已学的标签模仿制作. <!DOCTYP ...

  8. 【Python】Flask系列-URL和视图笔记

    1.学习目标 熟悉Flask相关知识. 熟悉web开发流程. 能独立开发Flask项目. 2.环境配置 Python虚拟环境安装 因为python的框架更新迭代太快了,有时候需要在电脑上存在一个框架的 ...

  9. 转：使用python的Flask实现一个RESTful API服务器端

    提示:可以学习一下flask框架中对于密码进行校验的部分.封装了太多操作. 最近这些年,REST已经成为web services和APIs的标准架构,很多APP的架构基本上是使用RESTful的形式了 ...

随机推荐

  1. Linux keepalived+lvs实现高可用负载均衡

    LVS的具有强大的负载均衡功能,但是它缺少对负载层节点(DS)的健康状态检测功能,也不能对后端服务(RS)进行健康状态检测:keepalived是专门用来监控高可用集群架构的中各服务的节点状态,如果某 ...

  2. 洛谷P4643 [国家集训队]阿狸和桃子的游戏（思维题+贪心）

    思维题,好题 把每条边的边权平分到这条边的两个顶点上,之后就是个sb贪心了 正确性证明: 如果一条边的两个顶点被一个人选了,一整条边的贡献就凑齐了 如果分别被两个人选了,一作差就抵消了,相当于谁都没有 ...

  3. python第六天

    深浅拷贝,元祖,字典 ,集合的定义以及基本操作方法 深浅拷贝 # 值拷贝:应用场景最多​值拷贝:先创建一个列表ls = [1, 'abc', [10]] 再定义 ls1 = ls  此处ls1会直接将 ...

  4. linux device drivers ch03

    ch03.字符设备驱动程序 编写驱动程序的第一步就是定义驱动程序为用户程序提供的能力(机制).接下来以scull(“Simple Character Utility for Loading Local ...

  5. jsp:forward动作功能

    jsp:forward动作:引导请求者进入新的页面 例子:login.jsp <center><p>用户登录 </p> <form name="fo ...

  6. Codeforces Round #551 (Div. 2)

    传送门 B. Serval and Toy Bricks 题意: 有一些规格相同的方块摆放在 n×m 的矩阵 h 中,h[i][j]代表第 (i,j) 个矩阵摆放的方块的高度: 现给你三个视图: 正视 ...

  7. Android activity创建三部曲

    1.新建类继承Activity或其子类,现在一般继承AppCompatActivity public class TestActivity extends AppCompatActivity { @O ...

  8. Borůvka algorithm

    Borůvka algorithm 我好无聊啊,直接把wiki的算法介绍翻译一下把. wiki关于Borůvka algorithm的链接:链接 Borůvka algorithm是一个在所有边权都是 ...

  9. idea代码出现Usage of API documented as @since 1.8+ less... (Ctrl+F1)

    问题: Usage of API documented as @since 1.8+ less... (Ctrl+F1) This inspection finds all usages of met ...

  10. MATLAB cftool工具数据拟合结果好坏判断

    SSE和RMSE比较小 拟合度R接近于1较好 * 统计参数模型的拟合优度 1.误差平方和(SSE) 2. R-Square(复相关系数或复测定系数) 3. Adjusted R-Square(调整自由 ...