通过flask实现web页面简单的增删改查

# 1.后台程序falsk_web01.py

#coding:utf-8

from flask import Flask,render_template,request,redirect

import fileutils

# 引入file_dict用户列表

fileutils.file_read()

app = Flask(__name__)

@app.route('/')

def index():

    return render_template('login.html')

@app.route('/loginaction/', methods = ["POST","GET"])

def login():

    error_msg = ''

    if request.method == 'GET':

        username = request.args.get('username')

        password = request.args.get('password')

    else:

        username = request.form.get('username')

        password = request.form.get('password')

    print('username:%s,password:%s' % (username,password))

    if username and password:

        if username == "admin" and password == "admin":

            return redirect('/list')

        else:

            error_msg = "username or password is wrong"

    else:

        error_msg = 'need username and password'

    return render_template('login.html', error_msg = error_msg)

@app.route('/list/')

def userlist():

    userlist = fileutils.file_read().items()

    print('userlist:%s' % userlist)

    return render_template('list.html', userlist = userlist)

@app.route('/update/')

def update():

    username = request.args.get('username')

    password = fileutils.file_read().get(username)

    user = [username, password]

    print('update:%s' % user)

    return render_template('update.html', user = user)

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

def updateaction():

    params = request.args if request.method == 'GET' else request.form

    username = params.get('username')

    password = params.get('password')

    fileutils.file_dict[username] = password

    fileutils.file_write()

    return redirect('/list/')

@app.route('/add/')

def add():

    return render_template('add.html')

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

def addaction():

    params = request.args if request.method == 'GET' else request.form

    username = params.get('username')

    password = params.get('password')

    if username in fileutils.file_dict:

        return redirect('/list/')

    else:

        fileutils.file_dict[username] = password

        fileutils.file_write()

        return redirect('/list/')

@app.route('/delete/')

def delete():

    username = request.args.get('username')

    fileutils.file_dict.pop(username)

    fileutils.file_write()

    return redirect('/list/')

if __name__ == "__main__":

    app.run(host = '0.0.0.0', debug = True)

# 2.工具类fileutils.py

# coding:utf-8

file_dict = {}

# file => dict

def file_read():

    with open('user.txt') as f:

        for line in f.read().split('\n'):

            if line:

                tmp = line.split(':')

                file_dict[tmp[0]] = tmp[1]

    return file_dict

# ditc => file

def file_write():

    file_arr = []

    for user,pwd in file_dict.items():

        file_arr.append('%s:%s' % (user, pwd))

    print(file_arr)

    with open('user.txt', 'w') as f:

        f.write('\n'.join(file_arr))

if __name__ == "__main__":

    print(file_read())

    file_write()

# 3.模板文件templates中的登陆、列表、增删改查页面

①用户登录页面login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>login</title>

</head>

<body>

<p style="color:red">

    {{error_msg}}

</p>

    <form action='/loginaction/' method="post">

        username: <input type="text" name="username" />

        password: <input type="text" name="password" />

        <input type="submit" value="login">

    </form>

</body>

</html>

②更新用户页面update.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>login</title>

</head>

<body>

    <form action='/updateaction/' method="post">

        username:{{user[0]}} <input type="hidden" name="username" value="{{user[0]}}" />

        password: <input type="text" name="password" value="{{user[1]}}" />

        <input type="submit" value="update">

    </form>

</body>

</html>

③添加用户页面add.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>login</title>

</head>

<body>

    <form action='/addaction/' method="post">

        username: <input type="text" name="username" />

        password: <input type="text" name="password" />

        <input type="submit" value="add">

    </form>

</body>

</html>

④列表页面list.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>login</title>

</head>

<body>

<table border="" cellpadding="" cellspacing="">

    <tr>

        <td>user</td>

        <td>pwd</td>

        <td>action</td>

    </tr>

    {% for user in userlist %}

    <tr>

        <td>{{user[0]}}</td>

        <td>{{user[1]}}</td>

        <td>

            <a href="/delete/?username={{user[0]}}">delete</a>

            <a href="/update/?username={{user[0]}}">update</a>

            <a href="/add/">add</a>

        </td>

    </tr>

    {% endfor %}

</table>

</body>

</html>

4.用户信息文件

user.txt

tom:123

jack:123

user2:000

user1:pwd1

