简介

使用Flask, bootstrap4 和 SQLAlchemy 开发的todo webapp

源码: flask-todolist
Demo: todo.NUTURE

目录结构

TODO
│  app.py  # 后端程序
│  Dockerfile  # 使用docker可以方便地部署在服务器上
│  LICENSE
│  README.md
│  requirements.txt  # python环境依赖
│            
├─static  # 静态文件
│  ├─css
│  │      bootstrap.min.css  # 不要改动
│  │      bootstrap.min.css.map  # 不要改动
│  │      index.css  # 主页的样式
│  │      login.css  # 登录、注册、修改用户名和密码页面的样式
│  │      
│  ├─images
│  │      favicon.svg  # logo
│  │      
│  └─js
│          bootstrap.min.js  # 不要改动
│          bootstrap.min.js.map  # 不要改动
│          index.js  # 主页的功能:添加任务函数
│          jquery.slim.min.js  # 不要改动
│          login.js  # 登录页面的功能:检查输入是否合法
│          popper.min.js  # 不要改动
│          popper.min.js.map  # 不要改动
│          register.js  # 类似 login.js
│          setting_name.js  # 类似 login.js
│          setting_password.js  # 类似 login.js
│          
└─templates
       404.html
       base.html  #  基础模板,其它页面均以此为基础
       index.html
       login.html
       register.html
       setting_name.html
       setting_password.html

功能流程

主页

输入网址
发送GET请求
后端判断是否登录
跳转登录页面
读取该用户的待办并返回主页

登录

登录页面
登录按钮
前端js文件检查输入是否合法
拒绝POST
发送POST请求
后端程序判断密码是否正确
返回主页

注册、修改用户名和密码页面类似


查看本文的最新版本请访问
Flask项目–todolist说明书

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