Django2.0在线教育网站开发(二)user应用view完善

本篇笔记记录站首页显示,发送接收验证码,用户注册,登录,密码找回,修改密码等问题

一、网站前端页面配置

  • 1.进入templates文件夹下放置网站前端首页和登陆HTML页面,如下图所示。
    Django2.0在线教育网站开发(二)user应用view完善_第1张图片
    2.1.png
  • 2.新建静态文件夹static,把前端静态文件夹css,img,images,js,media等文件导入static文件夹中
    Django2.0在线教育网站开发(二)user应用view完善_第2张图片
    2.2.png

    -3.配置静态页面URL映射
打开我们的mxonline/urls.py文件,修改为如下代码:
from django.urls import path
from django.views.generic import TemplateView
import xadmin


urlpatterns = [
    path('xadmin/', xadmin.site.urls),
    # 用''指代根目录,TemplateView.as_view可以将template转换为view
    path('', TemplateView.as_view(template_name='index.html'), name='index'),
]

Run项目在浏览器中输入http://127.0.0.1:8000/出现以下页面,我们成功让Django框架显示了网站首页页面,但页面没有显示图片和颜色排版,这是因为Django框架只加载了html文件,并没有加载前端CSS和Js文件。


Django2.0在线教育网站开发(二)user应用view完善_第3张图片
2.3.png
  • 4.静态static文件路径配置
打开我们的mxonline/settings.py文件,修改为如下代码:
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),  
# 说明静态文件放在哪个目录,记住这里只能用列表或者元组,单一一个元组需要用,结尾
]

静态文件路径已经被修改,那么我们在前端页面代码中也要对其引用路径做修改。


Django2.0在线教育网站开发(二)user应用view完善_第4张图片
2.5.png

做完修改重启项目观看效果


Django2.0在线教育网站开发(二)user应用view完善_第5张图片
2.6.png

你可能感兴趣的:(Django2.0在线教育网站开发(二)user应用view完善)