JS
文章平均质量分 57
Naraseny
这个作者很懒,什么都没留下…
展开
-
easyUI Tree树形菜单连接数据库进行显示
访问控制策略了解一下RBAC访问控制策略一般有以下几种方式:(1)自由型访问控制:用户|对象来决定访问权限。信息的所有者来设定谁有权限来访问信息以及操作类型(读,写,执行...)是一种基于身份的访问控制。例如UNIX权限管理。(2)强制性访问控制:系统来决定访问权限。安全属性是强制型的规定,它由安全管理员或操作系统根据限定的规则确定的,是一种规则的访问控制(3)基于角色的访问控制:角色决定访问权限。用组织角色来同意或拒绝访问。比MAC,DAC更灵活,适合作为大多数公司的安全策略,但对一些原创 2022-05-15 00:14:37 · 368 阅读 · 0 评论 -
Bootstrap布局媒体对象页面内容表格与组件模态框
媒体对象的使用官网文档样式案例:制作一个书籍显示简单类型<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>书籍商城首页</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <script src="js/j.原创 2022-05-15 00:07:28 · 275 阅读 · 0 评论 -
Bootstrap折叠组,列表组,轮播使用与简单组合布局
Bootrap折叠组与列表组实现一个简单收缩列表 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <script src="js/jquery-3.6.0.js" t原创 2022-05-14 23:48:30 · 198 阅读 · 0 评论 -
Bootstrap前端框架的基本使用
前端框架的理解1.前端框架是什么意思? 前端框架一般指用于简化网页设计的框架,使用广泛的前端开发套件,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等),使用前端框架可以帮助快速的网站。 框架是提供一套完整的解决方案,按照规定好的代码结构来做编排,同时前端功能越来越强大而产生的前端框架,所以开发web产品就很必要用前端框架(前端架构)。2.Web前端开发技术三要素 Web前端开发技术框原创 2022-05-14 23:45:57 · 859 阅读 · 0 评论 -
ajax实现无刷新分页与提示
封装dao方法 通用查询/** * 通用的曾删改 * * @param sql * @param objct * @return */ public int executeUpdate(String sql, Object... objct) { int n=0; conn=DBHelper.getConn(); try { ps=conn.prepareStatement(sql); for (int i = 0; i < obj原创 2022-05-14 23:42:05 · 78 阅读 · 0 评论 -
Ajax实现验证手机号码是否被注册与搜索提示的完善json的使用
ajax介绍优点 (1)不需要插件支持(一般浏览器且默认开启JavaScript即可) (2)用户体验极佳(不刷新页面即可获取可更新的数据) (3)提升WEB程序的性能(在传递数据方面做到按需发送,不必整体提交) (4)减轻服务器和带宽的负担(将服务器的一些操作转移到移动客户端)缺点 (1)前进、后退的功能被破坏(因为AJAX永远在当前页,不会记录前后页面) (2)搜索引擎的支持度不够(因为搜索引擎爬虫还不能理解JS引起变化数据的内容) (3...原创 2022-05-14 23:37:22 · 337 阅读 · 0 评论 -
CKeditor富文本的使用与插件SmartUpload上传图片
CKeditor富文本编辑器的使用所需js 文件文件密码:897z效果图:富文本编辑器是什么?富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能,方便那些不太懂HTML用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一样长。常见的富文本编辑器有? ckeditor(***) Kindeditor ueditor wang..原创 2022-05-14 22:50:28 · 336 阅读 · 0 评论 -
application&javabean封装
目录回顾上一章内容:session与Cookie对比?相同点:①都是用来保持用户状态的一种机制②都会过期(生存期限)不同点:本章内容:application与session、cookie的区别?application对象是什么?application对象常用的方法有哪些?案例演示,代码如下:application的方法演示:application实现统计网站访客:javabean封装的使用: --举例:Student(entity实体类)...原创 2022-05-13 16:46:09 · 96 阅读 · 0 评论 -
session与Cookie和fastJSON架包的使用
session与Cookie详解xmind:session的一些方法与概述:session-》内置对象1.概述 服务器端会话技术,在一次会话的多次请求间共享数据,将数据保存在服务器端的对象。jsp:session servlet:HttpSession 2.快速入门 获取一个值 根据剑 (1)getAttribute(String name); 设置一个值 剑与值 (2)setAttribute(String name原创 2022-05-04 12:20:07 · 80 阅读 · 0 评论 -
oracle标识列的实现与iframe的使用 oracle的分页代码实现 查看 修改 删除
oracle标识列实现:1、创建序列# create sequence 序列名 increment by 1 start with 1 maxvalue 999999999; 2、创建触发器# create or replace trigger 触发器名 before insert on 表名 for each row declare -- local variables here begin SELECT 序列名.Nextval INT原创 2022-04-07 19:58:07 · 71 阅读 · 0 评论 -
验证码的实现 与jQuery阻止跳转封装数据库工具类oracle
验证码的实现 jQuery 加 js 实现: var cns = ['q','w','e','r','t','y','u','i','o','p','a','s','d','f','g','h','j','k','l','z','x','c','v','b','n', 'm','M','N','B','V','C','X','Z','A','S','D','F','G','H','J','K','L','P','O','I','U','Y','T','R','E','W','Q',原创 2022-04-06 21:34:56 · 85 阅读 · 0 评论 -
页面跳转方式&JDBC(orcle)交互
java与jacascript的跳转方式:JSP页面跳转方式:form表单提交跳转(上节课已讲):要求:action和method都需要配置,method不自己设置,默认就是get请求问题:参数传递<form action = "1.jsp?password=123" method = "post"> 账号: <input type = "text" name = "username"/> <br/><br/> .原创 2022-04-05 21:47:49 · 120 阅读 · 0 评论 -
jsp基本语法&表单提交方式&request对象
jsp基本语法:1.1 什么是jsp? jsp(java server pages)java服务器端页面,它是一种动态网页开发技术,使用了jsp标签在html网页中插入java代码;标签通常以<%开头以%>结束。1.2 jsp页面元素的构成 注释(html注释,jsp注释,js注释 java)、声明、小脚本、表达式、指令、静态内容1.3 jsp指令 page指令:通常位于jsp页面的顶端,同一个页面可以有多个page指令。-------本堂课讲解...原创 2022-03-27 19:46:54 · 749 阅读 · 0 评论 -
jQuery自定义插件全选框与复选框封装
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $.fn.原创 2022-03-23 21:02:09 · 128 阅读 · 0 评论 -
自义定插件与第三方表单插件
回顾上一节:click 点击事件 mouseover 鼠标移入事件 mouseout 鼠标移出事件focus 获取焦点事件 blur失去焦点事件 keyup 按键事件自定义插件: // $.extend(); $.fn.extend();$.extend()实现对象继承:var person = {"name":"东方不败","sex":"女"}; var stu = {}; console.log($.type(stu)); console.l..原创 2022-03-23 20:59:49 · 1584 阅读 · 0 评论 -
jQuery中的一些事件与动画
原生态javascript加载函数和jQuery加载函数的使用及区别: 1.原生态js加载函数的编写 2种形式 a.window.onload = function(){} 1个 多个的情况,前者无效 b.window.addEventListener('事件名称',function(){}); 多个 在一个页面中出现多个window.onload,前者会覆盖前者 window.onload = fun...原创 2022-03-22 12:04:47 · 670 阅读 · 0 评论 -
jQuery $工具方法 与Css属性方法
本节内容:append 追加的方法:$("#oDiv").append($("<a href='#'>百度</a>"));html 替代了js中的innerHTML属性 可设置可获取:$("#oDiv").html("<p>标题一</p>");$("#oDiv").html($("<a href='#'>百度</a>"));$(js对象) 作用:转换作用:将一个...原创 2022-03-18 20:04:00 · 897 阅读 · 0 评论 -
jQuery之筛选&文档处理
回顾上一节:①Style属性方式 xx.style.fontSize②js调用css this.className="aa"③制作随鼠标滚动的广告图片onscrolldocument.documentElement.scrollTop/Left本节内容:数字:\d [0-9]合法字符:\w [0-9a-zA-Z_]空格:\s取反:[^abc]至少出现1次:+出现1次或者0次:?出现任意次:*真正的点:\.或者:|[a-g]{3}:在a-g中任选1个原创 2022-03-18 18:18:27 · 941 阅读 · 0 评论 -
jQuery之选择器的使用
jQuery的入门及了解:使用时必须在头部使用script标签引入jQuery!代码如下:了解js与jQuery的加载函数:一般使用简写的写法!<!-- 原生态JS代码实现点击弹窗 --> <script type="text/javascript"> //加载函数(两种方法): // 1.window.onload = function(){} // 2.window.addEventListener('load',func原创 2022-03-17 14:12:16 · 978 阅读 · 0 评论 -
表单验证(JS的正则表达式)
回顾上一节:①Style属性方式 xx.style.fontSize②js调用css this.className="aa"③制作随鼠标滚动的广告图片onscrolldocument.documentElement.scrollTop/Left本节内容:数字:\d [0-9]合法字符:\w [0-9a-zA-Z_]空格:\s取反:[^abc]至少出现1次:+出现1次或者0次:?出现任意次:*真正的点:\.或者:|[a-g]{3}:在a-g中任选1个原创 2022-03-18 18:17:36 · 116 阅读 · 0 评论 -
JS表格的操作(增删改查)、图片轮换
1.简单的表格操作:</style><script type="text/javascript">function addRow(){ var fRow=document.getElementById("row3");var newRow=document.createElement("tr") ; //创建行节点var col1=document.createElement("td"); //创建单元格节点col1.innerHTML="幸福从天而降";原创 2022-03-08 20:32:54 · 1301 阅读 · 0 评论 -
DOM的节点操作
回顾上一节内容:1.如何获取页面上的元素(标签)选择器优先:1.1通过方法的形式去获取页面上的标签document.getElementById();document.getElementsByName();document.getElementsByTagName();document.getElementsByClassName('类名');document.querySelector('选择器');document.querySelectorAll('选择器.原创 2022-03-08 20:20:46 · 64 阅读 · 0 评论 -
TAB切换效果
效果图:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="tex.原创 2022-03-07 15:31:18 · 98 阅读 · 0 评论 -
JS制作横向菜单
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=g.原创 2022-03-07 15:26:17 · 735 阅读 · 0 评论 -
JS制作树形菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=g.原创 2022-03-07 15:25:20 · 687 阅读 · 0 评论 -
JS实现带关闭按钮的广告图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; chars.原创 2022-03-07 15:19:18 · 1315 阅读 · 0 评论 -
模拟网页自动跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // location对象 --属于window对象的子对象. // href属性:设置或获取URL地址(网址) //加载函数 window.onload.原创 2022-03-07 15:18:39 · 156 阅读 · 0 评论 -
模拟网页自动跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // location对象 --属于window对象的子对象. // href属性:设置或获取URL地址(网址) //加载函数 window.onload.原创 2022-03-07 15:13:01 · 90 阅读 · 0 评论 -
利用JS实现网页的导航(nav)图
效果图:代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0px; padding: 0px; list-style: none } #contain原创 2022-03-07 14:54:23 · 1355 阅读 · 0 评论 -
利用JS实现单选和复选,还有全选按钮
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><!-- checked="checked" 控制单选 复选 选中 --> <input id="checkAll" type="checkbox">全选&l原创 2022-03-07 14:49:12 · 3181 阅读 · 0 评论 -
DOM编程之获取元素
回顾上一节内容:①.函数的使用:系统的函数:parseInt(); parseFloat(); evel(); isNaN('123a');自定义函数:可以利用function 对象创建函数:var mysum = new Function('num1=1','num2=2','return num1+num2');②.BOM编程window--顶层对象alert();网页弹窗,类似于syso的打印console.log('无参数函数');控制台pro原创 2022-03-06 20:06:43 · 355 阅读 · 0 评论