ajax结合java,ajax技术应用详细分析（后端java与客户端请求的结合）

Ajax 技术应用

先回看 模态框的使用

js比较薄弱

如上 比如这部分

加粗样式

如下 是BOM窗口对象

**

js最薄弱 建议在浏览器练习

** confirm方法

跳转练习

新疑问:怎么分辨js,jQuery和jsp代码 与其实现应用

插入小点

**

延申说法 client客户端发送请求 (客户端层面)是client前端页面层

**

**

重要知识点补回来 提要:冒泡排序和正则表达式(可能需要用到js)

**

用于初始化

目的 为了规范日期

引入

自己学着加入一个新的js功能 下拉 日期datetimepicker

可能存在的问题

今晚学着自己去加入 失败了 再看码云上的源码 试试脱离老师写代码

新要求

结束

现在看Hi现场源码

新功能

错过了下 只能核对码云源码了

实现state状态超时变成0 变成失效

1.dao层

数据层

2.Service业务逻辑层

**

自己开始导包

**

添加state状态 过时变成0 失效

1.controller层 html 客户端层面

controller无改动

html

Insert title here

The Activity Page

创建活动

title	Category	StartTime	EndTime	State	Operation
					delete

×

创建活动

标题

类型

教育培训企业活动交友活动

开始时间

结束时间

备注

Close Save Changes

2.dao层与mapper

@Update("update tb_activity set state=0 where id=#{id}") int updateState(Long id);

insert into tb_activity (title,category,startTime,endTime,remark,state,createdUser,createdTime) values (#{title},#{category},#{startTime},#{endTime},#{remark},#{state},#{createdUser},now())

3.service层

接口无变动

doSaveActivity

@Override

public int saveActivity(Activity entity) { int rows=activityDao.insertObject(entity); System.out.println("saveActivity.threadName="+Thread.currentThread().getName()); //??????

//开启活动倒计时(活动到了结束时间应该将其状态修改为0) //方案:(自己尝试) //1)Java 官方:

//1.1)Timer

//1.2)ScheduledExecutorService

//2)借助第三方的任务调度框架(任务调度框架,quartz) //方案1:Timer应用

//1.1构建Timer对象

Timer timer=new Timer();//此对象可以负责去执行一些任务(这个对象内置一个线程和一个任务队列) //1.2启动线程执行任务

timer.schedule(new TimerTask() {//TimerTask为任务

@Override

public void run() {//一旦调用此任务的线程获得了CPU就会执行这个任务的run方法

System.out.println("updateState.threadName="+Thread.currentThread().getName()); System.out.println("执行任务..."); activityDao.updateState(entity.getId()); } }, entity.getEndTime());//按指定时间执行任务. return rows; }

4.html页面看效果

pojo

activity.java

修正日期格式

@DateTimeFormat(pattern = "yyyy-MM-dd")

这里不对 先注释了

修改

//Spring MVC基于@DateTimeFormat指定的日期格式接收客户端提交数据,假如没有指定默认为yyyy/MM/dd

@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm") private Date startTime; /** 活动结束时间 */

@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")

页面效果

如上两图 以实现 晚上自己对代码复刻一遍

自己操作一下

有注解后 由系统底层去赋予相应的东西

Ajax

Ajax入门案列

总结 自己回看

开始创建项目

**AJAX相关

加js函数

步骤

2.创建controller层

错误示范

对应回客户端层

3.页面 客户端层面实现

插入小点 span

4.再次深入拓展

原理

客户端层

controller层

第三步 建立连接处的同步与异步处理

实现了按钮与span框的异步更新

controller层的模拟休眠处理

3秒耗时操作

(1)异步处理 true

不同线程 看谁先打印 console在主线程

如上图 凸显了异步操作

(2)同步处理 false

结果

上面是同步和异步的点!!!

本文地址：https://blog.csdn.net/qq_43765881/article/details/107854432