web开发学习
html,css,js应用
Joker-Tong
深度学习learning中
展开
-
Web 前端学习 之JDBC(用户登录案例)
Web 前端学习 之JDBC(用户登录案例)JavaEE 项目的三层架构分层的目的是为了解耦。解耦就是为了降低代码的耦合度。方便项目后期的维护和升级创建及准备工作本次案例建立在之前书城项目的基础上,因此先新建一个module,再创建如上图对应的分层文件夹在新建的book module中创建如下文件夹,并将之前准备好的网页复制进web目录下创建相应的mysql表drop database if exists book;create database book;use book;c原创 2020-09-15 22:12:47 · 775 阅读 · 0 评论 -
IDEA 中Debug 调试的使用
IDEA 中Debug 调试的使用原创 2020-09-15 22:12:34 · 289 阅读 · 0 评论 -
Web 前端学习 之Servlet(四) HttpServletResponse类
Web 前端学习 之Servlet(四) HttpServletResponse类文章目录Web 前端学习 之Servlet(四) HttpServletResponse类作用两个输出流往客户端回传数据中文乱码解决请求重定向作用HttpServletResponse 类和HttpServletRequest 类一样。每次请求进来,Tomcat 服务器都会创建一个Response 对象传递给Servlet 程序去使用。HttpServletRequest 表示请求过来的信息,HttpServletRe原创 2020-09-15 22:12:19 · 478 阅读 · 0 评论 -
Web 前端学习 之Servlet(三) HttpServletRequest 类
Web 前端学习 之Servlet2文章目录Web 前端学习 之Servlet21.HttpServletRequest 类作用常用方法获取请求参数post方法中文乱码解决1.HttpServletRequest 类作用每次只要有请求进入Tomcat 服务器,Tomcat 服务器就会把请求过来的HTTP 协议信息解析好封装到Request 对象中。然后传递到service 方法(doGet 和doPost)中给我们使用。我们可以通过HttpServletRequest 对象,获取到所有请求的信息。原创 2020-08-15 23:51:04 · 732 阅读 · 0 评论 -
Web 前端学习 之HTTP协议
Web 前端学习 之HTTP协议这部分知识或多或少都知道一点,不过尚硅谷的教程中介绍的比较细节,下面就截几张图注意,浏览器访问属于get请求原创 2020-08-13 09:40:39 · 179 阅读 · 0 评论 -
Web 前端学习 之servlet(二) servletConfig与servletContext
Web 前端学习 之servlet(二) servletConfigServletConfig类作用**可以获取 Servlet 程序的别名 servlet-name 的值 ****获取初始化参数 init-param **获取 ServletContext 对象先看看init-param的配置,同样是在web.xml文件中而每个servlet对象中都可以配置init-param也就是说配置的位置如下 <servlet> <servlet-na原创 2020-08-13 09:40:28 · 186 阅读 · 0 评论 -
Web 前端学习 之servlet技术(一)
Web 前端学习 之初识servletServlet技术简介手动实现Servlet程序要求: 实现如下功能1、编写一个类去实现Servlet 接口2、实现service 方法,处理请求,并响应数据3、到web.xml 中去配置servlet 程序的访问地址1.idea创建module在之前已经创建好的项目中选择New>Module选择JDK版本以及相应的Tomcat服务器版本,并勾选下面的Web Application为新建的module取一个名字,Finish即可2.原创 2020-08-13 09:40:12 · 549 阅读 · 0 评论 -
Web 前端学习 之Tomcat
Web 前端学习 之TomcatJavaWeb的概念Web资源的分类web 资源按实现的技术和呈现的效果的不同,又分为静态资源和动态资源两种。静态资源: html、css、js、txt、mp4 视频, jpg 图片动态资源: jsp 页面、Servlet 程序常用的Web 服务器Tomcat 服务器和Servlet 版本的对应关系Tomcat 的使用常见的启动失败的情况有,双击startup.bat 文件,就会出现一个小黑窗口一闪而来。这个时候,失败的原因基本上都是因为原创 2020-08-13 09:40:01 · 591 阅读 · 0 评论 -
Web 前端学习 之XML
Web 前端学习 之XML什么是XMLxml是可扩展的标记性语言xml的作用xml 的主要作用有:1、用来保存数据,而且这些数据具有自我描述性2、它还可以做为项目或者模块的配置文件3、还可以做为网络传输数据的格式(现在JSON 为主)。xml 语法1.文档声明xml文件开头部分如下图所示图书有id属性表示唯一标识,书名,作者,价格的信息如下<?xml version="1.0" encoding="utf-8" ?><books> <b原创 2020-08-13 09:39:49 · 1135 阅读 · 0 评论 -
Web 前端学习 之jQuery 综合案例 注册登录时的格式判断
Web 前端学习 之jQuery 综合案例 注册登录时的格式判断需求如下为注册界面,我们所需要做的是为这个页面加上一些判断的条件因为登录和注册界面是类似的,这里就以注册界面为例 <script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script> <script type="text/javascript"> // 页面加载完成之后 $(functi原创 2020-08-13 09:39:27 · 355 阅读 · 0 评论 -
Web 前端学习 之jQuery 案例 品牌展示
Web 前端学习 之jQuery 案例 品牌展示介绍需要实现以下效果案例简单观察一下上面的实现结果,我们发现这个简单的案例里面包括了下面这么一些细节需要实现点击按钮 隐藏/显示部分 文字点击按钮前后 改变按钮的文字与图标显示全部 的同时高亮为部分文字设置颜色0.源代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran原创 2020-08-04 20:32:22 · 394 阅读 · 0 评论 -
Web 前端学习 之jQuery 动画
Web 前端学习 之jQuery 动画简介案例这里也就是调用函数的过程代码如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <titl原创 2020-08-04 20:32:06 · 142 阅读 · 0 评论 -
Web 前端学习 之jQuery CSS样式操作
Web 前端学习 之jQuery CSS样式操作简介案例实现的目标如下代码如下注: toggleClass就是 如果具有该类那么删除,如果没有那么添加可以理解为add和remove的结合offset可以获取/设置元素的坐标,这里的坐标指的是元素左上角位置距离整个页面左边与顶部的距离<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g原创 2020-08-04 20:31:47 · 180 阅读 · 0 评论 -
Web 前端学习 之jQuery 案例(表单表格增删)
Web 前端学习 之jQuery 案例(表单表格增删)实现目标首先来看一下要实现的目标效果看似是一个很基本的操作,但是要考虑的细节还是比较多的,本次案例仅仅使用jq来完成,在项目中还需要结合后端,但是本质类似页面源代码html<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Untitled Document</tit原创 2020-08-04 20:31:32 · 502 阅读 · 0 评论 -
Web 前端学习 之jQuery DOM的增删改
Web 前端学习 之jQuery DOM的增删改介绍JQ列表中存放的就是DOM对象,这个我们之前就已经提到过了,下面是DOM的增删改的方法内部插入外部插入替换删除案例原创 2020-08-04 20:31:16 · 147 阅读 · 0 评论 -
Web 前端学习 之jQuery 事件操作
Web 前端学习 之jQuery 事件操作1.文档的加载jq与js页面初始函数的区别$(function(){})等价于$(document).ready(function(){})window.onload = function(){}标签显示需要的内容只的是如img标签里面的src等需要解析,所以原生js的页面加载函数会比jq慢一点<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w原创 2020-08-04 20:32:33 · 234 阅读 · 0 评论 -
Web 前端学习 之jQuery属性操作
Web 前端学习 之jQuery属性操作简介属性操作有如下三种方法分别跟之前js中的几种方法对应注意这里的html 与 text的区别html与text的区别获取属性下面举一个简单的例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JQ属性操作</title></head><body>原创 2020-07-31 10:43:29 · 198 阅读 · 0 评论 -
Web 前端学习 之jQuery基础概述
Web 前端学习 之jQuery概述1、jQuery 介绍什么是jQuery ?jQuery,顾名思义,也就是JavaScript 和查询(Query),它就是辅助JavaScript 开发的js 类库。jQuery 核心思想!!!它的核心思想是write less,do more(写得更少,做得更多),所以它实现了很多浏览器的兼容问题。jQuery 流行程度jQuery 现在已经成为最流行的JavaScript 库,在世界前10000 个访问最多的网站中,有超过55%在使用原创 2020-07-31 10:13:17 · 380 阅读 · 0 评论 -
Web 前端学习 之jQuery内容过滤器
Web 前端学习 之jQuery内容过滤器介绍内容过滤器containsemptyhasparent案例需求如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; char原创 2020-07-29 21:02:04 · 194 阅读 · 0 评论 -
Web 前端学习 之jQuery基本过滤器
Web 前端学习 之jQuery基本过滤器介绍基本过滤器firstlastnot()even 偶数odd 奇数eq equal 等于gt greater than 大于lt less than 小于header 标题animated 正在执行动画效果案例需求如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">&原创 2020-07-29 21:01:48 · 189 阅读 · 0 评论 -
Web 前端学习 之jQuery层级选择器
Web 前端学习 之jQuery层级选择器简洁jQuery层级选择器有下面这几种后代选择器子元素选择器相邻元素选择器兄弟元素选择器层级选择器后代选择器子元素选择器相邻元素选择器兄弟元素选择器综合案例需求: 实现下面功能<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head>原创 2020-07-29 21:01:39 · 318 阅读 · 0 评论 -
Web 前端学习 之jQuery基本选择器
Web 前端学习 之jQuery基本选择器介绍jQuery基本选择器有三种idclasselement基本选择器id选择器这里的 id="foo:bar"中的冒号在对应的 JQ 代码里需要转义如#foo\\:barclass选择器element选择器* 全选...原创 2020-07-29 21:01:28 · 258 阅读 · 0 评论 -
Web 前端学习 之js概述
Web 前端学习 之js概述1.JavaScript 介绍Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行JavaScript 代码。JS 是Netscape 网景公司的产品,最早取名为LiveScript;为了吸引更多java 程序员。更名为JavaScript。JS 是弱类型,Java 是强类型。如在Java中需要 int i = 1;在JS中只需要var i;即可特点:交互性(它可以做的就是信息的动态交互)安全性(不允许原创 2020-07-26 10:00:21 · 769 阅读 · 0 评论 -
JS笔记 标签存在但getElementBy方法为null的现象解析
JS 注意事项前言在之前的JS练习中,我发现当我使用getElementById方法时返回的却是null,而在我的html代码中id是存在的,为了理解这个原因,我查阅了一些资料正文错误案例首先给出我之前出现null返回时候的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <原创 2020-07-25 19:36:10 · 571 阅读 · 0 评论 -
Javascript 案例:验证登录用户名
Javascript 案例:验证登录用户名为了详细的介绍一下JS中的DOM模型,于是决定举个例子来说明一下,方便理解下图是JS中DOM模型,我们可以把它当成一个类 ,并通过.来获取类中的属性在登录界面,我们通常碰到过这样的问题,比如用户名不合法,没有首字母开头等等下面我就简单的实现一下需求我们的需求如下当用户点击了较验按钮,要获取输出框中的内容。然后验证其是否合法。验证的规则是:必须由字母,数字。下划线组成。并且长度是5到12位。这是一个非常简单的登录界面,为了演示方便,就不加什么c原创 2020-07-23 20:18:59 · 3924 阅读 · 0 评论 -
Web 前端学习之 JS中的事件
Web 前端学习之 JS中的事件1.前言什么是事件?事件是电脑输入设备与页面进行交互的响应。我们称之为事件。比如我们经常在访问页面时候点击按钮,比如下图我们想搜索东西的时候需要点击 ,百度一下,这就是一个点击事件2.常用的事件onload 加载完成事件: 页面加载完成之后,常用于做页面js 代码初始化操作onclick 单击事件: 常用于按钮的点击响应操作。onblur 失去焦点事件: 常用用于输入框失去焦点后验证其输入内容是否合法。onchange 内容发生改变事件: 常用于下拉列表和原创 2020-07-23 10:22:46 · 290 阅读 · 0 评论 -
Web 前端学习 之iframe详解
Web 前端学习 之iframe详解介绍iframe相当于一个页内的页面,可以结合超链接实现页内跳转等等操作, 看个图就知道了使用流程如下在iframe标签中使用name属性定义一个名称在a标签的target属性上设置iframe的name的属性值之前我们说过a标签的target可以选择是否在当前页面打开新窗口,这里只要把target改成iframe的name就可以实现业内的页面变换了实现直接放代码吧<!DOCTYPE html><html><head原创 2020-07-15 23:00:25 · 1889 阅读 · 0 评论 -
Web 前端学习 之表格详解
Web 前端学习 之表格详解这次的需求有两个做一个带表头的三行三列的表格,并显示边框修改表格的宽度,高度,对齐方式,单元格间距下面便结合这两个需求来介绍一下table标签最简单的表格一个最简单的表格包括行和列tr : 行td: 列(我们更喜欢把它看成单元格)直接看看效果来理解吧表格最外面的标签是table,内部嵌套使用tr和td,下面给出一个最简单的三行三列表格<!DOCTYPE html><html lang="en"><head>原创 2020-07-14 17:47:26 · 1136 阅读 · 3 评论 -
Web 前端学习 之img标签详解
Web 前端学习 img标签详解img标签是用来显示图片的,下面我将根据一个小案例来介绍他需求: 使用img标签显示一张美女的图片,并修改宽高,以及边框属性路径问题 src很显然 单凭一个img我们不可能显示出想要的图片,必须要结合相应的属性,其中最终要的就是路径了,它代表着我们想要显示的图片所在的位置相应的,大家应该都知道,路径分为相对路径和绝对路径而在html的语法中,这两种路径的用法与编程中有着一点点的区别相对路径. 代表文件所在的目录.. 代表上级目录直接输入文件名就代表当原创 2020-07-14 17:47:08 · 5708 阅读 · 0 评论 -
Web前端学习 之表单详解
Web 前端学习(一)html小案例题目:实现如下效果经过简单的观察,题目中包括了input标签,textarea标签原创 2020-01-15 17:42:05 · 721 阅读 · 0 评论 -
Web 前端学习 之html概述
Web 前端学习(一)html1.HTML的基本模板<!--文档类型的申明--><!DOCTYPE html><!--文档的开始 lang代表语言,en代表英语--><html lang="en"><!--文档的头部 开始标签--><head> <!--字符集编码格式--> <...原创 2020-01-15 17:20:47 · 193 阅读 · 0 评论