我也要用
JavaWeb
在JavaWeb学习中的心得体会
贺贺学编程
微信搜一搜【贺贺学编程】关注这个不一样的程序员，关注后回复【面试】获取海量面试题。
-
原创 被迫学习Vue——计算属性
computed，跟methods差不多，他是计算属性，能缓存<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title>...2020-03-14 18:07:20
805
0
-
原创 被迫学Vue——Axios异步通信
首先伪造一个data.json{ "age": 20, "code": 0, "url": "www.123", "likes": { "name": "java", "age": 2 }}然后通过钩子函数进行axios网络通信，绑定data.json，并且将该数据响应给Vue对象里的data<!DOCTYPE html>&l...2020-03-14 17:50:59
801
0
-
原创 被迫学习Vue——组件学习
Vue的组件，其实也就是模板，就是把网站上公共的部分提取出来，像导航栏什么的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://cdn.bo...2020-03-14 16:10:58
789
0
-
原创 被迫学习Vue——双向数据绑定
什么是双向数据绑定，就是当表单中的数据发生变化时，data中的数据也发生变化，v-model<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http:...2020-03-14 15:08:14
818
0
-
原创 被迫学习Vue——事件绑定
绑定事件，以点击事件为例，还是老规矩，以v-开头，绑定事件是v-on<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title...2020-03-14 14:40:25
761
0
-
原创 被迫学习Vue——判断if循环for
在程序中，有了判断和循环，跟后端交互就舒服了，在Vue里，都是以v-开头的，判断和循环也是如此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http...2020-03-14 14:25:48
780
0
-
原创 被迫学习Vue第一个Vue程序
在做一个项目，本打算用Thymeleaf模板引擎呢，但是由于前后端分离的热潮（还有昨天一个原因），让我不得不去学习Vue，话不多说，先创建一个普通的HTML文件，然后cdn导入vue<script src="http://cdn.bootcss.com/vue/2.1.6/vue.min.js"></script>直接上全代码吧<!DOCTYPE html&g...2020-03-14 13:48:55
793
2
-
原创 一步一步带你安装Node.js并创建第一个Vue项目！！！
Node.js官方链接：http://nodejs.cn/download/下载安装包，一路next直到安装成功，它默认配置好了环境变量，然后以管理员的身份运行DOS命令查看Node.js版本号node -v查看npm版本号（npm是随同Node.js一起安装的包管理工具）npm -v安装cnpm（来自于淘宝，速度和稳定性都比较好，不安装的话用npm也可...2020-02-12 17:25:18
1025
0
-
原创 将Markdown嵌入到我们的HTML页面中
当浏览器第一次访问服务器的时候，服务器给浏览器创建了一个Cookie，但是这个Cookie的有效期是多久呢，通过cookie.getMaxAge()，得到的时间竟然是-1，网上找了找原因，说是浏览器关闭即过期，但是我重启浏览器后，为什么也能get到Cookie呢，我并没有创建Cookie呀，后来，我就多次重启浏览器，并记录里面的SESSIONID，我发现，每次的SESSIONID还真不一样，说明真...2020-03-12 18:43:52
2208
0
-
原创 Ajax请求成功后页面跳转
通过location.href，进行页面的跳转<input id="title" type="text" placeholder="请输入标题"><input id="input" type="button" value="发布"> $("#input").click(function () { $.post({ ...2020-03-18 14:35:52
2994
1
-
原创 Cookie和Session实现记住我的功能
Cookie和Session都是用来保存用户的一些信息的，但是由于Cookie保存在浏览器中，所以相对不安全，后来就出现了Session，Session呢是保存在服务器端的，所以相对安全，在Cookie中有一个SESSIONID，用来唯一的对应服务器端的一个Session，Cookie的默认有效时间是-1，也就是当浏览器关闭的时候，Cookie就会失效了，当再次打开浏览器访问服务器的时候，服务器会...2020-03-09 09:55:22
828
0
-
原创 cookie.getMaxAge()的-1是什么意思
当浏览器第一次访问服务器的时候，服务器给浏览器创建了一个Cookie，但是这个Cookie的有效期是多久呢，通过cookie.getMaxAge()，得到的时间竟然是-1，网上找了找原因，说是浏览器关闭即过期，但是我重启浏览器后，为什么也能get到Cookie呢，我并没有创建Cookie呀，后来，我就多次重启浏览器，并记录里面的SESSIONID，我发现，每次的SESSIONID还真不一样，说明真...2020-03-09 09:05:59
1506
0
-
原创 做了项目才知道的Cookie和Session
之前对Cookie和Session的了解就是，Cookie是由服务器产生，保存于浏览器，而Session是保存于服务器中，当我们用户登录的时候，会通过Cookie中的SESSIONID，来对应服务器中的SESSION，进而获取到SESSION中的信息，Session在Tomcat服务器中默认保存时长是30分钟(从最近一次访问Session计算30分钟后失效)通过一个项目，我进一步认识了Co...2020-03-08 17:56:46
846
2
-
原创 JavaWeb学习总结
我在学习javaweb的时候，首先是学习了Tomcat，然后看了HTML、CSS、JS，在学JS的时候，用到一些选择器的时候，感觉不太好，又回过头看了看CSS，终于可以安心的看我的JS了，JS基础、DOM、BOM，然后学习了jQuery和HTTP，还有Ajax，好了，然后是核心servlet、filter。当把这些学完之后，自己做了一个简单的web项目。...2020-02-23 18:53:07
886
0
-
原创 IDEA中引入Bootstrap并展示第一个模板
在导入bootstrap之前要先导入jQuery如果你是使用的maven管理的话，可以直接导入jQuery的坐标 <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId>...2020-02-09 14:10:18
3671
0
-
原创 Filter过滤器链（多个过滤器）
当有多个过滤器的时候，执行顺序很重要，在注解开发中，其执行顺序跟其类名的字符串有关，小的先执行，这里演示，一个是AFilter另一个是BFilter，如果是web.xml配置，那就是配置在上面的先执行搞清楚了谁先执行，下面看看多个过滤器是怎么执行的，过滤器的执行是先去，把所有路过的过滤器都执行一遍，然后再回来再执行一遍所有的过滤器package com.zhiying.filter;...2020-01-21 13:57:47
1203
0
-
原创 Filter过滤器拦截方式
Filter过滤器有五种拦截方式，用注解配置dispatcherTypes属性REQUEST：默认值，浏览器直接请求的资源会被过滤器拦截FORWARD：转发访问资源会被过滤器拦截INCLUDE：包含访问资源ERROR：错误跳转资源ASYNC：异步访问资源如果是web.xml配置，就是配置其<dispatcher></dispatcher>标签...2020-01-21 13:38:09
1265
0
-
原创 Filter过滤器拦截路径配置
在Filter中拦截路径配置有四种形式具体资源路径拦截：@WebFilter("/index.jsp") //这是指访问index.jsp的时候会经过过滤器具体目录拦截：@WebFilter("/user/*") //这是指访问user目录下的所有资源时会经过过滤器具体后缀名拦截：@WebFilter("*.jsp") //这时指访问后缀名为.jsp的资源时会经过过滤器所有资源拦...2020-01-21 12:05:24
2613
0
-
原创 Filter过滤器的生命周期
提起来生命周期，不难想出，就是从被创建到别销毁，是的，在Filter过滤器中就是这样的简单三步，首先是init创建，只执行一个，用于加载资源，然后doFilter处理过滤，每一次请求被拦截资源时会执行，执行多次，最后是destroy销毁，只执行一次，用于释放资源，具体执行下面进行代码演示，写一个Filter类package com.zhiying.filter;import javax....2020-01-21 10:05:38
919
0
-
原创 Filter过滤器执行流程
在上一篇博客我们进行了Filter的入门讲解，这里我们讲解Filter的执行流程，从下图可以大致了解到，当客户端发送请求的时候，会经过过滤器，然后才能到我们的servlet，当我们的servlet处理完请求之后，我们的response还是先经过过滤器才能到达我们的客户端，这里我们进行一个代码的演示，看看具体执行流程这里我们给出实现Filter接口的类package com.zhiyi...2020-01-21 09:25:57
1399
0
-
原创 Filter过滤器输出HelloFilter
Filter过滤器就是用来过滤Servlet的请求和响应的，下面一个图来进行展示下面我们来写第一个Filter，其实Filter跟Servlet很相似，Filter也是个接口，在编写Filter的时候，也是通过实现Filter接口，重写里面的doFilter方法，并且通过配置文件或者注解，来进行拦截哪写文件时可以通过的，这里需要注意一下，在重写Filter方法的时候，需要放行的操作，请求和...2020-01-20 20:36:50
983
0
-
原创 一步一步学习Servlet之ServletContext对象
如果我们想要在不同的Servlet中进行访问，那么就需要我们新的东西参与了，这个东西就是ServletContext上下文对象，这里以一张图进行简单的描述，我们的Servlet都是被这个ServletContext管理的，这个可以实现不同用户之间的数据共享问题这里我们写两个Servlet，用一个Servlet去获取另一个Servlet的内容，这里采用注解开发package com.z...2020-01-19 16:28:23
793
0
-
原创 一步一步学习Servlet之Session使用
同一用户不同请求之间的数据共享问题，用户第一次访问服务器，服务器会给此用户创建一个session对象存储在服务器中，并将该session对象的JSESSIONID使用Cookie技术存储到浏览器中，保证用户的其他请求能够获取到同一个session对象，也保证了不同请求能获取到共享数据，作用域是一次对话，这个比起Cookie要更重要，他保存在服务器中，比较安全。HttpSession hs =...2020-01-19 16:11:23
802
0
-
原创 一步一步学习Servlet之Cookie使用
所谓Cookie也就是解决，同一用户不同请求之间的数据共享问题使用了重定向，会发现浏览器发起的信息无法得到，也就是发送的不同请求的数据共享问题，为了解决此问题，引入了Cookie，存储在浏览器中，Cookie也是Session的基础，每一个浏览器中的Cookie会对应一个服务器中的sessionCookie c = new Cookie(String name, String value);...2020-01-19 15:20:07
840
0
-
原创 一步一步学习Servlet中Request和Response
在我们的项目开发过程中难免会遇到一些获取前台信息和页面跳转的问题，这里的获取前台信息用提交表单进行演示，Servlet获取内容用getParameter()获取单条信息，getParameterValues()获取多个信息页面跳转用请求转发getRequestDispatcher()和重定向sendRedirect()演示。首先写一个默认的页面，也就是我们启动了服务器就会进入的页面，也就是in...2020-01-19 13:57:52
806
0
-
原创 一步一步学习Servlet输出HelloServlet详解
Servlet可以说是我们搞后台开发的必备技能，该技能是我们在JavaWeb时期学习的，什么是Servlet呢，其实呀，他就是一个接口，只要实现了这个接口的类，就可以称之为一个Servlet，那Servlet是干什么的呢，他是用来处理前端的请求并做出响应的一个东西，当我们学习Servlet的时候，我们会发现，我们都不用写main方法了，这个main方法只是被别人给你写好了，这里我们用到的是Tomc...2020-01-19 12:50:31
1115
0
-
原创 Ajax实现页面局部刷新
这里通过点击一个按钮，然后下面产生一段文字，而整个页面不用刷新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>AJAX</title> <script> function loa...2019-12-24 15:06:51
925
0
-
原创 JSON和JS数据类型转化
JSON的格式：对象由键值对构成，键和值都要用引号引起来数据由逗号分隔花括号保存对象方括号保存数组JSON是JS对象或数组的字符串表示法var obj ={"name":"hello","age":18}; //这是一个JS对象var obj = '{"name":"hello","age":18}'; //这是一个JSON字符串，本质是字符串JS对象和J...2019-12-24 12:49:09
812
0
-
原创 第一个JavaWeb项目——教室预约系统！！！
该教室预约系统的环境是JDK1.8，mysql8.0的版本，该系统主要是完成对教室的预约功能，其中在预约教室的时候，我们需要填写教室号，预约的开始日期和结束日期，如果该教室存在且该时间段空闲则可以预约成功，如果导入了我的数据库，那里默认有一个管理员账户，其账号和密码都是root，管理员主要负责对教室的增删功能，源码和数据库都在github上这里给出github上的源码和数据库https://g...2019-11-29 08:09:39
4292
8
-
原创 JSP九大内置对象四大作用域
JSP简介JSP(Java Service Page 即java服务器页面)也就是对Servlet的一种封装，每次都是先转译成Servlet才能执行，因为Servlet写HTML时每一句都要用resp.getWriter().Writer()来输出，非常麻烦，所以就引入了JSP，JSP也就是能写Java代码的动态网页JSP内置对象就是JSP文件在转译成其对应的Servlet文件的时候自动生...2019-11-22 19:21:32
773
0
-
原创 将Tomcat集成到IDEA
首先你需要下载一个Tomcat，这是Tomcat官网链接https://tomcat.apache.org/进去之后会看到这个界面点击方框中的Download，会出现下面这个界面，根据自己电脑是32位还是64位进行选择下载完Tomcat之后进行解压，然后运行bin目录下的startup.bat会出现如下左边的框框，然后你不用管，去浏览器输localhost:8080会出现如下右边的...2019-11-16 11:45:25
842
0
-
原创 MVC与三层架构讲解
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写MVC是在项目开发中的很常用的一种思想，以开发一个项目为例进行讲解MVC，在我们开发项目的时候，一定包括数据和界面，对于界面也就是web的处理,这就是MVC中的V(view)视图，那么在web页面中与用户进行交互的数据,例如账号和密码，然后会发起请求到控制器层...2019-11-15 17:05:59
806
0
-
原创 Servlet之前端web数据与后台Java数据进行交互
前端web数据传到后台数据，可以通过注解的方式，在前端的表单中的action属性里起一个名字，例如是 action = "login"，那么在后台的servlet类中只需在类上面写上@("/login")，那么在Java后台就可以通过 req.getParameter(String name) 方法获取属性值例如这里的web：<%@ page contentType="text/h...2019-11-10 15:44:37
1003
0
-
原创 Servlet详细讲解
目录Servlet简介Servlet的生命周期获取请求行获取请求头获取请求数据设置响应头设置响应数据request请求转发request重定向Cookie对象session对象ServletContext对象Servlet简介通过Servlet之第一个web项目后，我们已经知道了servlet的的大致流程，这里我进行servlet的详细讲...2019-11-02 15:00:45
1181
0
-
原创 Servlet之第一个web项目
所谓Servlet就是完成浏览器和服务器之间的交互，浏览器发出请求，服务器做出响应，二者既然能进行信息的交流，那么他们就一定有一种规范，那这个规范就是HTTP协议，有了这种协议，那么不管你是什么浏览器，所发出来的信息服务器都认识。这里的服务器我们以Tomcat为例进行讲解，如果你对Tomcat还不太了解，可以先了解一下Tomcat入门学习好了，到这里你已经了解了浏览器和服务器直接的交互是通...2019-11-02 11:47:15
870
0
-
原创 HTTP入门学习
目录HTTP简介HTTP的交互流程HTTP请求格式HTTP响应格式HTTP常见状态码HTTP简介HTTP(Hyper Text Transfer Protocol)超文本传输协议，该协议的作用就是规范了浏览器和服务器的数据交互，其数据的格式是键值对的格式。HTTP的交互流程浏览器和服务器建立连接浏览器发送请求数据到服务器服务器接收到请求后，进行...2019-11-02 10:44:45
833
0
-
原创 jQuery基础总结！！！
目录jQuery简介jQuery库的引用官网下载jQueryjQuery入门jQuery常用的API（重要）jQuery选择器jQuery基础选择器jQuery隐式迭代jQuery筛选选择器jQuery筛选方法jQuery样式操作操作css方法设置样式方法jQuery效果显示隐藏滑动淡入淡出自定义动画jQuery属性...2019-10-23 20:01:38
873
0
-
原创 JavaScript中BOM操作
页面加载事件页面加载也就是load，其用途是其他程序执行完之后再执行该代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面加载事件</title></head><body>&l...2019-10-14 11:32:05
787
0
-
原创 JavaScript中DOM操作
目录DOM介绍获取元素操作元素节点操作DOM介绍JavaScript一共包括三部分，分别是ECMAScript也就是JavaScript基础、DOM和BOM，前面的文章已经讲过ECMAScrit了、这里是ECMAScript的链接：https://blog.csdn.net/HeZhiYing_/article/details/102218018今天来将一下DO...2019-10-12 15:28:53
800
0
-
原创 JavaScript基础(ECMAScript)
目录JS的基本介绍JS的三种写法JS输入输出语句JS中的数组JS中的函数JS对象JS的基本介绍JavaScript是一种解释型的脚本语言，总共是包括三部分组成，其一就是今天我写的Java基础部分，也就是ECMAScript，另一个是DOM(Document Object Model)文档对象模型，用来描述处理网页内容的方法和接口，最后这个是BOM(Brows...2019-10-06 12:08:46
843
0