基于Django3的可重用注册登录系统

新建项目:
在这里插入图片描述

第一步:搭建框架

在这里插入图片描述

创建一个名为login的app

 python manage.py startapp login

修改时区和语言:
在这里插入图片描述
启动项目:

python manage.py runserver
# pyhthon manage.py runserver 9999(指定端口)

也可以自定义修改:
在这里插入图片描述

在这里插入图片描述

成功:
在这里插入图片描述
将迁移文件写入数据库:
在这里插入图片描述
创建超级用户,方便我们后台管理:
在这里插入图片描述
下一步:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

第二步:设计数据库模型

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
下一步:

python manage.py makemigrations  #生成迁移脚本
python manage.py migrate #写入数据库并生成数据库表
pip install ipython  #安装一个友好的shell界面
python manage.py shell #进入shell

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
将之前的修改提交到git

将模型添加到后台管理
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
提交到git
在这里插入图片描述

第三步:路由与视图函数框架搭建

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行服务查看效果即可,注意新建文件后需要重启服务:

在这里插入图片描述
在这里插入图片描述

第四步:前端界面设计与优化

在这里插入图片描述
去bootstrap中文文档查看
在这里插入图片描述
复制Hello,world模版到index.html中,写上模拟首页查看效果
在这里插入图片描述
在这里插入图片描述
找到表单复制:
在这里插入图片描述
拷贝到login.html并进行修改:

在这里插入图片描述
查看效果:
在这里插入图片描述
也可以将登录按钮漂移到右边:
在这里插入图片描述
在这里插入图片描述
效果:
在这里插入图片描述

在这里插入图片描述
效果:
在这里插入图片描述
根据bootstrap的栅格系统来让其居中:
在这里插入图片描述
在这里插入图片描述
查看效果:
在这里插入图片描述

相同的,修改注册界面:

在这里插入图片描述
效果如下:
在这里插入图片描述
添加一个警告功能:
在这里插入图片描述
在这里插入图片描述
查看效果:
在这里插入图片描述
将改动添加到git:
在这里插入图片描述

到这里,前端就设置好了。

第五步:构建业务逻辑

在这里插入图片描述
这个时候进入login界面点击登录会报错
在这里插入图片描述

添加csrf_token,生成token信息
在这里插入图片描述
修改视图函数,让其打印post信息:
在这里插入图片描述

给用户名和密码添加名字,进入login界面点击登录
在这里插入图片描述
查看终端信息,可以显示输入信息,所以就可以写入逻辑了。
在这里插入图片描述
修改视图函数:
在这里插入图片描述
修改login.html
在这里插入图片描述
在这里插入图片描述

效果:
在这里插入图片描述
输入正确账号密码,跳转到index界面。
在这里插入图片描述
提交git:
在这里插入图片描述
设置session信息和登出效果:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
给主页设置导航栏,直接去bootstrap上复制修改:
在这里插入图片描述

在这里插入图片描述
效果:
在这里插入图片描述
在gitee上创建仓库,将本地仓库和远程仓库关联起来:
在这里插入图片描述
在这里插入图片描述
创建并且编辑README.md说明文件
在这里插入图片描述
继续保存到git:


在这里插入图片描述
这样就上传到gitee了:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值