JavaWeb(基础学习)
开始学习Web前端
家乡的落日
博观约取,厚积薄发。拒绝浮躁,保持谦逊。
展开
-
niceValidator实现表单验证通过后再异步提交表单
js代码<script>$(function () { $("#msg_img").hide(); $('#registerForm').bind('valid.form', function () { //当所有表单输入项都校验通过后执行回调函数 $("#btn_submit").attr('disabled', true); //设置提交按钮为不可点击状态 ...原创 2020-03-19 09:52:11 · 441 阅读 · 0 评论 -
使用表单校验插件niceValidator异步校验用户名是否存在
引入niceValidator看这篇博客入门实现效果:为了演示简单 后台将已存在的用户名 固定设置为jerry参考官方文档代码示例:前台:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title&g...原创 2020-03-05 11:31:40 · 376 阅读 · 0 评论 -
十六、Ajax & Json
一、AJAX概念: ASynchronous JavaScript And XML 异步的JavaScript 和 XML异步和同步:客户端和服务器端相互通信的基础上客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技...原创 2020-03-04 23:23:31 · 282 阅读 · 0 评论 -
十五、JQuery深入之遍历函数和事件绑定
一、JQuery深入动画三种方式显示和隐藏元素默认显示和隐藏方式show([speed,[easing],[fn]])参数:speed:动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如:1000)easing:用来指定切换效果,默认是"swing",可用参数"linear"swing:动画执行时效果是 先慢,中间快,最后...原创 2020-03-03 22:56:56 · 404 阅读 · 0 评论 -
十四、JQuery基础之选择器&DOM操作
一、JQuery 基础1.1、 概念: 一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的Ja...原创 2020-03-02 21:35:25 · 453 阅读 · 0 评论 -
十三、Filter(过滤器)&Listener(监听器)
一、Filter:过滤器1.1、概念生活中的过滤器:净水器,空气净化器web中的过滤器:当访问服务器的资源时,过滤器可以将请求拦截下来,完成一些特殊的功能。过滤器的作用:一般用于完成通用的操作。如:登录验证、统一编码处理、敏感字符过滤…1.2、快速入门步骤定义一个类,实现接口Filter复写方法配置拦截路径注解(常用)web.xml代码:@WebFilter("/*")...原创 2020-03-02 19:25:01 · 321 阅读 · 0 评论 -
jsp小案例 用户信息的增删改查(多条件查询)和分页列表展示
jsp小案例 用户信息的增删改查和列表展示其中的验证码功能 分页查询功能 和多条件查询功能为以后在企业开发中常用的必备技能 要重点掌握一、案例需求分析完成用户的增删改查操作二、技术选型用刚学过的 Servlet+JSP+MySQL+Druid数据库连接池+JDBCTemplate+BeanUtils工具类+tomcat8三、数据库设计用户表 : t_user字段: 编号...原创 2020-02-29 01:20:27 · 3377 阅读 · 0 评论 -
十二、EL表达式、JSTL标签和MVC开发模式入门
今日内容JSP:指令注释内置对象MVC开发模式EL表达式JSTL标签三层架构JSP:指令作用:用于配置JSP页面,导入资源文件格式:<%@ 指令名称 属性名1=属性值1 属性名2=属性值2 … %>分类:page : 配置JSP页面的contentType:等同于response.setContentT...原创 2020-02-23 23:52:11 · 329 阅读 · 0 评论 -
验证码登录案例(通过session实现一次性验证码)
案例需求:1、访问带有验证码的登录页面2、用户输入用户名、密码和验证码。全部正确 跳转到主页用户名密码输入错误 跳转到登录页 并且提示用户名或密码错误验证码输入错误 跳转到登录页 提示验证码输入错误3、分析实现效果:4、代码实现登录页面: login.jsp<%@ page contentType="text/html;charset=UTF-8" languag...原创 2020-02-23 01:18:31 · 2017 阅读 · 0 评论 -
十一、Cookie&Session
Cookie&Session1. 主要内容会话的概念cookie的概念创建、发送、接收、删除cookiecookie执行原理jsp的优势jsp代码片段、声明、脚本表达式session的概念获取session对象、添加、删除、获取session中的数据完成登录验证码案例2.1 会话技术概念: 当我们打开浏览器访问服务器的任意资源,会话开始. 直到最后关闭浏览器的整个...原创 2020-02-22 23:29:35 · 355 阅读 · 0 评论 -
十、Servlet之Response
内容概述1.HTTP协议:响应消息2.Response对象3.ServletContext对象4、文件下载案例包括中文文件名问题一、HTTP协议1.1、HTTP请求消息和响应消息请求消息:客户端发送给服务器端的数据数据格式:请求行请求头请求空行请求体响应消息:服务器端发送给客户端的数据数据格式:响应行组成:协议/版本 响应状态码 状态码描述响应状态码:服务器告诉客...原创 2020-02-21 00:05:08 · 475 阅读 · 0 评论 -
JavaWeb文件下载&验证码(学习了response对象之后练习用)
一、文件下载案例文件下载需求:页面显示超链接点击超链接后弹出下载提示框完成图片文件下载效果如下: 注意:英文文件名不会出问题 中文文件名需要处理 处理后如果IE浏览器版本过低遇到中文文件名还是会出问题这里使用火狐浏览器演示分析:浏览器默认的超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框。这样不满足需求现要求 任何资源都必须弹出下...原创 2020-02-21 00:04:43 · 678 阅读 · 0 评论 -
JavaWeb用户注册登录案例(使用mysql数据库)
一、效果如下登录演示:注册(用户名已存在)演示:注册成功和登录:二、使用到的技术和软件以及案例源码下载(使用到的技术在我前面的博客中都有介绍)前端: BootStrap框架 、 niceValidator表单验证框架 、(html,css,javascript)后台: druid数据库连接池 、JdbcTemplate框架 、BeanUtils快速封装数据的工具类 、(htt...原创 2020-02-19 22:33:23 · 4121 阅读 · 3 评论 -
快速封装JavaBean对象的工具类BeanUtils使用介绍
一、BeanUtils介绍1.1、BeanUtils工具类作用简化数据封装学习工具类之前要明确JavaBean的含义JavaBean含义: 标准的java类1.2、JavaBean需要遵守一些规范1、类必须被public修饰2、必须提供空参构造方法3、成员变量必须使用private修饰4、提供公共的(即public修饰的)getter 和 setter 方法1.3、Jav...原创 2020-02-18 21:00:52 · 1488 阅读 · 0 评论 -
九、Servlet&HTTP&Request
一、Servlet概念 、步骤 、执行原理 、生命周期、 Servlet3.0 注解配置这些内容在上一篇文章Servlet入门介绍过了下面继续介绍Servlet1.1 、Servlet的体系结构Servlet 接口GenericServlet 抽象类 实现了Servlet接口HttpServlet 抽象类 继承了GenericServletGenericServlet:...原创 2020-02-17 18:02:00 · 638 阅读 · 0 评论 -
八、Servlet入门
一、Servlet(server applet)概念:运行在服务器端的小程序Servlet就是一个接口,定义了Java类被浏览器访问到(tomcat识别)的规则。将来我们自定义一个类,实现Servlet接口,复写方法。二、快速入门创建JavaEE项目 如何创建看上一篇文章定义一个类,实现Servlet接口实现接口中的抽象方法package cn.kinggm520.web;i...原创 2020-02-16 00:04:37 · 280 阅读 · 0 评论 -
Tomcat服务器的安装配置和使用
一、web相关概念回顾这些在我前面的文章里都有提到过 现在回顾一下1.1软件架构C/S:客户端/服务器端B/S:浏览器/服务器端1.2资源分类静态资源:所有用户访问后,得到的结果都是一样的,称为静态资源.静态资源可以直接被浏览器解析如: html,css,JavaScript动态资源:每个用户访问相同资源后,得到的结果可能不一样。称为动态资源。动态资源被访问后,需要先转换为静态资源...原创 2020-02-15 14:29:51 · 482 阅读 · 0 评论 -
六、XML入门
一、XML简介1.1、概念Extensible Markup Language 可扩展标记语言。(可扩展:标签是自定义的 如 )1.2、功能用来存储数据做配置文件在网络中传输1.3、xml与html的区别xml的标签都是自定义的,而html的标签都是定义好的xml的语法严谨,而html的语法松散xml用来存储数据,html用来展示数据二、XML语法2.1、xml基本...原创 2020-02-14 23:55:07 · 597 阅读 · 0 评论 -
表单校验框架niceValidator的使用入门
niceValidator简介niceValidator是一个非常好用的表单校验框架 官网下面通过一个小的案例演示niceValidator的使用具体需要的jar包 直接下载这个小案例的项目代码 就一目了然了链接:https://pan.baidu.com/s/1_8Y9vDGtldBL8HCHHQISOw提取码:k5ie整个案例的结构:(由于使用了BootStrap框架所以有两个框...原创 2020-02-16 23:37:08 · 813 阅读 · 0 评论 -
五、前端框架Bootstrap
内容概述1. Bootstrap入门 具体学习直接看官网的开发文档就行了 [Bootstrap中文网](https://www.bootcss.com/)或者到菜鸟教程里学习 [Bootstrap菜鸟教程](https://www.runoob.com/bootstrap/bootstrap-tutorial.html)Bootstrap:1. 概念: 一个前端开发的框架,Boo...原创 2020-02-05 13:08:25 · 361 阅读 · 0 评论 -
HTML+CSS+JavaScript小案例(注册页面表单验证&轮播图&跳转主页&动态表格&select联动)
案例:(表单验证)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面+表单验证(用户名密码)</title> <style> input:focus { ...原创 2020-02-10 00:12:55 · 1931 阅读 · 0 评论 -
四、JavaScript之BOM&DOM&事件
内容概述: 1. DOM:Document Object Model 文档对象模型 2. BOM:Browser Object Model 浏览器对象模型DOM简单学习:为了满足案例要求* 功能:控制html文档的内容* 获取页面标签(元素)对象:Element * document.getElementById("id值"):通过元素的id获取元素对象* 操作Element对象...原创 2020-02-04 22:16:38 · 462 阅读 · 0 评论 -
三、JavaScript基础入门
mint原创 2020-02-03 14:42:29 · 304 阅读 · 0 评论 -
二、CSS入门
概念: Cascading Style Sheets 层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效好处:功能强大将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率CSS的使用:CSS与html结合方式内联样式在标签内使用style属性指定css代码如:hello css内部样式在head标签内,...原创 2020-02-02 10:26:25 · 329 阅读 · 0 评论 -
一、HTML入门
内容概述1. web概念概述2. HTML3. 推荐一个学前端的入门网站 [菜鸟教程](https://www.runoob.com/)web概念概述* JavaWeb: * 使用Java语言开发基于互联网的项目* 软件架构: 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序,在远程有一个服务器端程序 * 如:QQ,迅雷......原创 2020-02-02 00:09:49 · 541 阅读 · 0 评论