【python项目】用户登录注册系统（中）——创建数据库和添加后台管理

已于 2022-07-19 10:03:34 修改
阅读量1.5k 收藏 19
点赞数 2
分类专栏： python项目 文章标签： 服务器 前端 linux django
于 2022-07-18 20:45:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48819467/article/details/125767481
版权

创建数据库和添加后台管理

一、路由和视图函数框架

URL视图函数view模板功能
/index/login.views.indexindex.html首页
/login/login.views.loginlogin.html登录页面
/register/login.views.registerregister.html注册界面
/logout/login.views.logout无需返还界面登出界面

访问策略
未登录人员：无论是访问index还是login或者logout，全部跳转到login、界面
已经登录人员：访问login界面会自动跳转到index界面
已经登录人员：不允许直接访问register页面，需要先logout
登出后，自动跳转到login界面

二、设置路由

(1)、设置主路由

在这里插入图片描述
此时没有导入include函数，使用alt加enter点击include函数
在这里插入图片描述
回车选择这个
在这里插入图片描述
然后就导入了函数
在这里插入图片描述

(2)、设置子路由

新建login子app下urls文件，对应主路由写的地址。
对应框架内容，设置不同访问地址对应的视图函数
(这里的views也要像上一部一样记得导入)
在这里插入图片描述

(2)、建立html文件

建立子路由配置设置的html文件,在主app里面的模板里面建立login目录，再建立对应的html文件
主页
在这里插入图片描述

登录界面
在这里插入图片描述

注册界面
在这里插入图片描述

(3)、查看目前的效果

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
查看功能实现后上传代码
在这里插入图片描述

(4)、git补充知识

补充一点
在这里插入图片描述
在这里插入图片描述

三、装饰html模板

(1)、bootstrap模板

bootstrap是html中的一个模板，可以帮助工作人员更好的开发HTML语言，可以访问以下网址，得到模板。

https://getbootstrap.com/docs/5.2/getting-started/introduction/

在这里插入图片描述

(2)、复制模板，修改首页

1、拷贝初始模板

拷贝修改后得到的首页界面
在这里插入图片描述

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  </head>
  <body>
    <h1>首页模拟界面</h1>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  </body>
</html>

2、添加导航栏
复制bootstrap模板
在这里插入图片描述
展示部分代码，提供思路
在这里插入图片描述
效果
在这里插入图片描述

(3)、复制模板，修改登录界面

1、复制初始模板
因为这个涉及到表单，所以我们可以复制模板表单的样式，插入到初始模板里面。

在这里插入图片描述

之前的初始模板模板

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户登陆</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  </head>
  <body>
    <h1>用户登录</h1>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  </body>
</html>

添加后，修改后的的模板

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户登陆</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  </head>
  <body>
    <h1>用户登录</h1>

    <form class="row g-3">
  <div class="col-auto">
    <label for="inputPassword2" class="visually-hidden">用户名</label>
    <input type="password" class="form-control" id="inputPassword2" placeholder="用户名">
  </div>
  <div class="col-auto">
    <label for="inputPassword2" class="visually-hidden">密码</label>
    <input type="password" class="form-control" id="inputPassword2" placeholder="密码必须是数字和符号组成">
  </div>
  <div class="col-auto">
    <button type="submit" class="btn btn-primary mb-3">登录</button>
  </div>
</form>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  </body>
</html>

目前的样式
在这里插入图片描述
2、添加连接
没有新用户注册，添加一个链接，可以连接到注册网页
在这里插入图片描述
效果
在这里插入图片描述
3、利用模板的网格功能，将其居中

利用模板的网格系统，将其分为两行三列，一三列为空，这样就可以居中了

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户登陆</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  </head>
  <body>

  <div class="container">
    <div class="row">
        <div class="col">
        </div>
        <div class="col">
                <h1>用户登录</h1>
        </div>
        <div class="col">
        </div>
    <div class="row">
        <div class="col">
        </div>
        <div class="col">
                <form class="row g-3">
                  <div class="col-auto">
                    <label for="inputPassword2" class="visually-hidden">用户名</label>
                    <input type="password" class="form-control" id="inputPassword2" placeholder="用户名">
                  </div>
                  <div class="col-auto">
                    <label for="inputPassword2" class="visually-hidden">密码</label>
                    <input type="password" class="form-control" id="inputPassword2" placeholder="密码必须是数字和符号组成">
                  </div>
                  <div class="col-auto">
                    <a href="/register/" button type="submit" class="btn btn-primary mb-3">新用户注册</a>
                    <button type="submit" class="btn btn-primary mb-3">登录</button>
                  </div>
                </form>
        </div>
        <div class="col">
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  </body>
</html>

