Ajax 技术在 JavaWeb 应用中随处可见,比如购物车中根据商品数量及时更新等应用,那么我们今天就来说说 Ajax 的一些小应用! Ajax 技术也就是允许浏览器与服务器通信而无需刷新当前页面,数据在客户端和服务端独立传输,而不是以前客户端向服务端发送一个请求,服务器返回整个页面,如此反复。完成 Ajax 请求就需要使用 XMLHttpRequest 类的方法,下面我们先开始介绍 XMLHttpReqest 的 API 一、XMLHttpRequest API 1.1 XMLHttpRe
本节主要讲解详情页的页面布局和css样式,以及从主页面到详情页面的跳转问题。 1. 详情页面的布局 页面布局的话,我还是习惯先把静态页面做出来,确保没问题了,然后再跟后台对接。 在实际的开发过程中,静态页面一般是美工或者前端工程师负责,后台工程师主要关心如何把Java层的数据贴到静态页面。(虽然我经历的几个公司都是自己一个人全包了。。。) 之前我已经把我个人绘制静态页面的过程,还有自己的思路写出来了,所以从本节开始,我不会再写得那么详细,而是根据页面效果来简明扼要地介绍一下。 我绘制页面的一般流程,就是先在
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
前情提要 之前已经搭好的springMVC+myBatis项目骨架,详情请看–>传送门。
一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明。 1 $.get("data.php",$("#firstName.val()"),function(data){ 2 3
XSS测试就是在容易出现XSS注入的地方输入被测代码,提交后观察其显示是否会触发JavaScript脚本。常用的XSS测试JavaScript脚本主要就下面两个。
实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制,
引入tablib:fmt <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 实例代码如下: <fmt:formatDate pattern="yyyy/MM/dd HH:mm:ss" value="${blog.gmtModified}"/> 完整jsp: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %
3.6.6 轮播图的基本实现 上一节中,轮播图已经做了一大半,我今天上午抽空把剩下的代码写完了。现在就大概说一下思路吧。 实现上一张和下一张的效果,基本上就是改变ul的margin-left值。为了保证无缝滚动,我们需要在5张图片的首部和尾部各加一张图片。像这样:
先给大家总的说一下这个项目里面用到了哪些功能吧!后面有代码的解析,整个项目的代码已经进行封装了。 📷 📷 首先要说的就是登陆和注册页面,其中用到了前面分享的跳转页面和验证码以及toUpperCase()转换。 📷 以上这张图就是登陆后的主页面,这里面用到了网站中常用的分页查询、session对象(后续还会出一章session与cookie的区别)、绑定数据以及基本的增删改查。 📷 上面这张图可以说是相当于一个增删改查的模板,其中用到了文件上传 📷 这个页面是点击主页面中的新闻主题进来的,也就是说当你对某
如何在js文件中写加载Applet控件(js与jsp分离技术)
这篇来利用Ajax做一个给搜索框添加搜索提示的功能,这个我们在百度首页,搜索框随便输入一个字符,就能弹出联想自动,可供用户选择,这篇要做的就是这么一个场景。
本节的服务端推送技术基于:当客户端向服务端发送请求,服务端会抓住这个请求不放,当有数据更新的时候才返回给客户端,当客户端接收到消息后,再向服务端发送请求,周而复始
PS:1:先介绍一下什么是Servlet? Servlet(Server Applet)是Java Servlet的简称,称为小服务程序或服务连接器,用Java编写的服务器端程序,主要功能在于交互式地浏览和修改数据,生成动态Web内容。 狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者。Servlet运行于支持Java的应用服务器中。从原理上讲,Servlet可以响应任何类型的请求,但绝大多数情况下S
本章我们通过SpringBoot集成mongodb,Java,Kotlin开发一个极简社区文章博客系统。
③ 项目开发工具 :Eclipse(Java EE IDE) java运行环境是:jdk 15
在这周三的测试运维试听课程中,芒果给大家介绍了自动化测试平台开发之前端开发——Vue,这里我们来做个小总结。
前面一篇完成了多条件的查询,这篇开始学习分页,很多网页是默认显示20条数据,想看更多数据,就通过点击下一页的方式实现。这篇就来模拟这个分页实现过程。
Tiles是一个免费的开源模板Java应用程序的框架。基于复合模式简化的用户界面的构建。对于复杂的网站仍是最简单、最优雅的方式与任何MVC技术一起工作。Struts2对Tiles提供了支持,如今Tiles发展已有13个年头,成为Apache的一个独立项目,我们可以单独使用Tiles来构建用户界面布局。
action:目标地址,把请求交给谁处理;action可以不设置,也可以是空字符串(提交给自己处理)
20多天前,遇到一个日程表的业务需求,可以动态增加列、对单元格进行合并,结合公司的jsp项目的已有功能完成单元格的增、删、改操作。进行需求分析整理后,经过了一番查找,发现React版本的antd的表格组件功能很强大,可定制程度很高,可以助我完成这个业务需求的开发。
详细使用在我的这篇文章中,里面的案例仅为介绍动态SQL:mysql的使用以及mybatis中的SQL语句
目录 一、后台管理+分页 二、新闻发布系统的阅读+浏览量 三、增加评论+显示评论+删除评论 ---- 以下是功能是后续填的功能 一、后台管理+分页 当我们的数据数量比较多的时候,页面显示不完全,需要用户拖动才能浏览更多信息,有点麻烦 ,这是我们会采取我们的分页,布局清晰,数量清楚 admin.jsp 📷 <%@page import="java.sql.ResultSet"%> <%@page import="java.sql.PreparedStatement"%> <%@page im
//doadd_news是一个已经可以接收到值得网页(接收add_news文本框的值)
目录 一、管理员界面的模糊查询+主题分页 二、游客界面的主题分页 ---- 一、管理员界面的模糊查询+主题分页 分页万能公式: pageIndex//第几页 pageSize//每一页多少条 star=(pageIndex-1)*pageSize+1 end=pageSize*pageIndex <%@page import="java.sql.ResultSet"%> <%@page import="java.sql.PreparedStatement"%> <%@page import="java.s
开源的 Java Web 应用服务器,实现了 Java EE(Java Platform Enterprise Edition)的部分技术规范,比如 Java Servlet、Java Server Page、JSTL、Java WebSocket。Java EE 是 Sun 公 司为企业级应用推出的标准平台,定义了一系列用于企业级开发的技术规范,除了上述的之外,还有 EJB、Java Mail、JPA、JTA、JMS 等,而这些都依赖具体容器的实现。
XSS(Cross Site Scripting),由于与层叠样式表(Cascading Style Sheets,CSS)的缩写混淆。因此一般缩写为XSS。XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。
XSS(Cross SiteScripting),由于与层叠样式表(CascadingStyle Sheets,CSS)的缩写混淆。因此一般缩写为XSS。XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。攻击代码,在XSS中称作PayLoad。
目录 一、登录 二、新闻发布系统的添加 三、新闻发布系统的绑定数据+模糊查询 四、新闻发布系统的删除 五、新闻发布系统的阅读 六、新闻发布系统的修改 七、新闻发布系统的添加主题 八、新闻发布系统的修改主题 九、新闻发布系统的游客浏览界面 ---- 一、登录 验证码:随着社会的发展,互联网的进步,信息验证的过程也越来越复杂,而验证码就是其中之一,下面让我们一起来看看新闻管理系统的验证码吧;(其中用到的方法在前两张的时候起到过) login.jsp以及dologin.jsp <%@ page languag
<jsp:include page=”include.jsp” flush=”true”> <jsp:param name=”age” value=”32″ /> </jsp:include>
内 容:登录后,根据当前用户获取相应的用户和文件信息,并将相关信息显示在主页。
一、效果图 image.png image.png image.png 二、前端页面 1、商品列表: reserveCommodityOnShelfList.jsp <%@ page contentType="text/html;charset=UTF-8" %> <%@ include file="/WEB-INF/views/include/taglib.jsp" %> <html> <head> <title>商品管理</title> <meta name="decorat
启动服务器之后,会默认访问index.jsp,在index.jsp中会请求"/emps",即EmployeeController.java中的getEmps方法:
虽然Servlet3.0+中上传文件,我们在服务端编程即可非常容易,但是用户体验却不是非常友好。单独的一个HTML表单并不能显示进度条,或者显示已经成功上传的文件数量。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> li{ border: solid; height: 30px; } </style> </head> <body> 1 1 1 1 1 1 1 1
先引入bootstrap,为了防止每个网页都引入,单独把引入bootstrap写成一个网页,然后在其他网页中用jsp:include动态包含
01 国庆长假终于结束了,博主想到以往这个时候,自己就已经回到学校,和一群基友扯扯犊子,顺便吹吹牛,好不快活,可惜这种生活不会再有了。虽说如此,但是参加了工作以后,毕竟有更多的时间去做自己想做的事情,没有了学校里的那么多约束,也不再需要为了考试忙活个半天,想来也是不错的。 好的,再次回到这个系列。 不知不觉,我发现自己在简书已经写了好几万字了。当我无聊的时候,就会去看看自己之前写的文章,然后感到很奇怪,似乎那些东西根本不是自己写的一样。我仿佛是在看别人的文章,好长时间我都有这种感受。 这真的是挺奇怪的,不过
1、使用vue-cli构建一个vue项目。然后下载UEditor源码。地址:http://ueditor.baidu.com/website/ 把项目复制到vue项目的static文件下。目的是让服务可以访问到里面的文件,打开UEditor目录文件。这里下载的是jsp版本的。文件名字没有更改过。打开里面的ueditor.config.js文件找到serverUrl把这行代码注释了。这个代码是用来上传图片的后台地址。如果不注释了会请求报错。编辑器跑起来再做服务配置修改地址。 2、在.vue文件中引入主要js文件 import ‘../../static/utf8-jsp/ueditor.config’ import ‘../../static/utf8-jsp/ueditor.all’; import ‘../../static/utf8-jsp/lang/zh-cn/zh-cn’; 3、在data中申明一个变量存储UEditor的实例方便在vue的其他地方使用,然后申明一个变量存储手动获取的编辑器里面的内容,再什么一个变量存储初始化时要写入编辑器的内容。三个变量。如果操作得当。可以减少变量的时候。这是笨办法 4、在vue的mounted钩子函数中调用编辑器的方法生成实例存储到刚刚申明的变量中,在实例中传入参数。第一个是id,id是生成编辑器的div的id。第二个参数是一个对象。对象内容是对编辑器的配置。如资源访问路径,toolbars内容配置。 5、在html部分写一个div标签 6、然后配置资源路径。在实例化的时候传入的参数里。第二个参数是一个对象。内容包括路径。 this.ue = UE.getEditor('editor',{ BaseUrl: '', UEDITOR_HOME_URL: 'static/utf8-jsp/', }); 这个UEDITOR_HOME_URL就是配置编辑器自己访问自己所需要的依赖的路径。设置到存放的文件下utf8-jsp是编辑器文件的更目录。目录不一样可自行更改 7、然后保存。就可以在界面上显示一个完整的富文本编辑器 8、如果要获取内容则使用在data里面申明的编辑器实例在vue中this.实例调用方法getContent()可以获取到内容 9如果要设置内容则调用:setContent('欢迎使用ueditor'); 更多方法参考官方文档。 10、文档内容属于个人踩坑的心得。如有错误。请留言指出。谢谢 11、需要注意的是资源路径容易搞错。使用相对路径即可 12、贴出代码
layui中的input radio单选框监听选择触发事件: 根据给input绑定的 lay-filter 进行查找input,然后进入函数判断 <label class="layui-form-label">长期短期</label> <input type="radio" name="te010【AJAX】AJAX技术详细解析以及实例全称: Asynchronized(异步) Javascript And Xml 技术组成有: Javascript、DOM、CSS 和 XMLHttpRequest01Java Web 网络商城案例演示十五 订单详情功能(提交订单支付界面)获取订单的oid 调用业务层功能;根据订单编号查询订单信息 将订单放入request当中 转发到/jsp/order_info.jsp02ssm(springMVC + spring+MyBatis) 小例整体环境参见本人另一文:http://blog.csdn.net/jiangyu1013/article/details/5198336002JavaWeb中对数据维护——以新闻中的主题(增删改查为例)//首先声明我以修改新闻主题为例(因为增删改查的代码差不多,所以可在此基础上改动)02【ssm个人博客项目实战03】左侧导航菜单功能实现由于每一个菜单选项单击一下都会打开一个tab 所以我们可以把这个抽出来作为一个方法05struts2解决jsp与jsp页面之间参数的传递image.png 点击修改,相应工资项的信息传递至item_update.jsp显示 备注:由于http协议的约束,页面之间只能传递字符串,不能传递对象。 image.png item_list.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib uri="/struts-tags" prefix="s"%> <% String path = request.getContextP02ssm框架下 tiles框架 的使用tiles框架的工作 在springMVC工作流程中属于视图解析器 解析视图这一步。算是视图解析器的一个插件,作了视图解析这步的一部分工作。02【JavaWeb基础】图书管理系统【部署开发环境、解决分类、图书、前台页面模块】(修订版)在设计图书管理的时候,我们应该想到:图书和分类是有关系的。一个分类可以对应多本图书。04
全称: Asynchronized(异步) Javascript And Xml 技术组成有: Javascript、DOM、CSS 和 XMLHttpRequest
获取订单的oid 调用业务层功能;根据订单编号查询订单信息 将订单放入request当中 转发到/jsp/order_info.jsp
整体环境参见本人另一文:http://blog.csdn.net/jiangyu1013/article/details/51983360
//首先声明我以修改新闻主题为例(因为增删改查的代码差不多,所以可在此基础上改动)
由于每一个菜单选项单击一下都会打开一个tab 所以我们可以把这个抽出来作为一个方法
image.png 点击修改,相应工资项的信息传递至item_update.jsp显示 备注:由于http协议的约束,页面之间只能传递字符串,不能传递对象。 image.png item_list.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib uri="/struts-tags" prefix="s"%> <% String path = request.getContextP
tiles框架的工作 在springMVC工作流程中属于视图解析器 解析视图这一步。算是视图解析器的一个插件,作了视图解析这步的一部分工作。
在设计图书管理的时候,我们应该想到:图书和分类是有关系的。一个分类可以对应多本图书。
领取专属 10元无门槛券
手把手带您无忧上云