python——实际应用——完成一个网站的注册、登录的前后端页面开发

最新推荐文章于 2023-09-23 23:39:19 发布
最新推荐文章于 2023-09-23 23:39:19 发布
阅读量2.8k 收藏 39
点赞数 4
分类专栏： Python 文章标签： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56039103/article/details/116164583
版权

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】
叶不修233
关注
  • 4
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
python 实现一个可以注册、登录、登出的系统
04-22
设计一个拥有注册、登录、退出功能的小程序。 一、接口提供方 （1）使用面向对象思想，将方法封装到某个类中。 （2）创建一个独立的包、模块存放这个类。 （3）提供注册功能：需要输入“手机号码”、“密码”、“确认密码”三个信息。注册完成后提示注册的手机号码。限制手机号码长度11位，不满足则抛出异常给调用方；密码、确认密码长度为6位，不符合则抛出异常给调用方；密码、确认密码不相同，也抛出异常给调用方。 （4）注册信息保存到本地一个文件中。 （5）提供登录功能：登录成功后，提示欢迎登录；账号不存在时、账号或者密码不正确时，抛出异常。 （6）提供退出功能：需要输入用户名，打印xxx退出登录。 （7）自定义多个异常类并继承Exception。以满足上面的不同情况。 二、接口调用方： 调用方是程序入口，它是独立的python文件。主要功能为： （1）显示欢迎提示：程序运行起来，打印欢迎信息，并打印功能菜单，并提示用户进行的输入选择。输入1执行注册、输入2执行登录、输入3执行退出登录、其他无效输入。 （2）主程序一直在循环运行，等待用户输入。
使用flask做一个简洁的登录注册页面
m0_73421142的博客
05-21 2508
使用python的轻量化web框架flask编写一个简单的登录注册页面
基于Python+django实现的某大学网站登录系统
毕业作品网站
06-09 1027
（选题原因和目的，5 分） 在本学期的学习过程中，先后学习了 python 的基本语句、函数、模块、类以及异常，对 python 语言有了一个初步的了解，并对面向对象编程有了一个整体的认识。在这里，我们利用课堂上所学习的 python 知识，编写一个类似于川大本科生登录系统的网站。在登录进入系统后，可以查看校园新闻信息，以及快速进入四川大学各个子网站。Django 是高水准的 Python 编程语言驱动的一个开源模型．视图，控制器风格的 Web 应用程序框架，它起源于开源社区。使用这种架构，程序员可以方便、
python 需要登录的网站-python实现自动登录需要用户名和密码的网站
weixin_39988677的博客
11-11 1743
如果想用浏览器自动打开的话，可以尝试一下楼上兄台的建议：Selenium是基于webdriver的著名自动化测试工具，可以轻松搞定楼主的问题。比如我下面这段给出的example，可以完成你的需求，模拟登录人人# -*- coding:utf-8 -*-from selenium import webdriverfrom selenium.webdriver.support.wait import ...
(一) python+Django实现登录页面
fun_sn的博客
01-14 6797
最近因为工作需要，开始捣鼓web框架！ 接下来就带大家做一个小项目，方便企业内部数据统计，调查问卷！ 一． 操作页 二．数据填写页 三．查询页 首先我们可以找一个自己喜欢的登录页模板，不怕麻烦的话也可以自己写，我套用的是Bootstrap其中的一个登录模板。有需要可以自己去看一下！ Bootstrap模板 模板有了，下面开始创建一个Django项目，有条件的使用的是专业版可以在直接New Project新建一个。 是社区版的就老老实实在命令行执行命令吧，命令如下: 创建一个项目 djang
【python项目】用户登录注册系统（上）——创建数据库和添加后台管理
weixin_48819467的博客
07-13 1642
建立项目(虚拟化项目) 创建login子项目 得到创建的子项目 在主文件里面设置语言、时区 运行 访问端口可以查看 执行数据库脚本和数据库迁移，生成数据库表格 这下能够访问后台管理 这里需要下载git，并且pycharm配置git环境。 安装一个ignore插件，可以选择提交的代码（记得重启pycharm） 选择性上传py文件，其他类如缓存等文件不上传 上传py文件到暂存区 取名 可以查看到git区域的内容 在子app模块里面的models模块定义数据库的类型 (2)、添加进dj
python线上商城网站项目前台和后台源码
叶绿体不忘呼吸
03-06 1306
例如，“图书—>管理”和“图书—>小说”中，图书就是大分类，管理和小说都是该大分类下的小分类。选择商品时，可以将鼠标悬浮到商品图片处，此时会在图片右下角显示一个购物车按钮，如图4所示，单击购物车按钮，将商品加入购物车，如图6所示。在商品详情页，可以更改商品数量（默认为1），然后单击“添加到购物车”按钮，即可进入购物车页面，如图6所示。另外，还有一种添加商品到购物车的方法，即可以单击商品图片，进入到商品详情页，如图5所示。然后，在添加商品表单的“图片文件”处填写图片的名称，如图16所示。
《c++高级编程》第一章
Quellaaa的博客
09-08 279
今天看了《c++高级编程》第一章，本章主要内容就是介绍c++一些基本语法，最后以一个“员工记录系统”引用收尾，本篇文章就是想说说“员工记录系统”。 学会分解需求 当我看到这个名字，“员工记录系统”，获知其几个需求：新增员工、解雇员工、提高工资、展示全部在职员工和非在职员工，立马就想着如何实现了。 这个思考方式太过激进了，需要改进。 当我们看到任何一个需求，尽管再简单，也要对其进行分解：1）员工新增和减少 2）工资提高 3）全部员工信息需要展示，所以需要保存 由此可见，员工是个对象，存储系统也是个对
学生简易管理系统（部分仅供参考）
Tdyang111的博客
10-19 347
def main(): # 读主页的页面内容 page = read_txt_file('files/homePage') while True: # 欢迎页面 print(page) # 选择提示 value = input('请输入(1-3):') # 根据选择完成不同的功能 if value == '1': # print('登录')
python毕业设计教程-基于Python+Django+Vue的高校成绩分析管理系统的设计与实现 学生考试成绩管理系统
最新发布
qq_1445749146的博客
09-23 916
随着高等教育的普及和发展，高校面临着越来越多的管理挑战，其中之一便是学生成绩管理。学生成绩是高校教育的核心指标之一，不仅直接关系到学生的学业发展，还与教育质量和学校声誉息息相关。然而，随着学生数量的增加和课程的多样化，传统的成绩管理方式已经无法满足现代高校的需求。因此，我们有幸推出了基于Python和Django的高校成绩分析管理系统，旨在帮助高校更有效地管理和分析学生成绩，提高教育质量，为学生提供更好的学习体验。本系统的设计初衷是为高校提供一种全面、可定制和易于使用的学生成绩管理解决方案。
Python——dat文件批量合并为同一个csv文件
01-14
Python——dat文件批量合并为同一个csv文件，含代码与demo数据，可直接运行。 目的：将文件夹ZW下的所有dat文件（含子文件夹）合并，并保存到results.csv中，便于后续使用excel进行处理与分析。
Pyspider框架——Python爬虫实战之爬取V2EX网站帖子
02-20
PySpider：一个国人编写的强大的网络爬虫系统并带有强大的WebUI。采用Python语言编写，分布式架构，支持多种数据库后端，强大的WebUI支持脚本编辑器，任务监视器，项目管理器以及结果查看器。在线示例：...
Python小游戏大全——40个
05-14
Python小游戏大全——40个，快来下载吧！ Python小游戏大全——40个，快来下载吧！ Python小游戏大全——40个，快来下载吧！ Python小游戏大全——40个，快来下载吧！ ...
【完全免费】登录界面 —— Python Tkinter 模块实战（一）
05-28
文件为zip压缩格式，为打包的文件夹，包含了关于 Python Tkinter 模块实战（一）的所有内容，包括源代码（含详细注解），资源文件，甚至还有已经为您打包好的exe可执行文件，避免某些朋友不方便或不好下载某些模块！...
python项目——智慧校园考试系统.zip
04-15
python项目——智慧校园考试系统.zip python项目——智慧校园考试系统.zip python项目——智慧校园考试系统.zip python项目——智慧校园考试系统.zip python项目——智慧校园考试系统.zip python项目——智慧校园...
错误解决——使用unittest完成悟空项目【添加日志】+【删除日志】测试，运行结果{‘code‘: 500, ‘msg‘: ‘服务器响应异常‘}、{‘code‘: 500, ‘msg‘: ‘没有权限
热门推荐
weixin_56039103的博客
04-23 1万+
错误解决办法 （1）添加日志 错误版添加日志代码如下： import unittest import requests class TestCase(unittest.TestCase): @classmethod def setUpClass(cls) -> None: cls.HOST="http://192.168.10.188:8080" cls.COOKIES = {"Admin-Token":"3cb887575a194a7bb202
python——CSV文件的读取，写入和追加
weixin_56039103的博客
04-18 4431
python——CSV文件的读取，写入和追加 1.CSV文件的读取： 例： import csv #导入CSV文件（CSV文件和PY文件必须在同一个包下） def read_csv(path): #定义一个叫read_csv的函数，这个函数的内容是： file=open(path,'r',encoding='utf-8') #打开文件（路径，模式=“r”（即read），编码=“utf-8
python——冒泡算法
weixin_56039103的博客
04-15 1106
python——冒泡算法 1.定义： 实际上就是：对列表里的数字进行排序 2.举例： （1）使用关键字排序 升序格式：列表.sort() slist2 = [7,-9,11, -8, 98,35,17,63,29,10] slist2.sort() print(slist2) #运行结果：[-9, -8, 7, 10, 11, 17, 29, 35, 63, 98] （2）使用关键字排序 降序格式：列表.sort(reverse=True) slist2 = [7,-9,11, -8,
用python写一个前后端分离的登录页面
09-07
### 回答1： 好的，我来为你讲解如何用 Python 写一个前后端分离的登录页面。 首先，需要明确的是，在前后端分离的应用中，前端负责处理用户界面相关的事情，后端负责处理业务逻辑相关的事情。 具体来说，前端需要负责创建登录表单，并将用户的登录信息发送到后端。后端则需要负责接收前端发送的登录信息，并验证用户的身份。 下面是一个简单的例子，展示了如何用 Python 的 Flask 框架来创建一个前后端分离的登录页面。 首先，安装 Flask 框架： ``` pip install flask ``` 然后，创建一个名为 `app.py` 的文件，并在其中编写以下代码： ```python from flask import Flask, request, jsonify app = Flask(__name__) # 定义一个路由，处理前端发送的登录请求 @app.route('/login', methods=['POST']) def login(): # 从请求中获取登录信息 username = request.form.get('username') password = request.form.get('password') # 验证用户的身份 if username == 'admin' and password == '123456': return jsonify({'status': 'success'}) else: return jsonify({'status': 'fail'}) if __name__ == '__main__': app.run() ``` 上面的代码中，我们定义了一个路由 `/login`，用于处理前端发送的登 ### 回答2： 要用Python编写一个前后端分离的登录页面，需要通过前端页面收集用户的登录信息，并将其发送到后端服务器进行验证。以下是一个简单的示例： 后端代码（使用Flask框架）： ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/login', methods=['POST']) def login(): username = request.json.get('username') password = request.json.get('password') # 在这里进行用户名密码的验证逻辑 if username == 'admin' and password == 'password': return jsonify({'message': '登录成功'}) else: return jsonify({'message': '用户名或密码错误'}) if __name__ == '__main__': app.run() ``` 前端代码（使用HTML和JavaScript）： ```html <!DOCTYPE html> <html> <head> <title>登录页面</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <h1>登录页面</h1> <form id="login-form"> <label for="username">用户名:</label> <input type="text" id="username" name="username"><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br> <button type="submit">登录</button> </form> <div id="message"></div> <script> $('#login-form').on('submit', function(e) { e.preventDefault(); // 阻止表单默认提交行为 var username = $('#username').val(); var password = $('#password').val(); $.ajax({ url: 'http://localhost:5000/login', method: 'POST', data: JSON.stringify({username: username, password: password}), contentType: 'application/json', success: function(res) { $('#message').text(res.message); } }); }); </script> </body> </html> ``` 运行以上代码后，打开浏览器访问前端页面（http://localhost:5000），输入用户名和密码，点击登录按钮，前端页面会发送登录信息到后端服务器进行验证，并将验证结果显示在页面上。根据后端代码中的逻辑，如果用户名为`admin`且密码为`password`，则会显示`登录成功`，否则显示`用户名或密码错误`。根据实际需求，可以在后端代码中添加更复杂的验证逻辑。这只是一个简单的示例，实际的应用中可能需要更多的功能和安全性措施。 ### 回答3： 要实现一个前后端分离的登录页面，需要使用Python编写后端接口，并使用前端技术实现页面的交互和展示。 首先，我们可以使用Python的Flask框架来搭建后端接口。在后端代码中，我们需要定义一个/login的路由，用于接收前端发送的登录请求。在该路由中，我们可以验证用户输入的账号和密码是否正确，并根据验证结果返回相应的响应信息。可以使用数据库存储用户信息，如MySQL或MongoDB，或者使用其它持久化方式。 在前端代码中，我们可以使用HTML、CSS和JavaScript等技术来实现页面的布局和交互。首先，我们可以创建一个登录表单，包括输入账号和密码的输入框，以及提交按钮。在用户点击提交按钮后，使用JavaScript可以获取用户输入的账号和密码，并将其发送给后端接口。根据后端接口的响应结果，前端可以根据成功或失败的不同进行相应的操作，如跳转到主页或显示登录失败的提示信息。 为了实现前后端之间的数据传输，我们可以使用AJAX技术。在前端代码中，可以使用XMLHttpRequest或fetch等工具库来发送异步请求，并获取后端接口的响应结果。在成功获取响应结果后，前端可以解析后端返回的数据，并根据需要进行相应的操作。 总结来说，实现前后端分离的登录页面，需要使用Python编写后端接口，并使用HTML、CSS和JavaScript等前端技术来实现页面的布局、交互和数据传输。前后端通过异步请求和响应来实现数据的交互，并进行相应的处理和展示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值