html文件

初识Django-前后端不分离(二)

半城伤御伤魂 提交于 2020-01-07 08:09:30
上下文管理器 作用:每个view里面都需要用到的操作也就是公共的东西,就可以放到你自己定义的上下文管理器中查,这样在views.py里就不用重复写了 执行的顺序:每一个视图请求完后都会再请求一次上下文管理器 如何使用上下文管理器: 首先定义一个上下文管理器:process_context.py 在上下文管理器中定义的函数,函数必须有一个参数,是request 这个函数要返回一个字典(这里额外介绍一个函数locals(),locals作用是把当前这个函数里所有的局部变量变成一个字典。下方有例子) 在这里创建的函数,需要在settings.py里的TEMPLATES->OPTIONS->context_processors下配置,每一个函数都需要配置一下。 #上下文管理器process_context.py from . import models def category_process(request): print('category_process.....') catagories = models.Category.objects.filter(is_delete=False) return {'nav':catagories} def site_process(request): site_name='塔塔的博客' desc='今天是周天,明天是周一' return

layui 开始使用.html

纵然是瞬间 提交于 2020-01-06 22:16:32
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui 开始使用</title> <link rel="stylesheet" href="./lib/layui/css/layui.css"> <script src="./lib/layui/layui.js"></script> </head> <body> <script> /*参考:https://www.layui.com/doc/ * 知识点: * 一般直接写在一个js文件中。*/ layui.use(['layer', 'form'], function () { let layer = layui.layer, form = layui.form; // 提示信息,约2s后自动消失。 layer.msg('Hello World!'); }); </script> </body> </html> 来源: CSDN 作者: 学无止境慢慢来 链接: https://blog.csdn.net/weixin_42193179/article/details/103845105

Django 模板渲染

六月ゝ 毕业季﹏ 提交于 2020-01-06 20:37:16
模板语言    {{ 变量 }}   {% 逻辑 %} {{ 变量 }} {{ 变量 }}中的点号   用于取出字典/列表等类型数据的值   {{ list.2 }} 获取列表list中索引为2的值   {{ dict.name }} 获取字典中name的值 {{ 变量 }}内置的过滤器    以|分隔    {{ a|safe }} 于django输出前,要求不对字符进行转义。自动转义关闭时自动失效   {{ time|date:'Y-m-d H:i:s' }} 格式化输出时间 年月日时分秒   {{ list|join:',' }} 相当于 ‘,’.join(list)   {{ str|truncatechars:8 }} 显示内容为5个字符与3个点号 共8个字符   {{ str|truncatechars:8 }} 同上 显示单位为单词 按空格辨别   {{ str|length }} str的长度   {{ list|slice:'0-2' }} 切片索引0-2不含2   {{ var|default:'xxx' }} 为var设置默认值为‘xxx’   {{ str|lower }}{{ str|upper }} 输出显示为小/大写   {{ int|filesizeformat }} 转为内存大小单位 类似于2GB 1TB {% 逻辑 %}   for循环 <ul>

网页如何无人值守自动刷新

我与影子孤独终老i 提交于 2020-01-04 13:38:17
早上来看到我们公司的产品投了公司内部的网页在屏幕上,但是网站并不会自动刷新。然后我就说写个脚本就好了。因为他不会写,所以我就代劳了。特别简单的方式如下: <html> <head><meta http-equiv="refresh" content="60"></head> <frameset> <frame src="www.baidu.com" name="iframe"> </frameset></frameset> </html> content是刷新的时间,单位是秒 src里面的www.baidu.com是你要刷新的网址,替换一下即可。 另存为.html的文件,浏览器双击打开即可。 参考: https://www.liwei8090.com/1779.html 来源: CSDN 作者: 幽默的荆轲君 链接: https://blog.csdn.net/funnyPython/article/details/103831575

HTML头部

牧云@^-^@ 提交于 2020-01-03 07:53:20
  HTML的文档首行需要标注文档定义声明,随后就是定义整个HTML文档的 <html> 标签,在 <html> 标签中包括了 <head> 和 <body> 两个元素。<body> 元素定义了HTML文档的主体,页面中所有的可见内容都是通过 <body> 中的其他元素来表现。<head> 中的内容对于用户来说并不总是可见,head主要用于定义文档的信息,便于其他的程序、爬虫等访问获取。   头部具体的信息需要一些特殊的标签来描述: title    这里的title指的是 <title></title> 标签,最直观的是用于定义网页的标题,也就是显示的名称。如图:   实质上title标签中的内容会应用于浏览器工具栏的标题(如上)、网页添加收藏加后显示的标题 以及 显示在搜索引擎结果页面的标题。   严格规定的HTML文档必须包含有title,但是如果不写的话,浏览器将会显示html文件完整的文件名。 base    base标签描述了基本的链接地址也就是说页面中所有请求的资源(表单、图片、脚本、CSS等)都会默认访问base标签中定义的地址。使用base标签必须配置href属性,target属性为可选属性。 <base href="www.luanqibazao.com/test/" target="_blank"> meta   meta标签提供了一些基本的元数据

html文档头部标记

你说的曾经没有我的故事 提交于 2020-01-03 07:51:00
html文档头部标记 <head>头部标记</head> <title></title>(定义网页标题,显示在浏览器的标题栏中) <base/>(基底网址标记,用于设定浏览器中文件的绝对路径,网页中的文件只需要写相对路径就可以了) <link> <meat> <meat name="" content="">   1.keywords:网页的关键字   2.description:网页的描述   3.robots:(meta name="robots" content="all"),允许搜索引擎收录,   4.author:作者   5.copyright:版权 <meat htttp-equiv="" content="">   1.Content-Type:(<meta http-equiv="Content-Type" content="text/html;charset=utf-8">)   2.Refresh:(刷新)<meta http-equiv="refresh" content="3000;url=http://www.baidu.com">   3.Expires:   4.Windows-Target:   5.Pragma:   6.Page-Enter和Page-Exit:(进入页面和退出特效,现在浏览器已经不支持)     <meta http

HTML复习

白昼怎懂夜的黑 提交于 2020-01-03 07:48:20
HTML复习 HTML介绍 1什么是HTML: HTML (HyperText Markup Language) 超文本标记语言,是用特殊标记(tag)来描述文档结构和表现形式的一种语言。使用HTML语言描述的文件,需要通过Web浏览器显示出效果。 2 HTML开发工具: HTML开发工具:记事本、EditPlus、UltraEdit、Dreamweaver等。 3 HTML标记控制内容显示的语法: 4 HTML文件结构: 5 HTML的执行方式: HTML的执行方式是边解释边执行的方式。 6 HTML 包含: 1. 文本: 无论科技如何发达传输信息文本还是最主要的方式之一,先看一下文本在网页中的设计: 2. 图片: 图片现实也是网页必要的一部分: 3. 超链接 网页之所以成为网页,就是因为它可以连接转换到其他网页,超级连接,可以连接网页中的某个位置,连接某个互联网网页,连接某个文件等。 4. 表格: 表格也是我们经常在网页中看见的,看一下如何创建表格: 5. 框架: <frameset>标签的属性: 6 . 层: 也就是我们使我们的一张网页可以多层显示内容: 7. 表单: 就是我们提交的信息表,这里简单说一下他的建立和简单属性: HTML详细内容 1 HTML中的标签(单标签和双标签): 单标签:只需单独使用就能完整地表达意思的标记, 语法: < 标签名称> 如:<br>断行标记

html meta link script form

匆匆过客 提交于 2020-01-03 07:24:28
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 <link> 标签定义文档与外部资源的关系。 <link> 标签最常见的用途是链接样式表。 <script> 标签用于定义客户端脚本,比如 JavaScript。 script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。 必需的 type 属性规定脚本的 MIME 类型。 JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。 <form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 来源: https://www.cnblogs.com/begoogatprogram/p/4779242.html

使用 Python 将 HTML 转成 PDF

时光总嘲笑我的痴心妄想 提交于 2020-01-03 07:20:13
背景 很多人应该经常遇到在网上看到好的学习教程和资料但却没有电子档的,心里顿时痒痒, 下述指导一下大家,如何将网站上的各类教程转换成 PDF 电子书。 关键核心 主要使用的是wkhtmltopdf的Python封装—【pdfkit】 环境安装 python3系列 pip install requests pip install beautifulsoup4 pip install pdfkit 如果是liunx系,则 sudo yum intsall wkhtmltopdf 如果是windows系,则下载稳定版的 wkhtmltopdf 进行安装,安装完成之后把该程序的执行路径加入到系统环境 $PATH 变量中 牛刀小试 一个简单的例子: import pdfkit pdfkit.from_url('http://google.com', 'out.pdf') pdfkit.from_file('test.html', 'out.pdf') pdfkit.from_string('Hello!', 'out.pdf') 你也可以传递一个url或者文件名列表: pdfkit.from_url(['google.com', 'yandex.ru', 'engadget.com'], 'out.pdf') pdfkit.from_file(['file1.html', 'file2

我与前端之间不得说的三天两夜之css基础

老子叫甜甜 提交于 2020-01-03 06:37:42
前端基础之CSS CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 ''' selector { property: value; property: value; ... property: value } ''' css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <p>p1</p> <p>p1</p> <p>p3</p> <!--css内嵌式--> <p style="color: red">p3</p> </body> </html> 2.嵌入式 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { color: red; background-color: wheat; } </style> </head> <body> <p>p1</p> <p>p1</p>