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 hereThe Activity Page
創建活動| delete |
創建活動
標題 類型 教育培訓企業活動交友活動 開始時間 結束時間 備注 Close Save Changes2.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
總結
以上是生活随笔為你收集整理的ajax结合java,ajax技术应用详细分析(后端java与客户端请求的结合)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java f.lenth返回值_long
- 下一篇: 相对熵与交叉熵_详解机器学习中的熵、条件