Django+MongoDB实现个人博客管理后台(一)

本文详细介绍了如何使用PyCharm创建Django项目,设置静态文件,配置settings.py,引入JQuery等库。接着,展示了如何实现登录注册功能,包括编写views.py中的相关函数,创建templates文件夹下的html文件,配置urls.py,以及编写js和css文件来处理表单和样式。此外,还演示了如何连接MongoDB数据库,并提供了登录注册功能的测试流程。整个过程涵盖了前端界面设计、后端逻辑处理以及数据库交互的基本步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、打开pycharm新建Django项目
在这里插入图片描述
初始目录如下:
在这里插入图片描述
启动项目之后,点击链接,如果能跳转到如下界面,则说明项目创建成功:
在这里插入图片描述
在这里插入图片描述
二、创建静态文件夹,保存静态文件
创建如下文件夹:
在这里插入图片描述
修改配置文件settings.py
1、在文件末尾添加如下内容:
在这里插入图片描述
2、在文件中找到MIDDLEWARE,注释第四行:
在这里插入图片描述

三、引入JQuery等文件
目录结构如下:
在这里插入图片描述
四、实现登录注册功能
在Blog文件夹下,新建views.py文件
在这里插入图片描述
在views.py中,编写返回登录界面的函数:
在这里插入图片描述
在templates文件夹下,新建index.html文件
在这里插入图片描述
在urls.py文件中,进行登录页面注册:
在这里插入图片描述
在index.html进行jquery等文件的引用:
在这里插入图片描述

在/static/js文件夹下面,新建site.js文件,并在index.html页面,进行引用:
在这里插入图片描述

site.js 文件内容如下:
在这里插入图片描述
在views.py中,编写生成验证码的方法:
在这里插入图片描述
在urls.py中,进行生成验证码的方法的路由注册:
在这里插入图片描述
在index.html页面中,编写登录/注册表单,代码如下:
在这里插入图片描述
在这里插入图片描述

在/static/css/和/static/js/文件夹下,分别新建index.css和index.js文件,并在index.html进行引用
在这里插入图片描述
在这里插入图片描述
index.css的代码如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
index.js的代码如下:
在这里插入图片描述
在这里插入图片描述
index.html的页面效果如下:
在这里插入图片描述
在这里插入图片描述
连接MongoDB,创建数据库基类
1、下载pymongo
在这里插入图片描述
2、在Blog文件夹下,新建Dbcomn.py文件,内容如下:
在这里插入图片描述
在这里插入图片描述

在index.js中,进行登录/注册判断:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
views.py内容如下:
在这里插入图片描述

新增admin.html页面,并进行页面路由注册
在这里插入图片描述
注册功能测试如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
登录功能测试如下:
在这里插入图片描述
在这里插入图片描述
账号、密码、验证码输入正确,则跳转到admin页面
在这里插入图片描述
登录功能到此结束

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值