td | 易学教程

Vue结合jqGrid数据绑定的通用弹出选择框

阅读更多关于 Vue结合jqGrid数据绑定的通用弹出选择框

<div style="padding: 10px 0 20px 10px;"> <label><h2>公共组件input弹出选择控件-用于建立快速的表之间的关联绑定</h2></label> <p>author:沈兴平创建时间:2019-08-19</p> <h3>说明:</h3> 1、提高开发工作效率，目前主流脚手架基本上提供代码生成，单表增删改查很方便，但是针对某个数据需要绑定另外一个表的数据没有，这里希望能尽量做到通用组件化，通过一个配置，点击一个input弹出查询列表选择数据再回写，一步到位。<br/> 2、如果结合vue的v-model数据绑定，需要优先初始化vm对象如：vm = new Vue({...});因为$watch监听需要vue支持<br/> 3、之后再调用bindInputFormOpen();<br/> 4、全局匹配input，检测inputfromopen属性<br/> 5、参数说明：<br/> <table class="ui-jqgrid-htable ui-common-table table table-bordered"> <thead><tr><td>参数名</td><td>必填</td><td>描述</td></tr></thead> <tbody> <tr><td>inputfromopen</td><td>是</td><td

简历.html

阅读更多关于简历.html

简历姓名 </td> <td> 性别 </td> <td> <b>男</b> </td> <td rowspan="3"> </td> </tr> <tr align="center"> <td> 出生年月 </td> <td> <b>1991年4月</b> </td> <td> 民族 </td> <td> <b>壮</b> </td> </tr> <tr align="center"> <td> <b>籍贯</b> </td> <td> </td> <td> 学历 </td> <td> <b>本科</b> </td> </tr> <tr align="center"> <td> 毕业院校 </td> <td> </td> <td> 专业 </td> <td colspan="2"> <b>汽车检测与维修</b> </td> </tr> <tr align="center"> <td> 政治面貌 </td> <td> <b>团员</b> </td> <td> 家庭住址 </td> <td colspan="2"> </td> </tr> <tr align="center"> <td> 健康状况 </td> <td> <b>健康</b> </td> <td> 联系电话 </td> <td colspan="2"> </td> </tr> <tr> <td align=

SpringBoot模板

阅读更多关于 SpringBoot模板

Thymeleaf 模板相关 pom 依赖　<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> Spring Boot 官方文档建议在开发时将缓存关闭，那就在 application.properties 文件中加入下面这行 spring.thymeleaf.cache=false 对应的后台代码 package com.huang.springboot02.entity; import lombok.Data; /** * @auther 宇晨 * @company * @create 2019-11-25-20:12 */ @Data public class User { private Integer uid; private String uname; private String pwd; public User() { } public User(Integer uid, String uname, String pwd) { this.uid = uid; this.uname = uname; this.pwd = pwd; } } package com

注册页面css版本

