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】
更多推荐
4
0- 0
已为社区贡献1条内容
所有评论(0)