将html前端代码提取公因数(5)

将html前端代码提取公因数(5)

注意:这是优化html代码,对于多个html代码相同的部分提取到一个模板中,只需要编写变化的html

1,利用Django提供的render方法的第三个参数的属性

传入字典参数给模板;这个属性可以实现将重复的HTML代码进行合并,并将显示数据分离

2,找格式完全相同,文案不同的HTML代码

将其用{% for b in blocks %}和{% endfor %}包裹进行遍历文案(文案做blocks字典处理),不同的文案用{{b.键名}}方式来调用

3,views.py代码里-->在render方法里-->加入第三个参数(类型为一个字典)block_infos,在这个字典里进行HTML里面进行匹配;

时间: 2025-01-17 06:45:03

将html前端代码提取公因数(5)的相关文章

前端代码tomcat下简单部署

软件 filezilla [ftp]  +  visionapp Remote Desktop[远程桌面] (前提:前后端代码分离,如前端angular实现) ftp上传到机器{软件 filezilla,输入ip 账号密码  ssh-端口22} linux下解压 unzip -o tomcat**.zip -d tomcat java --version 加权限 chmod +x *.sh 将前端代码通过ftp上传到 tomcat/webapps 解压代码文件 unzip prjectPorta

Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!

传统的代码分享工具JSbin和JSfilddle jsfiddle和jsbin可能是前端开发中最早最常用的代码“把玩”工具,拥有大量的粉丝和用户,作为前端开发攻城师来说,我个人过去也常常使用. 不过作为国外的服务和产品,加载速度非常不理解,经常半天加载不上,如下图: 而且最重要的在于大量的CDN引用JS/CSS来自于Google CDN,大家也明白,天朝不再给Google发VISA啦,所有的Google域名下的服务或者文件都无法正常访问.除非你FQ!使用非常不流畅滴说!,如下图: 轻视频代码分享

基于虎书实现LALR(1)分析并生成GLSL编译器前端代码(C#)

基于虎书实现LALR(1)分析并生成GLSL编译器前端代码(C#) 为了完美解析GLSL源码,获取其中的信息(都有哪些in/out/uniform等),我决定做个GLSL编译器的前端(以后简称编译器或FrontEndParser). 以前我做过一个CGCompiler,可以自动生成LL(1)文法的编译器代码(C#语言的).于是我从<The OpenGL ® Shading Language>(以下简称"PDF")找到一个GLSL的文法,就开始试图将他改写为LL(1)文法.等

前端代码异常日志收集与监控

在复杂的网络环境和浏览器环境下,自测.QA测试以及 Code Review 都是不够的,如果对页面稳定性和准确性要求较高,就必须有一套完善的代码异常监控体系,本文从前端代码异常监控的方法和问题着手,尽量全面地阐述错误日志收集各个阶段中可能遇到的阻碍和处理方案. ? 收集日志的方法 平时收集日志的手段,可以归类为两个方面,一个是逻辑中的错误判断,为主动判断:一个是利用语言给我们提供的捷径,暴力式获取错误信息,如 try..catch 和 window.onerror. 1. 主动判断 我们在一些运

【转载】【grunt整合版】30分钟学会使用grunt打包前端代码

[grunt整合版]30分钟学会使用grunt打包前端代码 grunt 是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查 对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩.合并文件,初学,有误请包涵 准备阶段 1.nodeJs环境 因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了http://www.cnblogs.com/yexiaochai/p/3527418.html 2.安装

前端代码9种标准最佳实践:CSS

前端工程师对写标准的前端代码的重视程度很高.这些最佳标准实践并不是那个权威组织发布的,而是由大量的前端工程师们在实践过程中的经验总结,目的在于提高代码的可读性,可维护性和性能.那么接着上一篇,我们再来谈谈CSS代码的一些标准实践. 1,命名 和其他语言规范一样,css的命名也讲究命名要有意义,命名要尽可能短但是要足够表达含义:命名的词用连字符连接. 不规范的命名: 1 #navigation{ 2 } 3 .demoimage{ 4 } 5 .error_status{ 6 } 规范的命名: 1

我和我的广告前端代码(二):突发需求,广告法,加标识,打补丁

概述: 在重构广告‘老代码’的初期发生了一个突发的需求,下面我简单介绍一下,可能文中更多的是思路和结构上的东西.具体的业务实现也会简单说一些,但说的不多. 仅用文章纪录一下,保存我于广告项目珍贵的记忆. 突发事件: 上一篇文章——我和我的广告前端代码(一):打碎重来.化零为整,中提到我在将业务线甲的广告代码重构的事情,但是开发的过程中,有了一个小插曲——加标志.由于我国新出台的广告法规定,所有的广告必须注明“广告”.要求一周内,连开发带测试,打败这个半路杀出来的‘程咬金’. 应急方案: 这本是一

开始启程, 你的第一行前端代码

Vue.js杀敌须知 人生最大的敌人,就是没有明确的目标 -- 罗曼罗兰 选择自己的人生坐标,是对自己对生命的负责,没有认识目标,会变得慵懒,只能听天由命叹息茫然.学习前端开发亦是同理,我们开始学习之前我们必须要弄清楚 前端开发的职业前景怎么样? Vue.js是什么?为什么选择它? 学完Vue.js我们能够干什么? 如果自身对以上三个问题的答案都不感兴趣,那么劝诫大家不要再自己不喜欢的道路上花费太多的时间. 1.1 前端开发的职业前景怎么样? 最近两年,尤其是过去的2016年,前端开始引爆市场,

SparkContext主构造函数代码提取

这是阅读sparkContext类的代码做的一个笔记.阅读这个类的时候,主要的任务就是搞清楚sparkContext是怎么构造的,java.C#的class的初始化都是放在一个方法中的,而scala的主构造函数代码几乎散落在真个sparkContext类中,这就需要我们将其整理出来,才能有条理的进行阅读工作. sparkContext的主构造函数中作的主要的几件事情有: 1.各种解析conf(这个我没有统一收录,实在太多,如果要看,直接到sparkContext类搜索“conf”) 2.spar