django for 前端_django 5. 前端页面设计 - 刘江的django教程
完成
By
多浪的河流 On
2020年11月15日 19:01
回复
老师,请教一下,第三步添加静态文件后,css样式加载不出来。控制台报错GET http://127.0.0.1:8000/static/login/css/login.css net::ERR_ABORTED 404 (Not Found)。我的目录文件和内容和你的教程是一样的。
By
一口一个糯米滋 On
2020年4月2日 11:28
回复
我看下面的小伙伴说要在setting.py里面加上'DIRS': [os.path.join(BASE_DIR, 'templates')], 我复制过去以后发现我的已经加上了,我就把复制过去的删除了,然后保存。terminal提示settings.py changed, reloading.我刷新了一下网页,就可以了!!!!看老师教程最后说了,重启服务器,应该是这个原因!!!!
一口一个糯米滋
回复
一口一个糯米滋
2020年4月2日 11:37
回复
碰到页面不刷新的话,重启服务器和Ctrl + F5强制刷新页面尝试一下,这是基本操作.....
博主
回复
一口一个糯米滋
2020年4月14日 13:26
回复
您好 ,能给下您的前端视频教程的连接吗?找不到哈
By
别人眼中丶colwn On
2019年9月9日 15:36
回复
http://www.liujiangblog.com/video/2/
博主
回复
别人眼中丶colwn
2019年9月25日 21:54
回复
请问为什么要用cdn的链接,而不是把bootstrap和jquery都下载到本地加载呢?
By
张恒_恒星 On
2019年9月6日 03:43
回复
都可以,各有优缺点。看你的业务场景和需求
博主
回复
张恒_恒星
2019年9月6日 19:08
回复
请教一个问题,我往image文件夹里放了背景图片后,登陆页面显示了这个背景图片有点问题。整张图片在页面大概占六分之一。然后整个登陆页面显示了六张这个图片。我要怎么才能显示一张,并且让他在居中。百度了很久也没找到方法。
By
用户7286184496 On
2019年8月28日 10:49
回复
我也碰到了这个问题了,请问一下你是怎么解决的啊!
秋雨淅淅l
回复
用户7286184496
2019年10月18日 12:31
回复
这是因为在示例中没有设置背景图片的拉伸,在login.css中的body中添加一行,如下:
body {
height: 100%;
background-image: url('../img/p_big3.jpg');
background-size: cover;
}
小德没尾巴
回复
用户7286184496
2020年2月10日 13:50
回复
我写了这句也还是没解决,该怎么办呢
新的一天要努力吖
回复
小德没尾巴
2020年12月11日 17:34
回复
照着做了,但是背景图显示不出来
By
在下阿樱 On
2019年7月10日 15:43
回复
一步步照着做的,代码都完全一样,静态文件还是无法加载,全都在左上角啊
By
定期换名字啦啦 On
2019年3月24日 03:56
回复
需要在setting中TEMPLATES中添加“DIRS”:[os.path.join(BASE_DIR, 'templates')]
石月开76002
回复
定期换名字啦啦
2019年3月30日 23:11
回复
正解。
博主忘记在setting中设置TEMPLATES的目录了。
提醒一下博主。
ANXIN-2018
回复
石月开76002
2019年5月9日 08:51
回复
我已经弄好了哦,是因为其他的原因啊,那个目录django会自动添加的
定期换名字啦啦
回复
ANXIN-2018
2020年3月29日 16:27
回复
你试试看是静态文件全部加载不出,还是只是css文件
WZYFT哦啦
回复
定期换名字啦啦
2019年4月10日 20:20
回复
已经弄好了,谢谢你的答复哦
定期换名字啦啦
回复
WZYFT哦啦
2020年3月29日 16:26
回复
目录结构什么都与老师的一样,bootstrap还是加载不出来,但是CDN却可以,请问这是什么情况呢?
By
WZYFT哦啦 On
2019年3月19日 18:32
回复
怎么用CDN啊,完全不懂
定期换名字啦啦
回复
WZYFT哦啦
2019年3月24日 03:56
回复
终于找到问题了,把删除之后就可以了,html页面在头部添加了申明导致css样式加载不起效果,去掉此标签css效果起作用。
WZYFT哦啦
回复
WZYFT哦啦
2019年4月10日 20:15
回复
me too ,感谢
Switch-c
回复
WZYFT哦啦
2020年8月26日 23:22
回复
为什么我加了这个{%extends'base.html'%} 我写的其他就都不显示了啊
By
西双版纳的风情 On
2019年2月28日 12:16
回复
你有没有编写base.html文件呢?
小德没尾巴
回复
西双版纳的风情
2020年2月10日 13:53
回复
请问哪里看编写base.html?
小i星星i
回复
小德没尾巴
2020年8月10日 18:50
回复
{% extends 'base.html' %}
我的和站主老师说的不同,放在/templates/base.html 找不到模板
但是/login/templates/base.html 可以找到,
另外setting里如下,多一行STATIC_URL
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
By
凡人颂 On
2019年2月1日 00:14
回复
在django默认中,查找模块文件默认是会在本app目录下的templates文件中查找对应的app名字,具体到这个login应用,如果不设置settings文件的话,template文件应该位于/projectRoot/login/templates/login/这个文件夹下边,例如,login.html的位置应该是/projectRoot/login/templates/login/login.html。
如果使用母版系统的话,其中base.html等需要使用的母版,应该位于/projectRoot/login/templates/这层目录下边,例如base.html的路径应该是/projectRoot/login/templates/base.html.
Django官方文档建议的目录放置模式就是这样的,当然如果你在settings文件里设置也可以,但是当你需要将这个login的app在别处使用的时候会导致,你需要到static和templates文件中分别去找对应的文件,而如果使用Django推荐的设置,只需要将app文件夹整个拷到另一个project中,并在project中注册一下和url中设置一下就行了(到目前为止,这个项目的url设置耦合性也比较高,但是博主解释了一下,正确的url设置应该是在app中设置url,在project的url中include一下)就可以使用了,源码部分完全不用改变,这提高了代码重用的便捷性。
小德没尾巴
回复
凡人颂
2020年2月10日 14:03
回复
这样写路径好像访问不到该静态文件,加了/static/在前面才能访问到好像
By
_Myfour On
2019年1月25日 14:21
回复
这里最后是 "/ >"结尾
但是后面的password那里却又是 ">"结尾
By
真司仪 On
2018年12月18日 18:39
回复
你可以这样理解:/代表了标签结束 例如
XXX
代表了
标签的结束 但是不需要声明标签结束,所以/可有可无。和它相似的还有等 事实上
标签不标记
也是合法的,但是可能会产生意料之外的结果。
待定7号
回复
真司仪
2018年12月20日 17:09
回复
虽然这个斜杠没有添加也能正常访问,但这是不安全的,根据H5规范,最后的斜杠需要添加。这里我在password处忘记写了,囧。
博主
回复
真司仪
2019年1月1日 11:04
回复
我在Eclise中搭建的Django环境,在建模版的时候,页面最前面键入{% load staticfiles %},会显示“invalid text string", 不知有谁遇到过,没找不到解决办法
By
饺子晓智 On
2018年12月5日 16:15
回复
我在bootstrap.min.css里面加上之前的body{background: white url("images/background.gif")}没反应啊,这样是不对的吗?
By
木二Lin On
2018年11月8日 21:41
回复
如题
博主
回复
木二Lin
2018年11月13日 11:04
回复
博主你好,我按照你的方法第六步那里使用Bootstrap静态文件,重启服务后结果还是和第五步的结果一样,Bootstrap的CSS和JS文件没有被正常导入。刷新了没有用,换了浏览器也没有用,这是什么原因?还能怎么解决啊?还请指导下,谢谢
By
用户5433577444 On
2018年10月23日 12:08
回复
问题已解决
用户5433577444
回复
用户5433577444
2018年10月23日 16:48
回复
我的情况和你的一样,请教一下怎么解决的
用户6828833409
回复
用户5433577444
2018年11月8日 20:41
回复
请问大家怎么解决的
用户5609827251
回复
用户6828833409
2019年5月4日 23:16
回复
博主,base.html第一行加上{% load staticfiles %}后报“Unexpected tokens”的错误,百度没有找到解决办法
By
中国当代小青年 On
2018年9月17日 21:09
回复
用{% load static %}试试,我是这样的,没有错误
小德没尾巴
回复
中国当代小青年
2020年2月10日 14:05
回复
整体教程还不错啊,但是现在发现前端知识真是阻碍了我的进步了
By
带着寂寞闯天涯 On
2018年7月20日 17:43
回复
我在home视图里面写了个视图方法init_menu()返回导航菜单的html标签,到base.html模板页面里用{% block nav_bar %}
{{ menus }} {% endblock %},但是这样只能在home页面显示出来菜单,在其他页面就没有菜单,怎样才可以让其他页面也可以显示菜单呢?谢谢
By
tonylaw114 On
2018年5月23日 23:04
回复
你的问题其实隐含了一个深层次的Django模版继承机制问题。也就是说你在base.html中虽然写了{% block nav_bar %} {{ menus }} {% endblock %}。但是在其子模版中,由于没有提供menu变量的值,这个block其实是继承不到的。
博主
回复
tonylaw114
2018年5月24日 08:27
回复
那要如何在子模版中也自动继承呢?总不至于要我每个页面都提供一次menus变量的实现吧?
tonylaw114
回复
博主
2018年5月24日 14:26
回复
试试在setting.py文件中修改DIRS:
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'templates'),],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
By
水木foreveryu On
2018年5月9日 14:08
回复
博主你好,我按照你的方法第六步那里使用Bootstrap静态文件,重启服务后结果还是和第五步的结果一样,Bootstrap的CSS和JS文件没有被正常导入。这是什么原因?还请指导下
By
醉倚楼栏可听风 On
2018年5月6日 20:01
回复
很多浏览器有静态文件缓存功能,需要强制刷新。ctrl + f5
博主
回复
醉倚楼栏可听风
2018年5月7日 09:18
回复
请问,强制刷新还是不行,怎么办啊
早早csz
回复
醉倚楼栏可听风
2018年6月12日 10:52
回复
标签都收在左上角
who抢了我的昵称
回复
早早csz
2018年10月3日 21:49
回复
请使用Bootstrap-3.3.7版本。
按照博主的教程操作,如果使用4.1.3版本时会出现无法正常显示css的问题。
GRN31
回复
who抢了我的昵称
2018年10月25日 21:59
回复
我也是啊,强制刷新也完全不行,没用啊
定期换名字啦啦
回复
早早csz
2019年3月24日 03:57
回复
现在成功了哦
定期换名字啦啦
回复
定期换名字啦啦
2020年3月29日 16:25
回复
请教一下,怎么成功的,我出现和你一样的问题,强制刷新和改bootstrap版本都不行,背景图还是加载不了
一口一个糯米滋
回复
定期换名字啦啦
2020年4月2日 11:12
回复
我按照这样{% extends 'base.html' %}继承base.html不行,
但是我在settins里面按照你的git里面的
'DIRS': [os.path.join(BASE_DIR, 'templates')],
配置成这个样子,依旧无法解决
By
袅残烟喵 On
2018年3月22日 16:04
回复
TemplateDoesNotExist at /login/
袅残烟喵
回复
袅残烟喵
2018年3月22日 16:12
回复
Template-loader postmortem
Django tried loading these templates, in this order:
Using engine django:
django.template.loaders.app_directories.Loader: E:\projects\bank199_django\venv\lib\site-packages\django\contrib\admin\templates\base.html (Source does not exist)
django.template.loaders.app_directories.Loader: E:\projects\bank199_django\venv\lib\site-packages\django\contrib\auth\templates\base.html (Source does not exist)
django.template.loaders.app_directories.Loader: E:\projects\bank199_django\mysite\login\templates\base.html (Source does not exist)
袅残烟喵
回复
袅残烟喵
2018年3月22日 16:32
回复
再仔细读一读教程,注意html文件的放置位置,以及templates的配置参数。
博主
回复
袅残烟喵
2018年3月22日 19:09
回复
我把目录放到mysite下面就好了,多谢
袅残烟喵
回复
博主
2018年3月24日 15:13
回复
可以解决login下面的templates找不到的问题
杨_kaikai
回复
袅残烟喵
2018年7月2日 15:43
回复
为何我按照这样{% extends 'base.html' %}继承base.html不行
但是我改成{% extends 'login/base.html' %}就可以了
是因为我把这些html文件都放在templates中的login文件里了吗?
By
GoodMorningYY On
2018年2月27日 22:46
回复
是
博主
回复
GoodMorningYY
2018年2月28日 15:07
回复
根据settings文件的设置可知,模板的路径是相对于templates而言的。
蔷薇-Nina
回复
GoodMorningYY
2018年3月10日 23:45
回复
照着来,很详细
By
svcasvawe On
2017年11月17日 21:51
回复
django for 前端_django 5. 前端页面设计 - 刘江的django教程相关推荐
- 前端 - 博客系统(页面设计) - JavaEE初阶 - 细节狂魔
文章目录 前言 博客系统 博客列表页 紧急修改一下背景图片,虽然上面那张图很美,但是小了.特别的模糊,我就在替换一下背景图 html 代码部分 通用 css 代码部分 博客列表页专属 css文件 博客 ...
- 前端 - 博客系统(页面设计)
博客系统(页面设计) 实现一个简单的博客系统. 当前先完成页面设计的部分. 通过前面学习的前端知识来构建出网页. 主要分成四个页面: 博客列表页 博客正文页 博客登陆页 博客编辑页 预期效果 博客列表 ...
- web前端——表单注册页面设计(注册信息)
任务要求如下: 设计学生信息注册网页,主要要求如下: 设置页面标题为"新生报到": 使用表格布局,令页面内容居中显示: 使用h3标签居中显示"注册信息",并设置 ...
- 前端作品之静态页面设计(二):网易云音乐页界面静态效果设计(iphonex兼容)
做效果图之前,博主只说一句话,精益求精,能花费时间更多的时间去做到90%相似就不要60%相似.一定要认真去做~~~~~ 完成品欣赏: 代码: <head> <title>网易云 ...
- python属于前端_Django是前端还是后端?
也不是. Django是一个框架,而不是一种语言.Python是编写Django的语言. Django是Python libs的集合,它允许您快速高效地创建高质量的Web应用程序,并且适合于前端和后端 ...
- django url 生效_django 定制管理页面外观 模板文件不生效的解决方法
问题描述:大概过程跟下面描述的同样,简单来讲就是照着例子学习的时候定制管理页面外观,按照文档要求拷贝了base_site.html文件到templates目录下,而且按照要求修改了settings.p ...
- django admin使用在前端_Django| 给你博客装个Markdown编辑器
小白学Django系列: 小白学Django第一天| MVC.MVT以及Django的那些事 小白学Django第二天| Django原来是这么玩的! 小白学Django第三天| 一文带你快速理解模型 ...
- Web前端页面设计流程及注意事项,谨记!
每天我们打开电脑,看到各种各样的web前端页面.你知道他们是如何制作的吗?为了让页面更具有规范性,让使用者更加方便,在制作页面过程中必须遵循一定的设计流程.在这里就为大家详细介绍一下制作一个Web前端 ...
- 因分辨率变化html页面布局跳动_Web前端页面设计流程及注意事项,谨记!
每天我们打开电脑,看到各种各样的web前端页面.你知道他们是如何制作的吗?为了让页面更具有规范性,让使用者更加方便,在制作页面过程中必须遵循一定的设计流程.在这里就为大家详细介绍一下制作一个Web前端 ...
- HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计
HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结 ...
最新文章
- iOS下JS与OC互相调用(七)--Cordova 基础
- python学习第二十八节(进程,线程)
- first-child伪类选择器没有效果(不起作用)
- CentOS中使用Docker来部署Nginx
- Nexus配置内部仓库
- BP: Useful report to list assigned employees
- codeforces E. Picking Strings 构造
- Django模板语言相关内容
- xp电脑多少位怎么看_如何查看电脑是什么操作系统和多少位?
- ansible的自动化管理
- 正样本和负样本,前景类/ 背景,hard negative mining
- gvim 启动 全屏
- java初中级程序员面试宝典-蚂蚁课堂
- 微商怎么引流客源,谈谈我这些年引流的经验
- ADXL362 加速度传感器 模拟SPI MSP430G2553 单片机 读取 程序
- SQL(07)_INSERT INTO SELECT
- c语言达内月考试题,达内C培训第一次月考〔附答案〕.doc
- 佐冶亚理工学院计算机WeiXU博士,讲座通知:佐治亚理工大学张晗博士
- 单片机工作原理的认识
- 一个闲鱼挂机项目,让淘宝用户彻底“躺赢”