在这里插入图片描述
效果
在这里插入图片描述
4、利用模板，添加账户密码错误警告
在这里插入图片描述
效果
在这里插入图片描述
5、设置请求方式
当用户点击登录按钮时，执行的操作是以post方法访问/login路由
在这里插入图片描述
6、添加csrf防止黑客攻击
在这里插入图片描述
此时任意输入账户密码，显示为post请求
在这里插入图片描述

7、设置输出的信息在这里插入图片描述
设置好后端后，登录网页任意输出密码和账户，可以获取网页输入的账户和密码

在这里插入图片描述

(4)、复制模板，修改注册界面

与上述方法相同

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户注册</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
</head>
<body>

<div class="container">
        <div class="row">
            <div class="col">
            </div>
            <div class="col">
                <h1>用户注册</h1>
            </div>
            <div class="col">
            </div>
        </div>
        <div class="row">
            <div class="col">
            </div>
            <div class="col">
                <form class="row g-3">
                    <div class="col-auto">
                        <label for="inputPassword2" class="visually-hidden">用户名</label>
                        <input type="text" class="form-control" id="inputPassword2" placeholder="用户名">
                    </div>
                    <div class="col-auto">
                        <label for="inputPassword2" class="visually-hidden">电子邮箱</label>
                        <input type="email" class="form-control" id="inputPassword2" placeholder="电子邮箱">
                    </div>
                    <div class="col-auto">
                        <label for="inputPassword2" class="visually-hidden">密码</label>
                        <input type="password" class="form-control" id="inputPassword2" placeholder="密码">
                    </div>
                    <div class="col-auto">
                        <label for="inputPassword2" class="visually-hidden">确认密码</label>
                        <input type="password" class="form-control" id="inputPassword2" placeholder="确认密码">
                    </div>
                    <div class="col-auto">
                        <a href="/login/"  type="submit" class="btn btn-primary mb-3">
                            用户登录
                        </a>
                        <button  class="btn btn-primary mb-3">注册</button>
                    </div>
                </form>
            </div>
            <div class="col">
            </div>
        </div>
</div>


        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
                integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
                crossorigin="anonymous"></script>
</body>

效果如下
在这里插入图片描述

(5)、git上传

在这里插入图片描述

四、视图函数处理

1、设置函数
获取账户和密码，并对密码和账户进行验证
在这里插入图片描述
这里可以在登录的html页面的警告窗口，返还报错的信息
在这里插入图片描述
任意输入的账户和密码效果如下
返还的是我们设定的账户和密码不匹配的信息
在这里插入图片描述
成功输入密码则跳转到首页
2、存储session信息
登录成功，相当于把cookie信息存储起来。
在这里插入图片描述
登出则清空session信息在这里插入图片描述
这里的话需要完善一下首页的html文件，设置登出按钮
在这里插入图片描述

五、gitee远程仓库

(1)、上传

git是国外的网站，网速较慢。gitee是国内的github，我们可以选用gitee作为国内的网站。
注册一个账户，注册地址
https://gitee.com/signup
新建一个仓库
在这里插入图片描述
填写内容进行创建
在这里插入图片描述
复制链接
在这里插入图片描述
然后再python上设置于远程终端的关联
在这里插入图片描述
创建readme文档
在这里插入图片描述
可以找到查看到自己安装的库
在这里插入图片描述
生成当前的所需要的环境插件
在这里插入图片描述
然后补上内容即可

# 项目介绍

# 软件架构

# 安装教程（基于互联网）
''' bash
git clone xxx
pip -r install requirements.txt
cd xxx
python manage.py makemigrations
python manage.py migrate
python manage.py createsuperuser
python manage.py runserver
'''
浏览器访问网址：http://127.0.0.1:8000/

## 使用说明
可以运行多个平台


#个人贡献
xxxx

然后提交，上传到gitee即可

git add *
git commit -m "添加README.md和requiremengts文件"

输入自己的账户（注意是邮箱）和密码即可
在这里插入图片描述
可以在我们的gitee看到上传的文件
在这里插入图片描述

(2)、版本回滚

如果想看自己的以前的版本，可以新建一个分支在里面看以前的版本，主master不会动。
建立新分支
在这里插入图片描述
切换到了新分支
在这里插入图片描述
查看历史
在这里插入图片描述
然后就在新分支里面看到了之前的版本
在这里插入图片描述
后面切换为主分支继续书写即可

