Web前端技术
文章平均质量分 88
包含HTML,CSS,JavaScript语言,DHTML,JOSN,数据库等前台后台技术,还有前台和后台的交互技术。
谙忆
Java相关研发架构工作经验5年。拥有Java相关发明专利8余项。从事过支付行业,研发与架构的系统稳定地支撑着公司日千万交易笔数量级的支付和对账。
二手车SaaS内核研发3年经验+,拥有二手车行业SaaS相关发明专利6项,研发、架构的元数据内核与权限系统,每日亿万级接口调用。
Java企业开发丰富的理论知识和实战经验。2020年CSDN博客之星第12名,同时在一些社区担任名誉职位。认证为CSDN博客专家、CSDN专栏签约作者、InfoQ签约作者、阿里云ACE杭州同城会会长、阿里云社区认证专家、华为云·云享专家。
展开
-
按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】这个主要是用在手机验证码注册的时候用的多, 比如:正如上图所示那样-60S后还会还原、 直接上代码:type="button" id='codeBtn' value="免费获取验证码">"js/reg.js">//(我是分开写的--后面的代码我是导入的)va原创 2016-10-02 11:57:17 · 4776 阅读 · 8 评论 -
【框架】[Spring] 基于Spring框架的Web应用演示(附带cglib工具进行动态代理)
前言:Spring也差不多学了Ioc控制反转和实现AOP技术的两种方式了,分享一个学习Spring,用来入门挺好的例子。如果你是刚刚学习Spring,那么此实例应该可以很好的帮助你应用Spring到Web项目中。里面的DAO层-提交数据库的事务我并没有使用Spring 的注解功能,而是原创 2016-09-04 15:33:24 · 3845 阅读 · 5 评论 -
【框架】[Spring]AOP拦截-使用切点:AspectJExpressionPointcut-切点语言
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】用AspectJExpressionPointcut实现的切点比JdkRegexpMethodPointcut实现切点的好处就是,在设置切点的时候可以用切点语言来更加精确的表示拦截哪个方法!可以精确到返回参数,参数类型,方法名。当然,也可以模糊匹配。 这里用纯Java的方式和配置xm原创 2016-09-03 13:27:26 · 14758 阅读 · 1 评论 -
【框架】[Spring]纯Java方式实现AOP拦截-详解ThrowsAdvice异常通知
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】这篇博客讲了AOP代理-通知的3种方式: 1、MethodBeforeAdvice-前置通知 2、AfterReturningAdvice-正常返回后通知 3、MethodInterceptor-环绕通知 【框架】[Spring]纯Java的方式实现AOP切面(拦截)技术 现在原创 2016-09-03 01:03:05 · 6765 阅读 · 3 评论 -
【框架】[Spring]AOP拦截-三种方式实现自动代理
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】这里的自动代理,我讲的是自动代理bean对象,其实就是在xml中让我们不用配置代理工厂,也就是不用配置class为org.springframework.aop.framework.ProxyFactoryBean的bean。总结了一下自己目前所学的知识。发现有三种方式实现自动代理用S原创 2016-09-03 00:15:08 · 9127 阅读 · 1 评论 -
【框架】[Spring]XML配置实现AOP拦截-切点:JdkRegexpMethodPointcut
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】如果你把此种纯Java方式实现AOP拦截读懂了,理解本篇博客会更容易。 【框架】[Spring]纯Java的方式实现AOP切面(拦截)技术 这篇讲解的是用xml配置文件来实现AOP拦截。 其实也挺简单的,无非是把一些对象通过xml文件配置new出来与初始化里面的一些值。需要的包什么原创 2016-09-02 11:47:06 · 11475 阅读 · 1 评论 -
【框架】[Spring]纯Java的方式实现AOP切面(拦截)技术
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】AOP理论知识介绍:面向切面编程英文名为:Aspect Oriented Programming。 是可以通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术。其实我们把它理解成动态代理就好理解了!!!下面是一些理论知识:AOP可以说是OOP(面向原创 2016-09-02 09:48:17 · 16497 阅读 · 6 评论 -
【框架】[Spring3]下载安装、开源框架与IoC控制反转详解
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】昨天刚刚初学Spring3,也许Spring3有点老了哈,不过还是先把3学了再去学习4吧,首先先介绍一下如何去下载Spring的必须包吧。 (本篇博客适用于初学Spring的朋友)java spring4现在不推荐使用xml配置文件… 当然啦,这些知识点在Spring4还原创 2016-08-31 15:55:22 · 6335 阅读 · 13 评论 -
【框架】[Hibernate]利用Hibernate进行一对多的级联操作-Web实例
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】准备两个表,学生表,和学院表,它们的关系是一对多,一个学生对应一个学院,一个学院可以对应多个学生。 在此: 1、演示利用一对多关系进行级联查询,也就是,只查询某个学院,同时将学院中的所有学生查询出来。 2、演示利用一对多关系进行级联存储,也就是说,只存储学院,但是同时将学生原创 2016-08-30 17:24:16 · 3909 阅读 · 3 评论 -
【框架】[Hibernate]利用Hibernate进行单表的增删改查-Web实例
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】前面两篇博客已经将Hibernate的基础知识讲解得差不多了,差不多到写实例的时候了。本篇只用hibernate进行单表的增删改查、应用Hibernate,对students表进行增删改查。 service层和DAO层,我都是直接写实现类了(因为这里主要是演示一下Hibernate的原创 2016-08-30 15:21:32 · 8728 阅读 · 6 评论 -
【框架】[Hibernate]多表操作与缓存技术
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】多表操作 关系型数据库具有三种常用关系:一对一关系、一对多关系和多对多关系。 建立了一对多关系的表之间,一方中的表叫“主表”,多方中的表叫“子表”;两表中相关联的字段,在主表中叫“主键”,在子表中称“外键”。一对多关系操作我们以院系表与学生表为例。 在Hibernate原创 2016-08-29 14:24:56 · 3429 阅读 · 3 评论 -
【框架】[Hibernate]构架知识点常见操作
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】配置文件、JavaBean、HibernateSessionFactory等代码,请看上一篇: 【框架】[Hibernate]构架知识点详解入门与测试实例 Hibernate常见操作如果利用Hibernate修改数据库时,需要使用事务处理,一个事务提交时才真正将修改过的记录更新到数据原创 2016-08-29 13:23:16 · 3224 阅读 · 1 评论 -
【框架】[Hibernate]构架知识点详解入门与测试实例
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】Hibernate介绍:Hibernate是一个开放源码的、非常优秀、成熟的O/R Mapping框架。它提供了强大、高性能的Java对象和关系数据的持久化和查询功能。O/R Mapping 对象关系映射(Object Relational Mapping,简称OR原创 2016-08-28 02:52:04 · 5089 阅读 · 1 评论 -
【AJAX】AJAX技术详细解析以及实例
转载请注明出处:http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】Ajax技术介绍:全称: Asynchronized(异步) Javascript And Xml 技术组成有: Javascript、DOM、CSS 和 XMLHttpRequest AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技原创 2016-08-23 17:50:31 · 5267 阅读 · 3 评论 -
【JavaMailWeb】用户注册通过邮箱激活案例
转载请注明出处: http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】前面刚刚学习了JavaMail技术,现在来应用到项目中试试~网站用户注册:主要实现如下两个功能: 1、用户在网站上注册完成后给用户发一封邮件。 2、用户通过邮件激活后才可以登录。思路:首先需要一个思路:用户在前台点击注册,向servlet提交请求,把用户提交过来的信息封装成一个J原创 2016-08-22 17:49:16 · 21701 阅读 · 13 评论 -
Web---监听用户名注册技术-myAJax-隐藏帧
转载请注明出处: http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】本来本篇博客在上个月就已经发表的,但由于我的疏忽,导致文章被彻底编辑不见,特来补上。先用官方的语言解释一下AJAX: AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网原创 2016-08-22 11:28:47 · 4504 阅读 · 1 评论 -
JavaWeb-会话的持久化:HttpSessionActivationListener
转载请注明出处: http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】要实现会话的持久化,也就是实现HttpSessionActivationListener接口。实现此接口的JavaBean,可以感知自己被活化(从硬盘到内存)和钝化(从内存到硬盘)的过程。如果需要同时保存Session中的JavaBean。 则JavaBean也要实现Seriali原创 2016-08-20 23:56:20 · 8141 阅读 · 1 评论 -
JavaWeb-网站在线用户信息、网站访问量以及管理踢出用户实例
转载请注明出处: http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】这个稍微比上个版本做得完善了一点,用了JavaBean来封装用户信息,添加了一个管理踢用户的功能。 上一个的用户访问量是通过监听request来统计的,在这个实例中,我们也可以通过过滤器来实现统计网站访问量。直接看源码吧,感觉没多少要讲的,我习惯把解释写在代码中。原创 2016-08-20 16:59:05 · 8090 阅读 · 1 评论 -
JavaWeb-Servlet技术的监听器-解析与实例-网站在线用户信息与网页点击量
转载请注明出处: http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】在Web项目中,我们对下面这几个监听器必须熟练的使用,它们的作用真的很大。熟练的使用后,可以使我们少绕弯路,少写很多代码、事件源 监听对像的创建和销毁 监听对像上属性的添加和删除 HttpSession HttpSession原创 2016-08-20 04:27:48 · 7208 阅读 · 1 评论 -
JavaWeb-监听器Listener解析与实例
首先来介绍一下什么是监听器:监听器-就是一个实现待定接口的普通Java程序,此程序专门用于监听另外一个类的方法调用。 这是使用观察者模式的。什么是观察者模式: 定义对象间一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知自动更新。 示例: GUI编程中的addXxxxListener都是观察者模式。 比如为按钮点击添加监听事件,为键盘添加监听等等…观察者模式的三个原创 2016-08-19 18:05:40 · 9819 阅读 · 3 评论 -
JavaWeb-过滤器Filter学习(五)全站压缩
全站压缩,最大的好久就是帮客户端节省流量。 数据压缩,我们需要用到二个Java类,也就是java.util.zip 中的 类 GZIPOutputStream 此类为使用 GZIP 文件格式写入压缩数据实现流过滤器。 java.io 类 ByteArrayOutputStream 此类实现了一个输出流,其中的数据被写入一个 byte 数组。缓冲区会随着数据的不断写入而自动增长。可使用 t原创 2016-08-19 15:51:10 · 12899 阅读 · 3 评论 -
JavaWeb-过滤器Filter学习(四)敏感词过滤实例
通过Filter来实现留言板的敏感词过滤…思路很简单,我们这里的敏感词是直接先放进去的,实际项目中,肯定是存在数据库中。在Filter 过滤器中,我们先拿到用户提交的留言,如果出现了敏感词,我们就用*号来替换。代码演示:index.jsp:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib ur原创 2016-08-18 17:29:18 · 19071 阅读 · 8 评论 -
JavaWeb-过滤器Filter学习(三)实现用户的自动登录与IP黑名单过滤
实现用户的自动登录: 解决方案: 设置一个全站拦截的过虑器。 在此过虑器中,读取用户带过来的Cookie信息,然后从中读取用户的用户名和密码,自动帮助用户登录。 即可实现自动登录功能。用Filter验证用户是否已经登录过。已经登录过了,我们就根据他选择的自动登录来选择让他在多久内能自动登录。IP黑名单过滤就很简单了,只要在Filter过滤器防范一下就OK。 在init方法中,原创 2016-08-18 16:23:16 · 12122 阅读 · 5 评论 -
JavaWeb-过滤器Filter学习(二)设置全站编码与设置页面缓存
以前我们设置servlet的request和response的编码需要在每个servlet都设置,如果Servlet很多,显得很麻烦,现在我们可以用过滤器很简单的实现这个功能。 还有页面缓存,如果我们的网页是静态的,图片和内容基本上很少变化或者不变化的,我们就可以告诉客户端这个页面你缓存多久~以达到节省流量的目的。原创 2016-08-18 12:18:58 · 5536 阅读 · 1 评论 -
JavaWeb-过滤器Filter学习(一)Filter知识点
Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截,从而实现一些特殊的功能。例如实现URL级别的权限访问控制、过滤敏感词汇、压缩响应信息、自动登录等一些高级功能。 Servlet API中提供了一个Filter原创 2016-08-18 11:12:08 · 5727 阅读 · 1 评论 -
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)
前言:刚刚学完了MVC,根据自己的感悟和理解写了一个小项目。 完全按照MVC模式,后面有一个MVC的理解示意图。用MVC模式重新完成了联系人的管理系统:用户需求:多用户系统,提供用户注册、登录功能,对于没有登录的用户,不允许使用任何功能。可以查询、增加和删除联系人信息。详细设计:数据结构设计。功能模块设计。工具类设计。搭建初步的项目框架、其他功能:防止用户重复提交、注册和登录时使用验原创 2016-08-04 02:11:52 · 9695 阅读 · 3 评论 -
Web---JSTL(Java标准标签库)-Core核心标签库、I18N国际化、函数库
前面为JSTL中的常用EL函数,后面的为具体演示实例!JSTL简介:JSTL(Java Standard Tag Library) –Java标准标签库。 SUN公司制定的一套标准标签库的规范。 JSTL标签库,是由一些Java类组成的。JSTL组成:JSTL –Core 核心标签库。 重点 JSTL – I18N - 国际化标签库。Internationalization- I18N原创 2016-08-01 04:21:59 · 9515 阅读 · 2 评论 -
Web---JSP-EL表达式
EL表达式简介EL 全名为Expression Language。EL主要作用:获取数据: EL表达式主要用于替换JSP页面中的脚本表达式,以从各种类型的java对象中获取数据。执行运算: 利用EL表达式可以在JSP页面中执行一些基本的关系运算、逻辑运算和算术运算,以在JSP页面中完成一些简单的逻辑运算。获取web开发常用对象 EL 表达式定义了一些隐式对象,利用这些隐式对象,web开发人员可原创 2016-07-31 02:17:43 · 14994 阅读 · 1 评论 -
JSP---JavaBean的使用-jsp:useBean标签相关
JavaBean介绍:JavaBean其实就是一个遵循特定写法的java类,但是必须具有如下特点: 1.这个java类必须具有一个公开的无参构造函数 2.属性必须私有化,类必须公开 3.私有化的属性必须通过public类型的方法暴露给其他程序,并且方法的命名也必须遵守一定的命名规范---getXxx和setXxx方法。定义: 把一个拥有对属性进行set和get方法的类,我们就可以原创 2016-07-30 15:49:51 · 17527 阅读 · 2 评论 -
Web---JSP注册技术的演绎(3代)-JSP/EJB/Servlet/POJO/JavaBean
我们可以这么理解JSP注册技术的发展过程: 第一代JSP技术:纯JSP开发。 第二代JSP技术:JSP+EJB开发。 (EJB简单来说就是把已经编写好的程序(即:类)打包放在服务器上执行。) 第三代JSP技术:JSP+Servlet+POJO开发。(**MVC框架) (POJO其实就是简单的JAVA类,也是简单的JavaBean(特殊的值对象封装))其实EJB—可理解成企业级的JavaBe原创 2016-07-30 07:20:03 · 11152 阅读 · 1 评论 -
JavaWeb-网站在线用户信息、网站访问量以及管理踢出用户实例
转载请注明出处: http://blog.csdn.net/qq_26525215本文源自【大学之旅_谙忆的博客】这个稍微比上个版本做得完善了一点,用了JavaBean来封装用户信息,添加了一个管理踢用户的功能。 上一个的用户访问量是通过监听request来统计的,在这个实例中,我们也可以通过过滤器来实现统计网站访问量。直接看源码吧,感觉没多少要讲的,我习惯把解释写在代码中。部分源码index原创 2016-07-30 03:18:21 · 8853 阅读 · 1 评论 -
JSP---JSP中4个容器-pageContext使用
这里重点只讲pageContext容器的用法哦。 因为另外的3个容器(request,session,application)在前面的servlet中已经演示过很多遍了 容器 作用域pageContex 仅仅是当前页面,无法传参request 当前页面,可以传参session 同一个JS原创 2016-07-30 01:30:03 · 14905 阅读 · 1 评论 -
JSP---演示ErroPage、isErroPage和jsp:forword标签
属性说明:language – 示例:language=“java”import -如: (注意多个引用之间使用逗号分开。)<%@ page import=“java.util.*,java.sql.*”%> contentType – 指定响应结果的MIME类型。默认为text/html;charset=ISO-8859-1session = true | false –指定jsp页面是否使原创 2016-07-29 13:19:54 · 8779 阅读 · 1 评论 -
JSP-讲解(生成java类、静态导入与动态导入)
一、JSP技术简介JSP是Java Server Page的缩写,它是Servlet的扩展,它的作用是简化网站的创建和维护。 JSP是HTML代码与Java代码的混合体。 JSP文件通常以JSP或JSPX的扩展名。 JSP拥有自己的语法。 JSP形式上像HTML,但本质上是Servlet。 JSP的出现,使得将Web开发中的HTML与业务逻辑代码有效分离成为可能。通常JSP只负责生成动态的原创 2016-07-29 12:09:38 · 11571 阅读 · 1 评论 -
Web---session技术代码演示(request,session,servletContext)
Session会话简介与基本知识点当浏览器第一次访问服务器时,无论先访问哪一个页面,服务器就会给用户分配一个唯一的会话标识,即jsessionid然后以cookie的形式返回给用户。会话是指在一段时间内,用户使用同一个浏览器进程与Web应用之间的交互过程。会话(Session)通常用来跟踪用户的状态,缓存用户在此浏览器进程中的信息。当用户关闭浏览器,上一个Session也就无法再次获得了(Cooki原创 2016-07-27 16:07:04 · 8500 阅读 · 2 评论 -
Web---Cookie技术(显示用户上次登录的时间、显示用户最近浏览的若干个图片(按比例缩放))
本章博客讲解: 1、Cookie基本用法演示 2、演示Cookie的访问权限 3、演示Cookie的删除 4、利用Cookie显示用户上次登录的时间 5、利用Cookie技术显示用户最近浏览的若干个图片 6、测试火狐浏览器到底支持多少个Cookie和一个Cookie最大为多大1、Cookie基本用法演示index.jsp:<%@ page language="java" import="原创 2016-07-26 12:59:34 · 16450 阅读 · 1 评论 -
Web---字节输出流和字符输出流的共存问题、转发、重定向、请求包含知识点讲解
本章博客的知识点:1、字节输出流和字符输出流的共存问题 2、转发时,两个servlet都输出信息的问题 详细知识,见OneServlet和TwoServlet源代码中的注释 转发:传参,访问顺序(doGet还是doPost) 3、重定向:传参,访问顺序(doGet还是doPost) 4、请求包含:传参,访问顺序(doGet还是doPost)有些演示,不怎么好分段用博客写处理,如果想加深理原创 2016-07-25 17:49:39 · 8500 阅读 · 2 评论 -
Web---自己写的一个简单云相册~
实现的功能是: 用户可以一次上传一个至多个文件。 用户可以下载其他人上传的图片。 用户可以查看其他所有人的图片。 用户只能删除通过自己IP上传的图片。用到的技术: 文件上传下载、设计模式、Dom4j、xPath等。先看下2个页面:源代码:web.xml:<?xml version="1.0" encoding="UTF-8"?><web-app version="3.0" xm原创 2016-07-25 01:21:25 · 9671 阅读 · 10 评论 -
Web---JS-返回上一页并刷新代码整理
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下:一:JS 重载页面,本地刷新,返回上一页 代码如下:<a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a>转载 2016-07-25 00:40:01 · 16953 阅读 · 1 评论 -
Apache FileUpload详细介绍
Apache FileUpload组件在最初的 http 协议中,没有上传文件方面的功能。RFC1867(”Form-based File Upload in HTML”.)为 http 协议添加了这个功能。客户端的浏览器,如 Microsoft IE, Mozila, Opera 等,按照此规范将用户指定的文件发送到服务器。服务器端的网页程序,如 php, asp, jsp 等,可以按照此规范,解转载 2016-07-23 01:38:30 · 5721 阅读 · 2 评论