首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

页面侧边使用自定义模板标签

我们的博客侧边有四项内容:最新文章、归档、分类和标签云。...函数就这么简单,但目前它还只是一个纯 Python 函数,Django 在模板中还不知道该如何使用它。...Django 1.9 以前的版本如何自定义模板标签这里不再赘述。 归档模板标签 和最新文章模板标签一样,先写好函数,然后将函数注册为模板标签即可。...register.simple_tag def get_categories(): # 别忘了在顶部引入 Category 类 return Category.objects.all() 尽管侧边有...现在运行开发服务器,可以看到侧边显示的数据已经不再是之前的占位数据,而是我们保存在数据库中的数据了。 注意:如果你按照教程的步骤做完后发现报错,请按以下顺序检查。 检查目录结构是否正确。

1.5K60

一个精美的侧边如何实现的

引言 哇,这个侧边好好看,简约而不简单。 哈哈,怎么做呢, 你只需要将我这个css文件拖到你的项目里,然后再header.php中添加上引用。最后修改下侧边文件。...放个对比图(这个侧边是不是很丑) 不迷路 可以直接访问我的github看源码哦 主题源码 修改内容 1.dzhCustom.css文件 .articalSite { transform: translate...12px 0; background: #fff; /* rgb(255,255,255,0.8) */ overflow: hidden; /*定义溢出元素内容区的内容会如何处理...border-bottom: 1px dashed #dedede; display: block; overflow: hidden; /*定义溢出元素内容区的内容如何处理...hidden:内容会被修剪,并且其余内容是不可见的,可以配合white-space和text-overflow使用*/ white-space: nowrap; /*规定文本不进行换行*

53110

【vite+vue3+Ts+element-plus】肩并肩带你写后台管理之主页面开发(侧边菜单生成、标签开发)

gitee.com/ihope_top/hevue3-admin 线上体验地址 https://ihope_top.gitee.io/hevue3-admin 本章知识点: layout页面开发 侧边菜单开发...slot的方式传入的顶部导航,因为左侧的菜单组件也需要接收这个属性,并且层级较深,所以这里我们使用provide发送一下,在菜单组件那里使用inject进行接收。...侧边菜单开发 我们之前讲权限的地方已经给大家看过了返回的菜单数据,并封装成了树形结构,所以我们这里菜单就根据保存的菜单数据渲染菜单就可以了。...我们在按照以下层级创建侧边需要用到的组件 layout -> components -> Sidebar -> index.vue , SidebarItem.vue, SidebarMenu.vue...比如首页,固定的标签不可关闭,这里是通过在菜单管理时候配置的是否固定标签,固定标签的排序顺序跟菜单排序顺序一样。

3.4K31

如何使用Excel管理项目?

这时候我们就可以使用Excel来做项目管理里常用的甘特图。 2.什么是甘特图呢? 甘特图是以提出者甘特先生的名字命名的。横轴表示时间,纵轴表示项目里各个任务。...这部分我会通过一个实战案例,教会你如何使用Excel来绘制甘特图,从而来管理项目,并自动生成项目进度报表。 我们可以根据项目需求用Excel做下面的项目管理文档。...整个文档做起来难度并不是很大,做完之后能够多次重复使用,大大的提升了使用的愉悦度和效率。 下面我教你如何用Excel做出这样的项目管理文档。 4.如何用Excel做甘特图? 1)如何制作项目计划表?...3)管理文档的第3部分项目分析如何做? 预计总天数,已完成天数,未完成天数,对之前的计划表列做加法就可以得到。 然后插入饼状图就可以得到项目完成进度。...5.模板下载 前面我们学习了面对复杂问题,如何使用Excel制作甘特图和自动报表来推进项目进度。 我希望你也能亲自跟着前面的步骤实践一遍。

1.4K00

如何使用Excel管理项目?

这时候我们就可以使用Excel来做项目管理里常用的甘特图。 2.什么是甘特图呢? 甘特图是以提出者甘特先生的名字命名的。横轴表示时间,纵轴表示项目里各个任务。...这部分我会通过一个实战案例,教会你如何使用Excel来绘制甘特图,从而来管理项目,并自动生成项目进度报表。 我们可以根据项目需求用Excel做下面的项目管理文档。...整个文档做起来难度并不是很大,做完之后能够多次重复使用,大大的提升了使用的愉悦度和效率。 下面我教你如何用Excel做出这样的项目管理文档。 4.如何用Excel做甘特图? 1)如何制作项目计划表?...3)管理文档的第3部分项目分析如何做? 预计总天数,已完成天数,未完成天数,对之前的计划表列做加法就可以得到。 然后插入饼状图就可以得到项目完成进度。...5.模板下载 前面我们学习了面对复杂问题,如何使用Excel制作甘特图和自动报表来推进项目进度。 我希望你也能亲自跟着前面的步骤实践一遍。

2K00

如何使用Java进行缓存管理

缓存管理是在计算机领域中普遍的一项技术,它可以将一些常用的数据、文件或者对象存储到内存中,以提高程序的性能和响应速度。Java作为一种流行的编程语言,在缓存管理方面也提供了许多工具和类库。...下面将简要介绍如何使用Java进行缓存管理。 一、Java Cache API Java SE 6及以上版本提供了一个专门用于缓存管理的API,即Java Cache API。...,我们就可以使用缓存的操作了,例如下面的代码片段演示了如何创建一个简单的字符串缓存: MutableConfiguration config = new MutableConfiguration...、常见问题 1、如何避免缓存穿透?...为了避免缓存雪崩,我们可以设置缓存数据的过期时间随机化,或者使用多级缓存架构,通过增加热备和主从复制等策略来保证系统的高可用性。 3、如何选择缓存失效策略?

22310

ReactReactNative 状态管理: rematch 如何使用

有同学反馈开发 ReactNative 应用时状态管理不是很明白,接下来几篇文章我们来对比下 React 及 ReactNative 状态管理常用的几种框架的使用和优缺点。...上一篇文章介绍了 redux 的升级版 redux-toolkit 的使用,这篇文章我们来看下社区里比较出名的 redux 的升级库:rematch。...rematch 直接导出 createModel 的返回值,不需要分别导出 actions 和 reducer 再次强调一下,rematch 中使用 model 表示某个业务的状态管理,我们刚才通过 createModel...创建的 todo 是一个 model,表示 todo 业务的状态管理。...总结一下,通过 rematch 管理状态分这几步: 继承 rematch 的 Models,定义当前业务的所有 model 类型 使用 rematch 的 createModel 创建一个 todo

1K20

如何使用 CSS 设置和自定义水平和垂直滚动条

在本文中,我们将讨论何时设置水平和垂直滚动条,如何设置它们以及如何使用CSS自定义它们的外观。...在本节中,我们将按照以下步骤创建一个可滚动的侧边导航:a)创建带有导航项目的导航b)将导航样式设置为侧边c)将侧边栏位置设置为固定d)使用滚动条管理项目的溢出a)....body的高度以使其足够长以滚动以下CSS代码片段描述了如何将初始导航样式设置为侧边并调整body的底部边距。...从截图中可以看出,侧边的底部看起来不像设置在底部。这是因为内容比其容器的高度长。在下一节中,我们将学习如何防止导航项目列表显示在侧边之外。d)....使用滚动条管理内容溢出防止导航项目显示在侧边之外非常简单。只需使用一行CSS代码即可完成此操作,该行代码使用overflow-y属性。

77900
领券