运维技术－陈工
关注
  • 2
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python简单实现一个可以注册、登录、登出的系统
05-15
设计一个拥有注册、登录、退出功能的小程序。 一、接口提供方 （1）使用面向对象思想，将方法封装到某个类中。 （2）创建一个独立的包、模块存放这个类。 （3）提供注册功能：需要输入“手机号码”、“密码”、“确认密码”三个信息。注册完成后提示注册的手机号码。限制手机号码长度11位，不满足则抛出异常给调用方；密码、确认密码长度为6位，不符合则抛出异常给调用方；密码、确认密码不相同，也抛出异常给调用方。 （4）注册信息保存到本地一个文件中。 （5）提供登录功能：登录成功后，提示欢迎登录；账号不存在时、账号或者密码不正确时，抛出异常。 （6）提供退出功能：需要输入用户名，打印xxx退出登录。 （7）自定义多个异常类并继承Exception。以满足上面的不同情况。 二、接口调用方： 调用方是程序入口，它是独立的python文件。主要功能为： （1）显示欢迎提示：程序运行起来，打印欢迎信息，并打印功能菜单，并提示用户进行的输入选择。输入1执行注册、输入2执行登录、输入3执行退出登录、其他无效输入。 （2）主程序一直在循环运行，等待用户输入。
python怎么编写一个登录界面,python做用户登录界面
w666666Wwwwwww的博客
12-29 1411
-设背景颜色为eee,设p2字体大小为15px,设p1字体大小为25px-->然后直接使用和就可以了。
Python-实现本地服务和远程服务映射
Y_warmth
12-16 432
本地服务与远程服务实现映射关系
python实现登录(数据库存储用户资料)
hbqjzx的专栏
11-09 1817
python实现登录(数据库存储用户资料) 要实现数据库存储用户资料，首先要建立一个数据库文件，并建立对应的表来存储对应的用户资料 我们先建立一个简单的数据库，里面只存储了用户的用户名和密码。 我们用python里自带的sqlite3来建立一个数据库 新建一个python文件:create_sql.py 代码:---------------------------------------------------------------- 1 2 3 4 5
Pyton学生信息管理系统的设计与实现 计算机毕设源码95780
weixin1_ZYKJ985的博客
10-12 765
本系统以实际运用为开发背景，通过系统管理员可以对所有的学生和教师等人员以及学生相关联的一些课程、成绩等数据信息进行统一的管理，方便资料的保留。教师和学生可以通过注册，然后登录到系统当中，对课程、选课、奖惩以及通知公告这些信息进行查询管理。总的来说，系统的前台是通过Python页面展示，后台使用django这个框架，数据库采用目前流行的开源关系型数据库MYSQL。这一系统在前台的技术使用上，使用了目前流行的vue.js，让页面展现得更加的整齐漂亮......
用Python实现户注册信息管理系统
m0_66451647的博客
05-19 2349
系统功能预览 用户注册信息管理系统包括主界面菜单、显示全部已注册用户、查看/修改/删除用户信息、添加新用户、保存用户数据、退出系统等主要功能。 主界面菜单 用户注册信息管理系统程序启动时,首先显示主界面,如下所示。 用户注册信息管理系统 1．显示全部已注册用户 2．查找/修改/删除用户信息 3．添加新用户 4．保存用户数据 5．退出系统 请输入序号选择对应菜单: 在主界面中,输入相应的序号选择对应菜单,执行相应操作。主界面菜单在每执行完一项操作后,会循环显示,直到选择退出系统。 在了
python 用户信息管理系统【各个函数剖析 + 完整代码 零基础适用篇】
weixin_52212950的博客
04-10 7741
这个用户管理系统小白也能轻松掌握，只用了函数，用户信息只有两个：姓名（账号）和密码，采用字典存放数据，字典的键即为姓名，值为密码，功能分为两大部分，第一部分为用户的登录和注册，第二部分为管理员对信息的增删查改操作，以下为文章目录： 文章目录： 主选择界面： 主界面效果： 可以输入 1 或 2 来选择你想要登录注册还是管理员管理 主界面函数：choose0() def choose0(): print('-------- 图书馆借阅管理系统 --------...
【python项目】用户登录注册系统（上）——创建数据库和添加后台管理
weixin_48819467的博客
07-13 1669
建立项目(虚拟化项目) 创建login子项目 得到创建的子项目 在主文件里面设置语言、时区 运行 访问端口可以查看 执行数据库脚本和数据库迁移，生成数据库表格 这下能够访问后台管理 这里需要下载git，并且pycharm配置git环境。 安装一个ignore插件，可以选择提交的代码（记得重启pycharm） 选择性上传py文件，其他类如缓存等文件不上传 上传py文件到暂存区 取名 可以查看到git区域的内容 在子app模块里面的models模块定义数据库的类型 (2)、添加进dj
基于Python的一个简单用户登录实现
2301_77710891的博客
10-04 653
此代码简单实现了用户登录，修改密码功能。
小程序基本命令
aiven1637的博客
10-30 3211
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
python实现连接数据库账号注册和登录
12-27
此代码用python实现了连接本地数据库，然后实现注册和登录，在存储密码时使用了哈希值存储。
基于python框架django实现的个人博客管理系统包含前端+后台
06-29
基于python框架django实现的个人博客管理系统包含前端+后台 运行环境 django1.10+python3+sublime text3+Navicat Premium+cmd命令 项目技术 django+python+sql+cmd+html+css+jquery 使用分页插件，jquery实现万年历...
基于 Koa 以及 VueJS 的学生宿舍管理系统，含数据库文件
12-28
前端： Vue 作为基础框架 vue-router 控制路由...koa-jwt —— JWT 登录校验 koa-body —— http body 数据处理 koa-compress —— Gzip 压缩 koa-cors —— CORS 解决跨域问题 sequelize —— ORM 数据库： MySQL
基于Django3.2.7+Vue2+ElementUI的相对比较自动化生成的后台管理系统
11-20
借助SimpleUI开源项目对Django原生的Admin后台管理页面进行了二次开发和优化改进而生成的比较现代化的后台管理系统。 功能： 设备管理（服务器管理，路由器管理） 服务管理 （SSH服务，数据库管理，宝塔管理，ES...
Python从点滴开始——官网博客项目从0开始改造（二）.zip
03-16
在（一）的基础上增加以下代码： 1.创建数据库模型 2.用Admin管理后台管理数据 3.使用富文本编辑器添加数据 4.URL与视图函数 5.django模板 6.简单显示数据查询
华纳云：服务器DDoS攻击有哪些类型?
最新发布
YOKEhn的博客
04-30 218
DNS Amplification 攻击是利用 DNS(域名系统)服务器的开放递归解析功能，向大量的开放 DNS 服务器发送 DNS 查询请求，伪造源 IP 地址为目标服务器的 IP 地址，使得大量的响应数据被发送到目标服务器，从而使目标服务器消耗大量的带宽和资源。类似于 DNS Amplification 攻击，NTP Amplification 攻击利用网络时间协议(NTP)服务器的开放性，向 NTP 服务器发送大量的查询请求，并将响应数据发送到目标服务器，以消耗目标服务器的带宽和资源。
服务器硬件：裸金属安装 VMware ESXi
山河已无恙
04-27 363
工作中遇到，简单整理博文内容涉及 裸金属安装VMware ESXi 基本步骤理解不足小伙伴帮忙指正不必太纠结于当下，也不必太忧虑未来，当你经历过一些事情的时候，眼前的风景已经和从前不一样了。——村上春树。
【大模型应用】Ollama本地大模型服务器及其C#客户端测试
cxyhjl的博客
04-27 238
前言在工业领域，本地开源大模型的潜在应用场景非常多样，一些不那么显而易见的可能包括：智能柔性装配：大模型可以应用于生产线的智能化改造，通过理解和生成工业执行指令，实现柔性化的装配和生产。工业企业智能中台：大模型可以作为企业智能中台的核心，整合分散的数据，提供辅助决策和运筹规划，从而提高整体运营效率。质量检测与安全监测：结合视觉传感技术，大模型可以对指定区域或人员进行实时监测，快速发现异常信息，降低...
python创建数据库管理系统
11-18
Python是一种功能强大的编程语言，可以用来创建数据库管理系统。创建数据库管理系统需要使用Python的数据库模块来连接数据库和执行SQL语句。首先，我们需要选择一个合适的数据库，比如SQLite、MySQL或者PostgreSQL等，然后使用Python的对应数据库模块来连接数据库。 在连接数据库之后，我们可以使用Python来创建数据库表格、插入数据、更新数据、删除数据等操作。可以使用Python的SQLAlchemy库来更方便地操作数据库。 另外，Python还有一些优秀的库和框架可以用来创建数据库管理系统的用户界面，比如Django、Flask等。这些框架可以帮助我们快速搭建一个完整的数据库管理系统，并且提供用户友好的界面供用户进行数据库操作。 同时，Python还可以集成其他工具和技术来提升数据库管理系统的功能，比如使用Python的pandas库来进行数据分析和处理，使用Python的matplotlib库来绘制数据可视化图表等。 总之，Python是一个非常适合创建数据库管理系统的语言，它提供了丰富的数据库操作库和强大的数据处理能力，同时也可以快速构建用户友好的数据库管理系统界面。因此，利用Python来创建数据库管理系统是一个非常不错的选择。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值