td | 易学教程

MyFirstJavaWeb

阅读更多关于 MyFirstJavaWeb

源代码： Register.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>注册页面</title> <script type="text/javascript"> function check(form) { with (form) { if (username.value == "") { alert("用户名不能为空"); return false; } else if (password.value == "" || password1.value == "") { alert("密码不能为空"); return false; } else return true; } } </script> <style> .a { border: 2px solid #a1a1a1; padding: 10px 40px; /* background:#dddddd; */ width: px; border-radius: 25px; }

Thymeleaf常用语法：数据迭代

阅读更多关于 Thymeleaf常用语法：数据迭代

Thymeleaf数据迭代使用th:each属性，可以迭代数组、List、Set和Map等，数组、List、Set的迭代方法类似，迭代Map则会得到一个java.util.Map.Entry对象。在迭代过程中，还可以获取迭代状态的变量，如迭代索引、数据集合大小等等。开发环境：IntelliJ IDEA 2019.2.2 Spring Boot版本：2.1.8 新建一个名称为demo的Spring Boot项目。 1、pom.xml 加入Thymeleaf依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 2、src/main/java/com/example/demo/user.java package com.example.demo; public class User { Integer id; String name; public User(Integer id, String name) { this.id = id; this.name = name; } public Integer getId() { return id; } public void

table 单列宽度设置

阅读更多关于 table 单列宽度设置

参考： https://blog.csdn.net/lunhui1994_/article/details/81120579 效果： html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>test</title> <link rel="stylesheet" href="css/amazeui.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <style> .table-items { table-layout: fixed;//td的宽度固定，不随内容变化 } .table-items>tbody>tr>td {//文字超出显示省略号 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } </style> </head> <body> <div class="am-cf"> <table class="am-table am

以常见页面元素展示JSON数据

阅读更多关于以常见页面元素展示JSON数据

1 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 2 <html> 3 <head> 4 <title>jsondemo</title> 5 <script src="js/jquery-1.12.4.min.js"></script> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 10 $(function () {// 11 var json = {"name":"jillion","age":18}; 12 console.log(typeof json);//Object 13 //js中将js的对象转化成字符串，有利于网络间的传输 14 var str = JSON.stringify(json);//String if yes 15 //"{'name':'jillion','age':18}" 16 //将json格式的字符串如何转换成对象，方便属性的获取 17 var obj = JSON.parse(str); 18 // alert(obj.name); 19 20 21 //json字符串数组 22 var countryArray = [ "中国", "美国", "俄罗斯" ]; 23 var

js 导出excel

阅读更多关于 js 导出excel

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html 表格导出Excel</title> </head> <body> <div > <button onclick="method('tableExcel')">表格导出Excel</button> <button onclick="jsonMethod()">json导出Excel</button> </div> <div id="myDiv"> <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr><td colspan="5" align="center">html 表格导出道Excel</td></tr> <tr><td>列标题1</td><td>列标题2</td><td>类标题3</td><td>列标题4</td><td>列标题5</td></tr> <tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td><td>eee</td></tr> <tr><td>AAA</td><td>BBB</td><td>CCC</td><td>DDD</td><td>EEE</td><

JQuery刷新页面IE无刷新

阅读更多关于 JQuery刷新页面IE无刷新

JQuery 使用ajax调用后台数据，刷新页面时。会有缓存问题。在ajax参数中增加一个time参数。如 function refreshList(){ $.ajax({ /**通過JS向後臺獲取數據，返回值為應用市場列表*/ type: 'get', url: getApplyMarkerList, dataType: 'json', data: { requestPage: currentPage, time: $.now() }, success: function(data) { if(data.status == 'true') { var detail = data.applyMarkerData; var arr=""; $("#stripe").find("tr").remove(); for(var i=0;i<detail.length;i++){ var tr = "<tr>" + "<td><input type='checkbox' name='applyId' value='"+detail[i].apply_id+"'></td>"+ "<td>"+detail[i].apply_id+"</td>"+ "<td>"+detail[i].apply_name+"</td>" + "</tr>"; arr +=tr; } $('#stripe')

js 导出excel

阅读更多关于 js 导出excel

使用jQuery进行JSON解析

阅读更多关于使用jQuery进行JSON解析

|--要求 |--代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>以常见元素展示json数据</title> 6 <style> 7 h1 { 8 color: blue; 9 font-family: 幼圆 10 } 11 </style> 12 <script src="../js/jquery-1.12.4.js"></script> 13 </head> 14 <body> 15 <script> 16 17 $(function () { 18 //加载json数据 19 var usrAarry = [ 20 {userid: 1, username: "王俊凯", address: "老挝国"}, 21 {userid: 2, username: "王源", address: "夜郎国"}, 22 {userid: 3, username: "易烊千玺", address: "黔之国"}, 23 {userid: 4, username: "假粉丝", address: "千鸟国"} 24 ]; 25 //展示表格 26 var tablehead = $("#table").append("<tr><td>序号</td><td>名字</td><td

Html table 内容超出显示省略号

阅读更多关于 Html table 内容超出显示省略号

内容超出显示省略号： <html> <style> table { table-layout: fixed; width: 100%; } table, th, td { border: 1px solid #999; padding: 5px; text-align: left; } td.desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> <table> <thead> <tr> <th class="desc">项目名</th> <th width='20%' class="desc">Url</th> <th width='40%' class="desc">描述</th> <th>语言</th> <th class="number desc">Stars</th> </tr> </thead> <tbody> {% for source in sources %} <tr> <td class="desc" title="{{ source.name }}">{{ source.name }}</td> <td class="desc" title="{{ source.url }}">{{ source.url }}</td> <td class="desc"

5 body相关标签（2）

阅读更多关于 5 body相关标签（2）

1 表格标签 table <div class="table"> <table>  <thead>  <tr>  <th></th> </tr> </thead>  <tbody>  <tr>  <td></td> </tr> <tr> <td></td> </tr> </tbody>  <tfoot> <tr> <td></td> </tr> </tfoot> </table> </div> <body> <div class="table"> <table border="1" cellspacing="0">  <thead>  <tr>  <th></th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> </thead>  <tbody>  <tr> <td rowspan="3">上午</td> <!--表格列，

订阅 td