td

jQuery

主宰稳场 提交于 2019-12-01 08:49:27
jQuery简介 3.1 什么是jQuery(了解) jQuery是一个JS的框架 jQuery是一个轻量的、免费开源的JS函数库 作用是用于简化JS代码 核心思想 “写的更少,做的更多” 轻量的:如果一个项目对一个技术或者框架的依赖程度越高,那么这个技术或框架越重。反之,依赖程度越低,这个技术或框架越轻。 3.2 jQuery的优势(了解) (1)可以极大的简化JS代码 (2)可以像CSS选择器一样获取元素 (3)可以通过操作css样式控制页面的效果 $("div").css("border","1px solid blue"); $("div").css({ "border" : "1px solid blue", "color" : "#fff", "font-size" : "30px" }); (4)可以兼容常用的浏览器 js: div2.removeNode innerText 谷歌、火狐、苹果、欧朋、IE 3.3 jQuery引入 由于jQuery的库文件就是一个普通的JS文件, 所以和引入JS文件相同: <script src="js/jquery-1.8.3.js"></script> 如果引入后,通过f12(开发人员工具)查看到浏览器的控制台报出如下错误, 则说明jQuery文件引入失败! 3.4 文档就绪事件函数 jQuery提供的文档就绪事件函数: $

javaweb(1):HTML

本小妞迷上赌 提交于 2019-12-01 08:43:58
1. HTML的概述 1.1 什么是HTML HTML:超级文本标记语言(HyperText Markup Language ) “超文本”就是指页面内可以包含图片、链接等非文字内容。 “标记”就是使用标签的方法将需要的内容包括起来。 1.2 HTML能干什么 HTML用于编写网页。平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时,可以通过“右键/查看网页源代码”看到具体html代码。 网页内容包含:HTML代码、CSS代码、JavaScript代码等内容。 HTML代码:用于展示需要显示的数据。 CSS代码:使显示的数据更加好看。 JavaScript代码:使整个页面显示的数据具有动画效果。 静态页面:编写之后在浏览器不再改变的页面。HTML就是用于编写静态网页的。 动态页面:会根据不同的情况展示不同的内容。例如:登录成功后右上角显示用户名。 1.3 HTML语言特点 HTML文件不需要编译,直接使用浏览器阅读即可 HTML文件的扩展名是*.html 或 *.htm HTML结构都是由标签组成   标签名预先定义好的,我们只需要了解其功能即可   标签名不区分大小写   通常情况下标签由开始标签和结束标签组成。例如:<a></a>   如果没用结束标签,建议以结尾。例如:<img/> HTML结构包括两部分:头head和体body 1.4 创建模板

LODOP中带caption的表格被关联并次页偏移测试

