一、打开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页面
登录功能到此结束