首页 > 其他 > 详细

BBS项目解析

时间:2020-01-23 11:48:58      阅读:67      评论:0      收藏:0      [点我收藏+]

数据库表同步

文件配置:

技术分享图片

连接数据库:

技术分享图片
技术分享图片

用户继承auth模块里面的auth_user 表的创建

用户表 和 个人站点表

用户表

继承auth_user表
phone
avatar
register_time

个人站点表

站点名称

站点标题

站点样式

技术分享图片

技术分享图片

配置:
技术分享图片

文章分类表(补上)、文章标签表Tag 文章表Article

文章分类表

分类名

文章标签表

标签名

文章表Article

文章标题
文章摘要
文章详情
创建日期

技术分享图片

点站点踩表:

user          一对多用户
article       一对多文章
is_up         布尔值字段

技术分享图片

文章评论表:

技术分享图片

关联表的连接关系:

技术分享图片

技术分享图片
多对多 自动创建第三张表
技术分享图片
数据库优化设计:
技术分享图片

然后执行数据库迁移,创好表

技术分享图片

注册用forms组件

业务逻辑:

注册:
技术分享图片

创建forms主键:

技术分享图片

技术分享图片

技术分享图片

使用到钩子函数:

校验局部钩子用户名是否存在
技术分享图片
ju
技术分享图片

注册页面搭建

views.py

技术分享图片

前端register.html

技术分享图片
技术分享图片
自弄一张图:
技术分享图片
技术分享图片

效果:
技术分享图片

技术分享图片

用户头像动态展示

插入图片:

技术分享图片

效果:头像不显示,因为因为遇到 Io阻塞,所以还没加载出来,所以渲染不出来,要等待加载完毕

技术分享图片

技术分享图片

技术分享图片

效果:
技术分享图片

注册功能正确业务逻辑ajax

点击按钮ajax提交按钮:

去后端进行判断用户、密码

技术分享图片

后端:

技术分享图片

技术分享图片
技术分享图片

效果:

技术分享图片

查看数据库

技术分享图片

自动多出一个文件

技术分享图片

注册功能错误完善

判断错误信息

views.py

技术分享图片

正确演示

技术分享图片

错误演示

技术分享图片

返回一个对象,各个字段所对应的信息

技术分享图片

把错误信息渲染到页面

技术分享图片

register.py

技术分享图片

效果:

技术分享图片

让框变为红色

技术分享图片
让输入时,后面爆红字体隐藏

技术分享图片

技术分享图片

登录页面搭建

urls.py

技术分享图片

views.py中定义函数

技术分享图片

用户登录页面 login.py

login.py

注意把

登陆页面

改为

登录页面

>

技术分享图片

技术分享图片

效果:

技术分享图片

完善后

技术分享图片

效果:

技术分享图片

让图片缩小

技术分享图片

效果:

技术分享图片

图片验证码相关模块介绍

然后去urls.py中 进行图片验证相关逻辑

技术分享图片

然后去views.py视图程定义

技术分享图片

views.py

技术分享图片

效果:向页面返回一个hello ,因为渲染出来的不是一张图片

技术分享图片

向页面发送:

技术分享图片

没刷新依次都会触发一个get请求

技术分享图片

步骤一:找本地图片j
技术分享图片
效果:
技术分享图片

步骤二:需要下载一个pillow相关的图片的模块

技术分享图片

技术分享图片

两种导入的用法

技术分享图片

技术分享图片

怎么用

技术分享图片

前端代码:

技术分享图片

效果:
技术分享图片

图片验证码推导

推存使用步骤三:利用 io 内存管理器临时存储产生的图片

技术分享图片

效果:

技术分享图片

优化让颜色随机变

技术分享图片

技术分享图片

推导步骤四:如何在图片上写字

技术分享图片

创一个文件夹存放图片static

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

效果:

技术分享图片

点击图片随机刷新,添加按钮

技术分享图片

技术分享图片

效果:

技术分享图片

添加ajax的语法

到后端写登录功能

技术分享图片

登录功能

就行后端功能完善 指向前端添加相应属性

技术分享图片
技术分享图片

向前端进行优化代码后

技术分享图片

技术分享图片

效果:

技术分享图片

首页搭建 home.html

urls.py

技术分享图片

技术分享图片

代码:

CV大法:拿到导航条相应框架 进行修改

技术分享图片

效果:

技术分享图片

技术分享图片

技术分享图片

效果:

技术分享图片

修改密码弹出框

技术分享图片

技术分享图片

效果:

技术分享图片

然后到 urls.py 中写

技术分享图片

配置

技术分享图片

然后朝后端发请求

技术分享图片

技术分享图片

后端

技术分享图片

技术分享图片

前端验证

技术分享图片

技术分享图片
效果:修改用户密码
技术分享图片

注销

后端代码

urls.py

技术分享图片

views.py

技术分享图片

注销

技术分享图片

效果:

技术分享图片

搭建左右两边页面

复制面板

技术分享图片

前端代码:home.html

技术分享图片

效果:

技术分享图片

页面结束

admin后台管理文章展现

添加超级用户

技术分享图片

Email address 之前有一个 Username:admin 就是说名字为admin

技术分享图片

访问创建的超级用户

技术分享图片

进入后只有一张表:

技术分享图片

添加一张表

技术分享图片

效果:

技术分享图片

点表查看

技术分享图片

可以修改个人信息

技术分享图片

添加多张表

技术分享图片

效果:

技术分享图片

把表中的S去掉、表名变成中文 去每个表中添加
技术分享图片

效果:

技术分享图片

录文本内容:

顺序

技术分享图片

技术分享图片

技术分享图片

技术分享图片

添加打印值

技术分享图片

每次修改代码后都需从新添加

技术分享图片

技术分享图片

技术分享图片
技术分享图片

绑定标签:

技术分享图片

绑定文章和标签表

技术分享图片

技术分享图片

用表和个人站点表绑定关系

技术分享图片
技术分享图片
技术分享图片

添加blank=True 后 绑定成功:

技术分享图片

当phone 添加blank=True 电话可以为空不报错 否则报错

技术分享图片
技术分享图片

BBS项目解析

原文:https://www.cnblogs.com/WQ577098649/p/12230398.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!