python——实际应用——完成一个网站的注册、登录的前后端页面开发
使用flask完成登录和注册前后端网页开发一、项目版本v0.0.1整体目标:搭建服务器。前端工作无。后端工作【后端开发目标】:搭建一个可以运行的服务。【后端开发步骤】:新建一个项目,命名为【项目一】在【项目一】下新建一个类型为python的文件,命名为【service】【service】文件中代码及注释如下:from flask importFlask#调用flask工具中的Flask类app=F
·
python——实际应用——使用flask完成登录和注册前后端网页开发
一、项目版本v0.0.1
整体目标:搭建服务器。
1. 前端工作
无。
2. 后端工作
(1)【后端开发目标】:搭建一个可以运行的服务。
(2)【后端开发步骤】:如下
- 新建一个项目,命名为【项目一】
- 在【项目一】下新建一个类型为python的文件,命名为【service】
- 【service】文件中代码及注释如下:
from flask import Flask #调用flask工具中的Flask类
app=Flask(__name__) #定义一个实例对象叫app,引用flask类
@app.route('/') #定义路径为/。即根目录(直接点击网址进入的界面)
def index(): #在这个路径下定义一个方法叫index
return '搭建服务测试' #调用这个方法会返回'搭建服务测试',即令页面显示这串字符
if __name__ == '__main__': #固定格式,上面放定义的函数,下面放函数的调用
app.run() #运行app
运行结果:
红框中的网址即为我们的服务器网址。
3. 测试工作
(1)【测试目标】:
(1-1)我们可以在一个安装有 python环境的机器上部署项目
(1-2)可以访问http://ip:{port}/{url},可以正常返回一个页面
(2)【测试步骤】:
(2-1)测试搭建环境
- 解压开发提交的v0.0.1版本项目
- win+R,输入cmd打开DOS窗口
- 在DOS窗口中使用cd 进入解压后项目存放路径
- 在项目所在目录输入【python 文件名.后缀】
- 回车后可以看到出现我们搭建的服务器网址,即测试目标1通过。
(2-2)测试服务器网址访问
复制网址到浏览器,发现可以正常打开,即测试目标2通过。
二、项目版本v0.0.2
整体目标:增加登录功能。
1. 前端工作
(1)【前端开发目标】: 写出登录界面的HTML网页。
(2)【前端开发步骤】:如下
- 新建一个Directory,命名为【templates】
- 在【templates】下新建一个类型为HTML的文件,命名为【login】
- 【login】文件中代码及注释如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!--这是HTML网页中的注释写法-->
<title>用户登录</title> <!--将标题定义为用户登录-->
</head>
<body>
<form> <!--建立一个表单-->
用户名:<input name=username type="text"> <!--表单第一项是用户名输入框-->
密码:<input name=password type="password"> <!--表单第二项是密码输入框-->
<button type="submit">登录</button> <!--表单第三项是登录按钮-->
</form>
</body>
</html>
2. 后端工作
(1)【后端开发目标】:定义一个会返回登录界面HTML网页的方法。
(2)【后端开发步骤】:在1的基础上加入代码及注释如下
from flask import Flask,render_template #调用flask工具中的render_template类
@app.route('/login') #定义路径为根目录/login
def login(): #在这个路径下定义一个方法叫login
return render_template("login.html") #调用这个方法会返回HTML网页【login】
运行结果:
- 打开浏览器,输入网址http://127.0.0.1:5000/ login
- 出现以下界面
3. 测试工作
(1)【测试目标】:
(1)【API测试】打开URL地址,获取返回值,登录成功,状态码为200
(2)【API测试】打开URL地址,获取返回值,登录失败,状态码为400
(3)【系统测试】输入正确的用户名和密码,登录成功
(4)【系统测试】输入错误的用户名和密码,登录失败,提示错误
(2)【测试步骤】:
(1)
- 解压开发提交的v0.0.2版本项目
- 新建一个Package,命名为【test】
- 在【test】下新建一个类型为【unit test】的文件,命名为【test_api_login】
更多推荐
已为社区贡献1条内容
所有评论(0)