試著忘記壹切 提交于 2019-12-01 07:45:57
ADD_PRINT_TABLE中的thead和tfoot可以每页输出,后面的打印项关联表格,可以紧跟着表格,实现在表格后面紧跟着输出内容的效果,表格可以自动分页,并总是跟在表格后面 ,在表格最后输出。table相关博文: LODOP表格table简短问答及相关博文 、 例如,在table后面紧跟着输出一段htm超文本内容,由于表格是不固定的,有时候表格内容多有时候少,可能有时候正好在最后一页,后面的htm超文本盛放不开,也需要自动分页了。 表格中由于第一页有标题,常用到次页偏移,让除第一页后的表格能提上去,避免后面的自动分页上方空白。 如果有table中有caption,注意该caption也是表格内部的高度,次页偏如果想很靠上,也会把caption的距离偏移上,但是其实caption是表格打印项的高度,而后面的htm由于关联前面的表格,形成关联串,也会跟着前面的table的偏移距离进行偏移,但是后面的htm是没有caption的,所以就会导致htm偏移出纸张外的情况。 解决方法: 建议 把caption放到外面,caption单独做成打印项,或者和前面的标题打印项等做成一个超文本打印项 ,不要放在自动分页并进行次页偏移的table打印项里面。 (如果最后的htm不是刚好最后页不够,进行自动分页,是不会有影响的,但是如果刚好遇到最后跟着的html进行自动分页

rbac03 权限力度控制到按钮

為{幸葍}努か 提交于 2019-12-01 07:29:21
  修改数据库 给权限起别名 == 》 方便用于权限力度控制到按钮 class Permission(models.Model): """ 权限表 """ title = models.CharField(verbose_name='标题', max_length=32) url = models.CharField(verbose_name='含正则的URL', max_length=128) menu = models.ForeignKey(verbose_name='所属菜单', null=True, blank=True, to='Menu', on_delete=models.CASCADE) pid = models.ForeignKey(verbose_name="关联的权限",to='Permission',null=True,blank=True,related_name='parents',on_delete=models.CASCADE) name = models.CharField(verbose_name="url别名",max_length=32,unique=True) ######################       def __str__(self):           return self.title   初始化

ASP.Core获取appsettings.json配置信息项

狂风中的少年 提交于 2019-12-01 07:28:36
1.添加数据 2.创建一个接收类 namespace FourTh.BaseModel { public class ThreeOption { public int BoldDepartmentElp { get; set; } } } 3.在Startup.cs配置项注册管道信息(红字部分) public class Startup { private readonly IConfiguration _configuration; public Startup(IConfiguration configuration) { _configuration = configuration; var three = _configuration["Three:BoldDepartmentElp"]; } // This method gets called by the runtime. Use this method to add services to the container. // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940 public void ConfigureServices

tp3.2中自带的分页

こ雲淡風輕ζ 提交于 2019-12-01 07:18:37
后端: //展示和分页 public function show() { $User = M('wen'); // 实例化User对象 $count = $User->count();// 查询满足要求的总记录数 $Page = new \Think\Page($count,3);// 实例化分页类 传入总记录数和每页显示的记录数(25) $show = $Page->show();// 分页显示输出// 进行分页数据查询 注意limit方法的参数要使用Page类的属性 $list = $User->join("lan on wen.b_id=lan.b_id")->limit($Page->firstRow.','.$Page->listRows)->select(); $this->assign('arr',$list);// 赋值数据集 $this->assign('page',$show);// 赋值分页输出 $this->display("show"); // 输出模板 } 前端: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <center> <table> <tr> <td>ID</td> <td>标题</td>

Web全栈-单元格合并

纵然是瞬间 提交于 2019-12-01 07:06:56
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单元格合并</title> </head> <body> <!-- 1.水平方向上的单元格合并 可以给td标签添加一个colspan属性, 来指定把某一个单元格当做多个单元格来看待(水平方向) 例如: <td colspan="2"></td> 含义: 把当前单元格当做两个单元格来看待 colspan 跨列; 合并列; 注意点: 1.由于把某一个单元格当做了多个单元格来看到, 所以就会多出一些单元格, 所以需要删掉一些单元格才能正常显示 2.一定要记住单元格合并永远都是向后或者向下合并, 而不能向前或者向上合并 2.垂直方向上的单元格合并 可以给td标签设置一个rowspan属性, 来指定把某一个单元格当做多个单元格来看待(垂直方向) 例如: <td rowspan="2"></td> 含义: 把当前单元格当做两个单元格来看待 --> <table bgcolor="black" width="500px" height="300px" align="center"> <tr bgcolor="white"> <td rowspan="2"></td> <td></td> <td></td> </tr> <tr bgcolor="white">

Web全栈-表格的结构

淺唱寂寞╮ 提交于 2019-12-01 07:05:34
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格的结构</title> </head> <body> <!-- 1.由于表格中存储的数据比较复杂, 为了方便管理和阅读以及提升语义, 我们可以对表格中存储的数据进行分类 表格中存储的数据可以分为4类 1.1表格的标题 1.2.表格的表头信息 1.3.表格的主体信息 1.4.表格的页尾信息 2.表格的完整结构 <table> <caption>表格的标题</caption> <thead> <tr> <th>每一列的标题</th> </tr> </thead> <tbody> <tr> <td>数据</td> </tr> </tbody> <tfoot> <tr> <td>数据</td> </tr> </tfoot> </table> caption作用: 指定表格的标题 thead作用: 指定表格的表头信息 tbody作用: 指定表格的主体信息 tfoot作用: 指定表格的附加信息 3.注意点: 3.1.如果我们没有编写tbody, 系统会系统给我们添加tbody 3.2.如果指定了thead和tfoot, 那么在修改整个表格的高度时, thead和tfoot有自己默认的高度, 不会随着表格的高度变化而变化 --> <table

Web全栈-表格标签的其它标签

点点圈 提交于 2019-12-01 07:05:16
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签的其它标签</title> </head> <body> <!-- 1.表格标题 在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动相对于表格的宽度居中 2.caption标签的注意点: 2.1caption一定要写在table标签中, 否则无效 2.2caption一定要紧跟在table标签后面 3.标题单元格标签 3.1.在表格标签中提供了一个标签专门用来存储每一列的标题, 这个标签叫做th标签, 只要将当前列的标题存储在这个标签中就会自动居中+加粗文字 3.2.到此为止我们就发现, 其实表格中有两种单元格, 一种是td, 一种是th. td是专门用来存储数据的, th是专门用来存储当前列的标题的 --> <table bgcolor="black" cellspacing="1px" width="800px" align="center"> <caption> <h2>今日小说排行榜</h2> </caption> <tr bgcolor="#a9a9a9"> <th>排名</th> <th>关键词</th> <th>趋势</th> <th

Web全栈-表格标签的基本使用

偶尔善良 提交于 2019-12-01 07:03:09
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签基本使用</title> </head> <body> <!-- 其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 1.什么是表格标签? 表格标签作用: 用来给一堆数据添加表格语义 其实表格是一种数据的展现形式, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 2.表格标签格式: <table> <tr> <td>需要显示的内容</td> </tr> </table> 其实表格标签中的table代表整个表格, 也就是一堆table标签就是一个表格 其实表格标签中的tr标签代表整个表格中的一行数据, 也就是说一对tr标签就是表格中的一行 其实表格标签中的td标签代表表格中一行中的一个单元格, 也就是说一对td标签就是一行中的一个单元格 3.注意点 3.1表格标签有一个边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框 3.2表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现 表格标签的属性仅仅作为了解,在企业开发中所有控制样式的都是通过CSS -->