td

SpringBoot整合Spring Data JPA

China☆狼群 提交于 2019-12-03 20:53:21
SpringBoot整合Spring Data JPA,并在页面展示 1.添加依赖:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.gxh</groupId> <artifactId>springbootdemo2</artifactId> <version>1.0-SNAPSHOT</version> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.0.2.RELEASE</version> </parent> <dependencies> <!--1

<jsp:include>和<%@include%>的区别

此生再无相见时 提交于 2019-12-03 19:33:11
<%@include%>和<jsp:include>的区别,发现了一些东西的。 <%@include%>:页面 请求之前预编译 ,所有代码包含进来之后,一起进行处理,把所有代码合在一起,编译成一个servlet <jsp:include>:所有代码分别处理,在页面 被请求的时候 才编译,被编译成多个servlet,页面语法相对独立,处理完成之后再将代码的显示结果(处理结果)组合进来。 JSP中的两种包含页面的方法 第一种 :include指令:当JSP转换成Servlet时引入指定文件 <%@ pagecontentType="text/html;charset=GB2312" language="java"errorPage=""%> <%@ include file="head.jsp"%> <%@ include file="body.jsp"%> <%@ include file="tail.jsp"%> 第二种 :<jsp:include>动作元素:当JSP页面被请求时引入指定文件 <%@ page contentType="text/html; charset=GB2312"language="java" errorPage=""%> <jsp:include page="head.jsp"/> <jsp:include page="body.jsp"/> <jsp

Vue 组件总结 (一、拖拽组件 Vue-draggable)

你。 提交于 2019-12-03 18:10:44
一、vue-draggable 安装使用npm地址: https://www.npmjs.com/package/vuedraggable 二、表格拖拽使用, 举例: <table class="table table-condensed"> <thead> <tr> <th>视频ID</th> <th>名称</th> <th>作者</th> <th>创建时间</th> <th>时长</th> <th>操作</th> </tr> </thead> <draggable element="tbody" class="list-group" v-model="tableData"> <tr style="cursor:move;" v-for="(item,index) in tableData" :key="'item'+index"> <td>{{item.videoId}}</td> <td>{{item.name}}</td> <td>{{item.author.name}}</td> <td>{{item.createTime}}</td> <td>{{item.length}}</td> <td>删除</td> </tr> </draggable> </table> <script> import draggable from 'vuedraggable' export

table添加水平滚动条

被刻印的时光 ゝ 提交于 2019-12-03 17:07:20
<html> <head> <title>table新增水平滚动条</title> <style type="text/css"> .tableWrap { overflow: auto; } table{ width: 100% } table th{ white-space: nowrap; } table td{ white-space: nowrap; } </style> </head> <body> <div class="tableWrap"> <table> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> <tr><td>2222</td><tr> </table> </div> </body> </html> 来源: https://www.cnblogs.com/Harold-Hua/p

layui复选框全选/反选

给你一囗甜甜゛ 提交于 2019-12-03 16:50:59
效果图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="https://heerey525.github.io/layui-v2.4.3/layui/css/layui.css" media="all"> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://heerey525.github.io/layui-v2.4.3/layui/layui.js"></script> </head> <body> <form class="layui-form" > <div class="memberboxy_xiaoxi2"> <a

HTML 表格

梦想的初衷 提交于 2019-12-03 15:47:43
HTML 表格实例: First Name Last Name Points Jill Smith 50 Eve Jackson 94 John Doe 80 Adam Johnson 67 在线实例 表格 这个例子演示如何在 HTML 文档中创建表格。 (可以在本页底端找到更多实例。) HTML 表格 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格实例 实例 < table border = " 1 " > < tr > < td > row 1, cell 1 </ td > < td > row 1, cell 2 </ td > </ tr > < tr > < td > row 2, cell 1 </ td > < td > row 2, cell 2 </ td > </ tr > </ table > 在浏览器显示如下:: HTML 表格和边框属性 如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。 使用边框属性来显示一个带有边框的表格: 实例 < table border = " 1 " > < tr >

spring boot整合spring Data JPA和freemarker

依然范特西╮ 提交于 2019-12-03 15:10:15
1、spring Data JPA简介   是一个替代hibernate的一个作用于数据库的框架。 2、整合   1、导入依赖         <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency> <dependency>   2、创建pojo对象   3、创建dao层 package com.offcn.dao; import com.offcn.pojo.User; import org.springframework.data.jpa.repository.JpaRepository; public interface UserDao extends JpaRepository<User,Integer> { }   这里整合后不需要写一些简单的sql语句。   4、在配置类中配置扫描路径 package com.offcn; import org.mybatis.spring

简单使用:SpringBoot使用freemarker

柔情痞子 提交于 2019-12-03 15:03:41
使用步骤: a : 添加依赖 b: 创建模板文件 保存位置resources/templates 目录下 文件后缀名.ftl c 编写controller 把结果传递给模板 在resources.templates下创建user.ftl文件,内容如下 <html> <head> <title>springboot</title> </head> <body> <table border="1px"> <thead> <tr> <th>id</th> <th>用户名</th> <th>密码</th> <th>姓名</th> </tr> </thead> <tbody> <#list users as user> <tr> <td>${user.id}</td> <td>${user.username}</td> <td>${user.password}</td> <td>${user.name}</td> </tr> </#list> </tbody> </table> </body> </html>dao层: List<User> getAllUser();Controller层: @RequestMapping("/list")public String show(Model mode){ List<User> users = userDao.findAll(); mode

JSP 与Javabean 的交互技术

六月ゝ 毕业季﹏ 提交于 2019-12-03 10:33:12
JSP 与Javabean 的交互技术 JavaBean的属性可以是任意类型,并且一个JavaBean可以有多个属性。每个属性通常都需要具有相应的setter、 getter方法,setter方法称为属性修改器,getter方法称为属性访问器。 属性修改器必须以小写的set前缀开始,后跟属性名,且属性名的第一个字母要改为大写,例如,name属性的修改器名称为setName,password属性的修改器名称为setPassword。 属性访问器通常以小写的get前缀开始,后跟属性名,且属性名的第一个字母也要改为大写,例如,name属性的访问器名称为getName,password属性的访问器名称为getPassword。 一个JavaBean的某个属性也可以只有set方法或get方法,这样的属性通常也称之为只写、只读属性。 index jsp页面代码交互代码: <%@page contentType="text/html;charset=gbk"%> <FORM METHOD=POST ACTION="saveinfo.jsp"> <table border="1"> <tr><td>书号</td><td><INPUT TYPE="text" NAME="bid"></td></tr> <tr><td>书名</td><td><INPUT TYPE="text" NAME="bname

js动态表格

人盡茶涼 提交于 2019-12-03 10:24:50
用js实现动态增加表格行数。 html: <table> <thead> <tr> <td>学号</td> <td>姓名</td> <td>操作</td> </tr> </thead> <tbody id="body"></tbody> </table> <button onclick="add()">添加一行</button> css: 1 <style> 2 table{ 3 border: solid 1px #000000; 4 } 5 td{ 6 width: 100px; 7 border: solid 1px #000000; 8 } 9 </style> View Code 来源: https://www.cnblogs.com/Fourteen-Y/p/11791014.html