一、打开pycharm新建Django项目

django 和python对应版本 django pymongo_html


初始目录如下:

django 和python对应版本 django pymongo_django_02


启动项目之后,点击链接,如果能跳转到如下界面,则说明项目创建成功:

django 和python对应版本 django pymongo_django 和python对应版本_03


django 和python对应版本 django pymongo_django 和python对应版本_04


二、创建静态文件夹,保存静态文件

创建如下文件夹:

django 和python对应版本 django pymongo_django_05


修改配置文件settings.py

1、在文件末尾添加如下内容:

django 和python对应版本 django pymongo_python_06


2、在文件中找到MIDDLEWARE,注释第四行:

django 和python对应版本 django pymongo_django_07

三、引入JQuery等文件

目录结构如下:

django 和python对应版本 django pymongo_html_08


四、实现登录注册功能

在Blog文件夹下,新建views.py文件

django 和python对应版本 django pymongo_html_09


在views.py中,编写返回登录界面的函数:

django 和python对应版本 django pymongo_html_10


在templates文件夹下,新建index.html文件

django 和python对应版本 django pymongo_python_11


在urls.py文件中,进行登录页面注册:

django 和python对应版本 django pymongo_django 和python对应版本_12


在index.html进行jquery等文件的引用:

django 和python对应版本 django pymongo_django_13

在/static/js文件夹下面,新建site.js文件,并在index.html页面,进行引用:

django 和python对应版本 django pymongo_html_14

site.js 文件内容如下:

django 和python对应版本 django pymongo_mongodb_15


在views.py中,编写生成验证码的方法:

django 和python对应版本 django pymongo_django 和python对应版本_16


在urls.py中,进行生成验证码的方法的路由注册:

django 和python对应版本 django pymongo_django_17


在index.html页面中,编写登录/注册表单,代码如下:

django 和python对应版本 django pymongo_html_18


django 和python对应版本 django pymongo_python_19

在/static/css/和/static/js/文件夹下,分别新建index.css和index.js文件,并在index.html进行引用

django 和python对应版本 django pymongo_django_20


django 和python对应版本 django pymongo_mongodb_21


index.css的代码如下:

django 和python对应版本 django pymongo_python_22


django 和python对应版本 django pymongo_django_23


django 和python对应版本 django pymongo_python_24


django 和python对应版本 django pymongo_django_25


index.js的代码如下:

django 和python对应版本 django pymongo_python_26


django 和python对应版本 django pymongo_mongodb_27


index.html的页面效果如下:

django 和python对应版本 django pymongo_python_28


django 和python对应版本 django pymongo_django_29


连接MongoDB,创建数据库基类

1、下载pymongo

django 和python对应版本 django pymongo_django 和python对应版本_30


2、在Blog文件夹下,新建Dbcomn.py文件,内容如下:

django 和python对应版本 django pymongo_mongodb_31


django 和python对应版本 django pymongo_html_32

在index.js中,进行登录/注册判断:

django 和python对应版本 django pymongo_mongodb_33


django 和python对应版本 django pymongo_python_34


django 和python对应版本 django pymongo_html_35


views.py内容如下:

django 和python对应版本 django pymongo_html_36

新增admin.html页面,并进行页面路由注册

django 和python对应版本 django pymongo_mongodb_37


注册功能测试如下:

django 和python对应版本 django pymongo_html_38


django 和python对应版本 django pymongo_django_39


django 和python对应版本 django pymongo_django_40


django 和python对应版本 django pymongo_python_41


登录功能测试如下:

django 和python对应版本 django pymongo_html_42


django 和python对应版本 django pymongo_django 和python对应版本_43


账号、密码、验证码输入正确,则跳转到admin页面

django 和python对应版本 django pymongo_django_44


登录功能到此结束