本篇笔记记录站首页显示,发送接收验证码,用户注册,登录,密码找回,修改密码等问题
一、网站前端页面配置
- 1.进入templates文件夹下放置网站前端首页和登陆HTML页面,如下图所示。 2.1.png
- 2.新建静态文件夹static,把前端静态文件夹css,img,images,js,media等文件导入static文件夹中
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文件。
2.3.png
- 4.静态static文件路径配置
打开我们的mxonline/settings.py文件,修改为如下代码:
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
# 说明静态文件放在哪个目录,记住这里只能用列表或者元组,单一一个元组需要用,结尾
]
静态文件路径已经被修改,那么我们在前端页面代码中也要对其引用路径做修改。
2.5.png
做完修改重启项目观看效果
2.6.png
网友评论