首页 > 其他分享 >用户头像展示和文章首页展示(media配置)

用户头像展示和文章首页展示(media配置)

时间:2022-10-07 00:00:39浏览次数:62  
标签:文件 展示 media 用户 文件夹 static 首页 上传

写在前面

其实media配置也可以完全用static代替(看你自己的选择),static代替的方法是直接在mobles.py里设置用户上传头像的时候,修改一下用户上传头像时的保存位置
image

当设置成static/avatar/之后,我们后期在获取用户上传的文件时就可以在其前面加一个static就可以获取到了(相当于获取静态文件资源!!)

image

1.media配置

在django中,我们所需的静态文件资源默认是放在static文件夹下的
用户上传的文件也应该单独放在某个文件夹下

media配置的作用:该配置可以让用户上传的所有文件都固定的存放在某一个指定的文件夹下

后期我们在从数据库存取对应用户上传的文件时,也可以相对应的取出

1.1 配置用户上传文件的存储位置

在setting.py中书写以下代码:
	MEDIA_ROOT = os.path.join(BASE_DIR,'media')
	# 用户上传的文件都会放在项目文件的media文件夹里
	# 不需要自己创建该文件夹,用户上传文件之后,系统会自动帮你创建

1.2 开设后端指定资源

在urls.py中书写以下指定代码:

    # 暴露后端指定文件夹资源
    re_path(r'^media/(?P<path>.*)',serve,{'document_root':settings.MEDIA_ROOT})
    # 上述固定写法,media是和static一个意思,url遇见media会自动去后面settings.MEDIA_ROOT配置好的路径找对应的资源

2.用户头像展示

# {{ article_obj.blog.userinfo.avatar }}是获取文件当时的存储位置
# 加个media是指遇见media就去media文件夹里找用户上传的文件
 <img class="media-object" src="/media/{{ article_obj.blog.userinfo.avatar }}" alt="..." width="60">

3.文章首页展示

略!

标签:文件,展示,media,用户,文件夹,static,首页,上传
From: https://www.cnblogs.com/suncolor/p/16758879.html

相关文章

  • bbs首页搭建(根据用户是否登录展示不同的内容)
    前端部分(主要是if进行一个判断)判断是否登录,登录了展示不同内容!<ulclass="navnavbar-navnavbar-right">{%ifrequest.user.is_authenti......
  • 【第九篇】商城系统-商城首页功能
    一、商品上架功能ElasticSearch实现商城系统中全文检索的流程。1.商品ES模型商品的映射关系PUTproduct{"mappings":{"properties":{"skuId":{"typ......
  • 网页录像录音功能的实现之MediaRecorder的使用
    前面介绍了通过H5实现在网页内打开摄像头和麦克风,实现截图和图像预览的相关知识。getUserMediaAPI及HTML5调用摄像头和麦克风一个简单的demo 实现摄像头的调用及视频录......
  • Oracle-关于shutdown immediate的一次手滑
    首先,明确的一点是,操作习惯非常重要。尽量不要多窗口同时操作!尽量不要多窗口同时操作!尽量不要多窗口同时操作!重要的事情说三遍。尤其是在操作生产环境的时候。涉及到变更的操......
  • Media Encoder 2022 for Mac(ME 2022)v22.6.1中文版
    ME2022正式更新了!快来体验新版的Me吧,ME2022中文版使用TimeTuner可以无形地调整持续时间,并应用LUT和响度校正,而无需重新打开项目。与AdobePremierePro、AfterEffe......
  • KAL1 LINUX 官方网站 --- 首页
    最先进的渗透测试发行版KaliLinux是一个开源的,基于Debian的Linux发行版,面向各种信息安全任务,如渗透测试,安全研究,计算机取证和逆向工程。 行业标准KaliLinux不是指它的......
  • springboot项目 报错No mapping for GET /css/bootstrap.css,前端无法展示样式
    说来也奇怪,前几天刚写完的项目写的好好的现在打开他就加载不了前端的静态资源了报错NomappingforGET/css/bootstrap.css解决方法:新建一个配置类,将静态资源的路径......
  • SAP UI5 sap.ui.Device.media 的使用介绍
    sap.ui.Device.media是一个命名空间,属于sap/ui/Device.该API属于屏幕宽度更改的事件API。此API基于媒体查询,但如果使用的浏览器本身不支持媒体查询,也可以使用此A......
  • SAP UI5 sap.ui.Device.media 公有方法介绍
    sap.ui.Device.media.attachHandler:注册给定的事件处理程序以根据使用指定名称设置的范围更改屏幕宽度的事件。每当屏幕宽度发生变化并且当前屏幕宽度处于与宽度变化之......
  • SAP UI5 sap.ui.Device.media.RANGESETS 的使用介绍
    这是一个namespace,来自sap.ui.core:包含预定义屏幕宽度媒体查询范围集(mediaqueryrangesets)的名称和设置的枚举。在Chrome开发者工具Console面板里能够查看到所......