阅读更多关于注册页面css版本

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title> <style> *{ margin: 0px; padding: 0px; } body{ background: url("img/register_bg.png") no-repeat; } .rg_layout{ width:900px; height:500px; border:#EEEEEE solid 10px; background: aliceblue; margin: auto; margin-top: 135px; } .rg_left{ /* border: red solid 1px;*/ float:left; margin: 15px; } .rg_left > p:first-child { color: #FFD026; font-size:20px; } .rg_left > p:last-child{ color: #A6A6A6; font-size: 20px; } .rg_center{ /* border: red solid 1px;*/ float:left; } .rg_right{ /* border: red solid 1px;*/ float:right;

laravel分页功能

阅读更多关于 laravel分页功能

　　laravel的分页功能类似thinkphp的分页功能，封装了一个非常简便的方法　　paginate()和simplePaginate()，括号里面填数字，是每一页要输出的数据条数　　区别在于paginate()显示上一页，下一个，和对应第几页的数字，而simplePaginate()只执行了上一页，下一页的翻页功能，没有对应的数字页码数　　paginate()方法　　控制器里的代码 $res = Test::paginate(3); return view('lara', ['res' => $res]); 　　视图文件的代码　　 <body> <table> @foreach($res as $v) <tr> <td>{{$v->uname}}</td> <td>{{$v->password}}</td> <td>{{$v->sex}}</td> </tr> @endforeach </table> {{$res->links()}} </body> 　　显示结果　　　　simplePaginate()方法　　控制器里的代码　　 $res = Test::simplePaginate(3); return view('lara', ['res' => $res]); 　　视图文件代码同上　　　　最后引入bootstrap文件就可以显示当前页码样式

HTML 基本标签

阅读更多关于 HTML 基本标签

HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Hello</title> </head> <body> <h1> Hello World </h1> </body> </html> 注释  注意：注释不能嵌套使用 3.4 文本标签 HTML 标签描述整个 HTML 文件，方便浏览器表示 HTML 标签内部有两个子标签：head、body head 标签描述整个 HTML 头部咨询信息包括：title 标题、meta 元数据、style 样式、script 脚本、link 连接、…... body 标签描述网页显示的内容所有网页中显示的内容都会写到body标签中 3.5 排版标签 p 标签：描述段落、将HTML内容拆分成段落 align 对其标签： left、center、right 。默认left br 换行标签：将段落内容进行换行，一般写成 hr 分割线标签：一般写成 hr 标签的属性： size: 厚度、大小。 width：宽度、单位可以使 px 像素，也可以是% 百分率；默认值为 100%。 color：颜色。 3.6 div 块标签 div 块标签：在文档中定义块，一般需要和css结合实现网页 span 标签：

Versant数据库实验

阅读更多关于 Versant数据库实验

Versant是面向对象数据库，本文主要做了一个关于瑞士军刀的数据库。实验环境Versant+JSP+Tomcat 所有类如下图：增加配件（Accessories）页面如下： addAccessories.jsp代码如下 addAccessories.jsp 1 <%@ page contentType="text/html;Charset=gb2312"%> 2 <%@ page import="com.versant.trans.*" %> 3 <%@ page import="versant.*" %> 4 <%@ page import="java.util.*" %> 5 <% 6 String classtype=request.getParameter("classtype"); 7 String name=request.getParameter("name"); 8 if(name!=null){ 9 ToVersant toversant=new ToVersant(); 10 int model=Integer.parseInt(request.getParameter("model")); 11 int length=Integer.parseInt(request.getParameter("length"));//长度 12 int width

前端基础之初识 HTML

阅读更多关于前端基础之初识 HTML

HTML HTML（Hypertext Markup Language）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈. 下面我们来学习 HTML 基础知识！ head部分自动刷新、标题、ico： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>python之路</title> <link rel="python icon

Jquery表单验证

阅读更多关于 Jquery表单验证

使用插件：formValidator 下载链接： http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html 使用步骤： 1.首先在项目中添加必备js与css 2.代码中添加引用（必备引用） <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>  <script src="formValidator1/formValidator-4.0.1.min.js" type="text/javascript"></script>  <script src="formValidator1/formValidatorRegex.js" type="text/javascript"></script>  <link href="formValidator1/style/validator.css" rel="stylesheet" type="text/css" /> 3.<body>中要验证的标签（做一些常用的演示） <table border="0px" style="font-size:12px"> <tr>

HTML知识点总结Ⅱ

阅读更多关于 HTML知识点总结Ⅱ

㈠表格 ⑴表格的基本结构 ①表格的基本标签有：table标签（表格），tr标签（行），td标签（单元格）。<tr>标签和<td>标签都要在表格的开始标签<table>和结束标签</table>之间才有效。 ②tr即"table row"(表格行)，td即"table data cell"(表格单元格)。 ③<table>和</table>标记着表格的开始和结束；<tr>和</tr>标记着行的开始和结束；<td>和</td>标记着单元格的开始和结束。在表格中包含几组<tr></tr>就表示该表格为几行。 ④用代码看一下它的语法： 1 <html> 2 3 <body> 4 5 <p>每个表格由 table 标签开始。</p> 6 <p>每个表格行由 tr 标签开始。</p> 7 <p>每个表格数据由 td 标签开始。</p> 8 9 <h4>一列：</h4> 10 <table > 11 <tr> 12 <td>100</td> 13 </tr> 14 </table> 15 16 <h4>一行三列：</h4> 17 <table > 18 <tr> 19 <td>100</td> 20 <td>200</td> 21 <td>300</td> 22 </tr> 23 </table> 24 25 <h4>两行三列：</h4> 26 <table> 27 <tr> 28 <td

订阅 td