通过flask实现web页面简单的增删改查的更多相关文章

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

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

  2. spring boot web开发 简单的增删改查和spring boot 自带的Junit测试 案例

    创建 web项目 配置pom.xml文件   ------相当于jar包 配置application.yml -----配置文件(spring数据库连接.server服务.logging日志等) 创建 ...

  3. Java web 简单的增删改查程序(超详细)

    就是简单的对数据进行增删改查.代码如下: 1.bean层:用来封装属性及其get set方法 toString方法,有参构造方法,无参构造方法等. public class Bean { privat ...

  4. MVC3.0+knockout.js+Ajax 实现简单的增删改查

    MVC3.0+knockout.js+Ajax 实现简单的增删改查 自从到北京入职以来就再也没有接触MVC,很多都已经淡忘了,最近一直在看knockout.js 和webAPI,本来打算采用MVC+k ...

  5. SpringMVC之简单的增删改查示例（SSM整合）

    本篇文章主要介绍了SpringMVC之简单的增删改查示例(SSM整合),这个例子是基于SpringMVC+Spring+Mybatis实现的.有兴趣的可以了解一下. 虽然已经在做关于SpringMVC ...

  6. salesforce 零基础学习（五十一）使用 Salesforce.com SOAP API 实现用户登录以及简单的增删改查(JAVA访问salesforce)

    此篇请参看:https://resources.docs.salesforce.com/202/latest/en-us/sfdc/pdf/salesforce_developer_environme ...

  7. 通过JDBC进行简单的增删改查

    通过JDBC进行简单的增删改查(以MySQL为例) 目录 前言:什么是JDBC 一.准备工作(一):MySQL安装配置和基础学习 二.准备工作(二):下载数据库对应的jar包并导入 三.JDBC基本操 ...

  8. 初试KONCKOUT+WEBAPI简单实现增删改查

    初试KONCKOUT+WEBAPI简单实现增删改查 前言 konckout.js本人也是刚刚接触,也是初学,本文的目的是使用ko和asp.net mvc4 webapi来实现一个简单增删改查操作.Kn ...

  9. BitAdminCore框架应用篇：（二）创建一个简单的增删改查模块

    NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/cookie ...

随机推荐

  1. 理解self与this

    刚开始学习Python的类写法的时候觉得很是麻烦,为什么定义时需要而调用时又不需要,为什么不能内部简化从而减少我们敲击键盘的次数?你看完这篇文章后就会明白所有的疑问. self代表类的实例,而非类. ...

  2. java使用google开源工具实现图片压缩【转】

    jar包名 import net.coobird.thumbnailator.Thumbnails; import net.coobird.thumbnailator.geometry.Positio ...

  3. centos nginx gerrit

    gerrit官方地址:https://www.gerritcodereview.com/ 需先安装依赖  jdk mysql 并手动创建数据库 下载好war包后,初始化操作 java -jar ger ...

  4. SQL Server2012安装流程

    今天手比较抽风,把原来的SQL Server给卸载了,卸载还卸了半天,真是…… 安装时找了好多教程,结果都不是很详细,然后准备自己摸索一下,把这个过程记录下来,供大家参考,如果有不当的地方,欢迎指正, ...

  5. CentOS7 安装 Tomcat8

    安装 Java8准备更新软件yum update 如果提示没有 wget 命令,那么必须先安装 wget 如下:yum install wget 安装Tomcat8这里采用离线解压tar.gz的方式安 ...

  6. mongoDB与mongoose

    mongodb是一个基于分布式文件存储的文档型数据库 MongoDB 是一个介于关系数据库和非关系数据库之间的产品 MongoDB 最大的特点是他支持的查询语言非常强大,而且还支持对数据建立索引 官方 ...

  7. [Android] Android 注解绑定UI View组件库 ButterKnife 的使用

    ButterKnife是一个专注于Android系统的View注入框架,以前总是要写很多findViewById来找到View对象,有了ButterKnife可以很轻松的省去这些步骤.是大神JakeW ...

  8. [C++]油田(Oil Deposits)-用DFS求连通块

    [本博文非博主原创,均摘自:刘汝佳<算法竞赛入门经典>(第2版) 6.4 图] [程序代码根据书中思路,非独立实现] 例题6-12 油田(Oil Deposits,UVa572) 输入一个 ...

  9. Python之线程 1 - 线程基本概念

    一 背景知识 1.进程 2.有了进程为什么还要线程 3.线程的出现 二 线程和进程的关系 三 线程的特点 四 线程的实际应用场景 五 内存中的线程 六 用户级线程和内核级线程(了解) 1.用户级线程 ...

  10. 利用openpyxl模块来操作Excel

    python 读写 excel 有好多选择,但是,方便操作的库不多,在我尝试了几个库之后,我觉得两个比较方便的库分别是 xlrd/xlwt.openpyxl. 之所以推荐两个库是因为这两个库分别操作的 ...