2020年02月_孙砚秋

原创 01 ，aws mfa 认证：

1 ，目的：多重验证每次登录都需要：手机验证2 ，操作步骤：电脑操作：手机下载 authy

2020-02-11 11:35:40 529

原创 16 ，tree ，左边目录

1 ，效果：2 ，代码：<ul id="tt" class="easyui-tree"> <li><span>Folder</span> <ul> <li><span>Sub Folder 1</span> &lt...

2020-02-05 01:07:45 108

原创 15 ，分页：

1 ，分页效果：2 ，分页代码：$('#pp').pagination({ total: 2000, pageSize: 10});<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>

2020-02-05 00:58:18 109

原创 15，二级按钮：

1 ，效果：2 ，代码：$('#aa').menubutton({ iconCls: 'icon-edit', menu: '#bb'});<a href="javascript:void(0)" id="aa">Edit</a><div id="bb" style="width:150px;"> <div dat...

2020-02-04 21:58:31 420

原创 14，右键菜单：

1 ，效果：右键鼠标，出来菜单如图：2 ，代码：$(document).on("contextmenu",function (e) { e.preventDefault() $("#box").menu("show",{ left:e.pageX, top:e.pageY, })})<div id="box" ...

2020-02-04 21:40:05 105

原创 13 ，警告框，确认框，输入框

1 ，警告框：效果：代码：$.messager.alert("警告","你老婆快来了","warn")2 ，确认框：效果：代码：$.messager.confirm("请确认","您真的要删除吗？",function (flag) { alert(flag)})3 ，输入框：效果：代码：$.messager.prompt("请...

2020-02-04 21:17:01 389

原创 12 ，弹窗：对话框

1 ，对话框：代码：$('#tan01').dialog({ //标题 title: '王婷婷请选择', // 内容 content:"是否爱老公", // 尺寸 width: 400, height: 200, // 背景不可碰 modal: true, // 大小不可变 resizab...

2020-02-04 18:29:21 193

原创 11 ，弹窗：提示框

1 ，窗口：$('#tan01').window({ // 窗口大小 width: 600, height: 400, // 背景不能点 modal: true, // 标题 title:"请王婷婷阅读以下内容", // 内容 content:"老婆我爱你哦", // 是否可以拖动 draggab...

2020-02-04 17:14:35 374

原创 10，布局 ( layout ) ：东西南北中

1 ，布局：全部代码代码：<!DOCTYPE html><html><head><title>jQuery Easy UI</title><meta charset="UTF-8" /> <script type="text/javascript" src="easy_ui/jquery....

2020-02-04 12:28:14 817

原创 9 ，分类组件：折叠

1 ，展示：2 ，代码：$("#tab").accordion({ width:800, height:400,})<div id="tab"> <div title="aa">aa</div> <div title="bb">bb</div> <div title="cc"&g...

2020-02-04 11:22:02 227

原创 8 ，选项卡：

1 ，代码：$("#tab").tabs({ width:500, height:100,})<div id="tab"> <div title="aa">aa</div> <div title="bb">bb</div> <div title="cc">cc</div>&lt...

2020-02-04 11:06:39 204

原创 7 ，panel 面板：

1 ，面板：$("#aa").panel({ title:"孙福龙的幸福人生", width:500, height:200, // 可关闭 closable:true})<div id="aa"> <p>内容区域</p></div>2 ，面板的位置控制：$("#aa").panel({ title:"孙福龙的幸...

2020-02-04 11:05:11 330

原创 6，按钮，进度条，进度条跳动

一，按钮：1 ，按钮：$("#btn01").linkbutton()2 ，禁用按钮：代码：$("#btn01").linkbutton({ disabled:true})效果：按钮变灰了3 ，按钮变成复选框的样子：代码：$(".btn").linkbutton({ toggle:true,})<a class="bt...

2020-02-04 00:08:11 278

原创 5 ，提示框：

1 ，提示框：代码：$("#tip").tooltip({ // 内容 content:"<strong>废话，爱到不要不要</strong>", // 位置 position:"bottom", // 是否鼠标跟随 trackMouse:true,})效果：鼠标落上，看到提示2 ，左右微调...

2020-02-03 14:25:29 144

原创 4 ，调整大小：

1 ，大小可变：// 大小可变$("#box").resizable({ // 方向：左，右，左右 handles:"s,e,se", // 最大最小宽高 minWidth:50, minHeight:50, maxWidth:500, maxHeight:500,})<div id="box" style="he...

2020-02-03 13:15:56 216

原创 3 ，拖入，拖出，触发函数：

1 ，拖入： droppable目的： a 拖到 b 中，进去后，b 变色代码：// 可拖动$("#box").draggable()// 可一作为容器，将其他元素拖入进来$("#wai").droppable({ // 接受 accept:"#box", // 进来后，调用函数 onDragEnter:function (e,sour...

2020-02-03 12:50:08 289

原创 2 ，拖动

1 ，拖动：简单实现html 部分：<div id="box" style="height: 100px;width: 100px;background-color: orange"></div>js 部分：$(function(){ $("#box").draggable()});结果：可以拖着走了2 ，只能拖住一部分 (...

2020-02-03 11:48:21 119

原创 1，easyUI 简介，项目初始化

1 ，初始化：<!DOCTYPE html><html><head> <title>jQuery Easy UI</title> <meta charset="UTF-8" />  <script type="text/javascript...

2020-02-02 22:13:48 210

原创 5 ，web 项目热部署：

1 ，热部署的作用：开发使用，写完代码，不用重启项目，即刻生效2 ，操作：edit configurations - deployment移除普通的 war ，新增 exploded 的 warserveron ‘Update’ action ： Update classes and resourceson framedeactivation ： Update classes...

2020-02-02 20:51:33 369

原创 12 ，ssm 连通：

1 ，web.xml ：<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocati...

2020-02-02 16:02:46 194

原创 11 ，mybatis generator 代码生成

1 ，保证数据库可以连通：使用 navicat 连接 mysql效果：2 ，连接数据库信息配置：文件名： datasource.properties文件内容：db.driverLocation=D:\\space\\maven\\repository\\mysql\\mysql-connector-java\\5.1.30\\mysql-connector-java...

2020-02-02 14:37:28 336

原创 10 ，ssm 项目初始化，maven-web 工程，tomcat 本地化配置，git 配置

一，web 项目初始化：1 ，mysql 建表：sql 语句：CREATE TABLE `t_user` ( `name` varchar(255) NOT NULL DEFAULT '', `pw` varchar(255) NOT NULL, `role` varchar(255) DEFAULT NULL, `create_time` varchar(255...

2020-02-02 11:02:54 184

孙砚秋的博客