如何使用小屏幕學習-tft每日頭條

如何使用小屏幕學習

科技更新时间:2024-07-22 14:17:10

可視化大屏裡的數據，我們正常應該來自于後台數據庫，所以我們要完成這個内容。因為是做演示部分，我們做表單提交，建議表單會了之後，嘗試用ajax提交，框架也可以改為springboot等框架。

首先我們的數據應該是來源于後台的，在Action的部分，我們要查詢所有的數據。我們先以大屏左上角的圖為例。

如何使用小屏幕學習（模仿學習-動态更改大屏數據）1

先在action中完成測試數據，就是目前還不連接數據庫

如何使用小屏幕學習（模仿學習-動态更改大屏數據）2

然後在請求的方法中添加我們的測試數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）3

數據已經準備好，接下來要将數據放到頁面中

首先在index.js中将柱狀圖的代碼移動到jsp中。這個頁面裡寫ajax比較好，但是我們使用的是表單所以要将數據拿走。

如何使用小屏幕學習（模仿學習-動态更改大屏數據）4

移動之後代碼到模塊二

如何使用小屏幕學習（模仿學習-動态更改大屏數據）5

然後看jsp中移動過來的代碼。

如何使用小屏幕學習（模仿學習-動态更改大屏數據）6

放入代碼後

如何使用小屏幕學習（模仿學習-動态更改大屏數據）7

然後我們需要把動态數據加進來。${td}就是我們後台返回的測試數據，這個地方就是将數據放到一個managerdata的數組中。

如何使用小屏幕學習（模仿學習-動态更改大屏數據）8

打印測試一下，方便我們調試代碼，可以不寫

如何使用小屏幕學習（模仿學習-動态更改大屏數據）9

接下來是第二個測試數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）10

需要把靜态數據改為我們動态的數據，所以上面的兩個變量我們都要使用了。

首先是x軸的數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）11

然後是y軸的數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）12

然後我們測試運行下，可以看到數據是我們後台的數據，說明前後端聯系上了。

如何使用小屏幕學習（模仿學習-動态更改大屏數據）13

我們開始準備數據庫，先準備數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）14

然後action中準備DAO

如何使用小屏幕學習（模仿學習-動态更改大屏數據）15

在applicationContext.xml中添加配置

如何使用小屏幕學習（模仿學習-動态更改大屏數據）16

我們準備測試代碼

如何使用小屏幕學習（模仿學習-動态更改大屏數據）17

運行看是不是數據庫的數據

出現問題：數據沒有

如何使用小屏幕學習（模仿學習-動态更改大屏數據）18

返回查看代碼發現這個地方錯了

如何使用小屏幕學習（模仿學習-動态更改大屏數據）19

修改後重新運行，數據正确了

如何使用小屏幕學習（模仿學習-動态更改大屏數據）20

此時我們可以根據我們的後台管理完成數據的變動，比如打開管理後台，更改數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）21

這有個地方糾正之前有個地方不小心改錯了，之前寫成zztlKsh.jsp了，現在改為zztlMoRe.jsp

如何使用小屏幕學習（模仿學習-動态更改大屏數據）22

更改數據

如何使用小屏幕學習（模仿學習-動态更改大屏數據）23

查看可視化屏幕，可以發現已經更改了。

如何使用小屏幕學習（模仿學習-動态更改大屏數據）24

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

科技二氧化碳氣保焊絲有哪幾種型号
二氧化碳氣保焊絲有哪幾種型号?二氧化碳氣保焊絲氣體保護焊絲按焊絲直徑可分為細絲、中絲和粗絲，現在小編就來說說關于二氧化碳氣保焊絲有哪幾種型号?下面内容希望能幫助到你，我們來一起看看吧!二氧化碳氣保焊絲有哪幾種型号二氧化碳氣保焊絲氣體保護焊絲... 2022-05-31
科技央行範一飛多措并舉
央行範一飛多措并舉?10月8日，中國人民銀行發布《範一飛：譜寫金融科技賦能鄉村振興新篇章》實施鄉村振興戰略是決勝全面建成小康社會、全面建設社會主義現代化國家的重大曆史任務全力支持鄉村振興戰略實施，既是金融服務國家戰略的政治責任，也是金融高質... 2023-02-13
科技重慶常住人口2022年總人數是多少
近日，重慶市統計局發布《2021年重慶人口發展概況》（以下簡稱《概況》）。根據《概況》給出的數據，2021年重慶在常住人口、出生率、老齡化等方面發生的變化明顯。《概況》（圖源官網截圖）常住人口連續17年增加但增速明顯放緩《概況》顯示，截至去... 2023-01-05
科技又貴又難用的散粉
又貴又難用的散粉?#周傑倫連彈5個G調#看到這個視頻的時候我是懵的，佛系散粉覺得并不簡單所以有沒有人解惑，這是在幹嘛？，今天小編就來聊一聊關于又貴又難用的散粉?接下來我們就一起去研究一下吧!又貴又難用的散粉#周傑倫連彈5個G調#看到這個視頻... 2022-12-05
科技河南壽星119歲
在全面建成小康社會的曆史時刻，百歲老人必是一個特殊的群體，他們是親曆者，見證者，更是改革發展成果的共享者。“山中也有千年樹，世上難逢百歲人。”，這樣一個群體，在河南這樣一個人口大省，有多少百歲老人？他們當前分布在哪裡？特别是近10年來，百歲... 2023-02-26
科技舊筆記本電腦安裝m.2固态硬盤
寫在開頭：朋友拿着一台筆記本同我說，“有空幫看看電腦不？它一直提示磁盤空間不足。”拿過來一瞧，好家夥，"剩餘空間還有4G，你都裝啥了？""也沒啥，都是閨女在用，裡面裝了一些奧特曼和快樂星球。”哦，那怪不得這麼滿。等等... 2022-11-26
科技短平台哪個比較火
當智能手機普及成為人類每天生活的必需品時，也消耗着人的一切瑣碎時間，早上起床第一件事就是摸手機，晚上最後一件事就是放下手機。那麼這樣一個24小時都在陪伴我們的物件，我們究竟都在手機上做什麼呢？号稱宇宙第一APP的微信，穩坐用戶量和使用時間的... 2023-02-12
科技電腦怎麼打出分數形式
電腦怎麼打出分數形式?打開插入菜單，打開“對象”，找到Microsoft公式3.0，選中它以後單擊左鍵（雙擊也行）就可以打開公式編輯器了，下面我們就來聊聊關于電腦怎麼打出分數形式?接下來我們就一起去了解一下吧!電腦怎麼打出分數形式打開插入菜... 2022-06-04
科技手機有放大鏡功能嗎?
手機有放大鏡功能嗎?大部分手機都有放大鏡功能,不同品牌的手機,放大鏡功能使用方法不同，我來為大家科普一下關于手機有放大鏡功能嗎?下面希望有你要的答案，我們一起來看看吧!手機有放大鏡功能嗎大部分手機都有放大鏡功能,不同品牌的手機,放大鏡功能使... 2022-08-24
科技免費手機誤删怎麼恢複
手機錄制的視頻被誤删該如何恢複？現在的手機功能非常的齊全，如果在生活中發生有趣的事情就可以随時拿出手機記錄下來，然而有時候我們可能會一不小心将錄制的視頻删除了該怎麼恢複呢？下面我們就來看一下恢複手機視頻的方法吧。我們想要恢複手機裡的視頻，那... 2023-02-26
科技電腦進不了系統怎麼辦
電腦進不了系統怎麼辦?情況一：卡在歡迎界面很多朋友電腦開機進不了系統，一般都是卡在歡迎界面一直在轉圈，強制重啟電腦依然如此，這種情況可能是驅動安裝有問題，或者是開機啟動的程序有沖突，中木馬病毒都可能出現這樣的情況，現在小編就來說說關于電腦進... 2022-06-15
科技适合裝固定中空玻璃的型材
鋁型材框架中的有機玻璃是什麼？有機玻璃是由甲基丙烯酸甲酯聚合而成的高分子化合物，是一種開發較早的重要熱塑性塑料。有機玻璃分為無色透明、有色透明、珠光、壓花有機玻璃四種。在工業中，有機玻璃又叫明膠玻璃、亞克力玻璃等。有機玻璃按照外形可分為四種... 2022-11-16
科技 photoshop目前有幾個版本
AdobePhotoshop，簡稱“PS”，是由AdobeSystems（中文：奧多比）開發和發行的圖像處理軟件，是迄今為止世界上最暢銷的圖像編輯軟件。從1990年推出PS1.0以來，截至2020年，主要有1.0/2.0/3.0/4.0/5... 2023-01-05
科技抖音直播人臉識别是什麼
◎火山引擎處理的大體量的人臉數據，難免引發個人隐私數據洩漏擔憂。此外，使用GAN技術之後達到的變臉、變老、妝容人臉特效，也讓人質疑是否設計深度僞造。每經記者王紫薇每經編輯劉雪梅還記得上世紀80年代電視劇《西遊記》“石猴出世”的特效嗎？當年還... 2023-02-26
科技 14歲女孩眼睛近視700度
最近在微博上無意刷到一則新聞：紹興4歲小女孩愛看抖音和電視，近視高達600多度。孩子這麼小就已經近視高達600多度了，實在太讓人心疼。去網上一搜，發現兒童高度近視的案例有很多，4歲孩子近視1300度，2歲男童近視1300度等等。據了解，近年... 2022-12-24
科技企業微信号需要開通公衆号嗎
企業微信号需要開通公衆号嗎?在企業微信與視頻号打通後，企業可以将視頻号展示在員工企業微信主頁上，客戶點擊就可查看，企業多了一個宣傳入口同時，還可将視頻号客戶引流到企業微信上，多了一個引流途徑那麼企業微信與視頻号如何進行關聯呢？，我來為大家講... 2022-10-12
科技細分關鍵詞技巧
前言：前面文韬互聯講了關于服務器、域名、網站設計等方面的知識，其中包含有IT技術、設計理念的知識，當然，也适當的增加了基礎的SEO知識，今天我們探讨一個主題，如何在實施網站關鍵詞策略的過程中，有效的拓展我們需要的關鍵詞。(正文開始，請君閱讀... 2023-02-18
科技卧室空調最佳安裝位置
卧室空調最佳安裝位置?最佳安裝位置為靠床一頭的空閑位置，使空調風向朝床的對面吹，避免晚上睡覺時直接對準人體吹，而造成感冒或身體不适，下面我們就來說一說關于卧室空調最佳安裝位置?我們一起去了解并探讨一下這個問題吧!卧室空調最佳安裝位置最佳安裝... 2022-06-11
科技蘋果手機打電話聲音小怎麼回事
蘋果手機打電話聲音小怎麼回事?第一步、在通話的過程中選擇調試一下手機音量，看是否是因為手機的聲音調的太小，現在小編就來說說關于蘋果手機打電話聲音小怎麼回事?下面内容希望能幫助到你，我們來一起看看吧!蘋果手機打電話聲音小怎麼回事第一步、在通話... 2022-06-12
科技電腦連接網絡斷網怎麼辦
IP地址沖突怎麼辦？近日有用戶在使用電腦時，突然遇到斷網問題，并且提示IP地址沖突，該如何解決呢？下面給大家介紹電腦提示IP地址沖突的解決方法。方法一：手動修改IP1、點擊開始按鈕，選擇“控制面闆”進入；如圖所示：2、進入控制面闆，選擇網絡... 2022-11-16
科技 amr文件怎麼轉換成mp3
amr文件怎麼轉換成mp3?首先我們在電腦上打開音頻轉換器，然後點擊上方“音頻轉換”這個選項，進入音頻格式轉換界面，今天小編就來說說關于amr文件怎麼轉換成mp3?下面更多詳細答案一起來看看吧!amr文件怎麼轉換成mp3首先我們在電腦上打開... 2022-06-10
科技手機飛行模式對比
随着網絡時代的來臨，手機也成了我們生活中不可缺少的一部分了，尤其是“線上支付”這個功能開啟之後，可以說我們更加的離不開手機了，也正是因為手機功能的強大，也讓我們身上不在出現現金。假如我們沒有了手機，那麼我們的生活就會變得毫無意義，原本隻需一... 2023-02-12
科技兩部手機可以通話的原理是什麼
兩部手機相隔千萬裡，卻能進行實時通話，這究竟是如何做到的？這篇文章帶你了解一下千裡傳音，人類好聰明首先我們來看下聲音是如何轉換傳輸的，當你對着手機說話時，手機麥克風會立即收集到你的聲音（如下圖），此時，麥克風借助【傳感器】的震動，會将聲音轉... 2022-11-16
科技手機飛行模式下可以用哪些功能
想必大家都知道，手機裡有個飛行模式，是在乘坐飛機時使用的。其實除了這個功能之外，飛行模式還有很多其他的妙用，下面筆者就為大家一一進行介紹。一、加快充電速度有些特殊情況你想加快手機的充電速度時，可以試着開啟飛行模式。因為開啟飛行模式後，手機内... 2023-01-03
科技挑選房子哪個軟件好
沒有調查，就沒有發言權，買房子是大事，在選購房子的時候，我們千萬不要去聽置業顧問給你怎麼講，也不需要去看中介給你怎麼畫，因為數據是最真實可靠的，一定要拿數據來說話，我的房子我做主。下面我給大家分享6個非常實用的APP軟件或小程序，希望對大家... 2022-12-24
科技移動套餐怎麼避免推銷
最近我頻繁接到移動的電話，他們告訴我在現有套餐的基礎上，隻要增加不到10塊錢，就可以将我的流量套餐從6G變成10G，同時還送騰訊、愛奇藝會員等多種權益，聽到這樣的話術，我立馬選擇挂斷電話。在以前，因為這樣的話術，我已經被他們小刀割肉般地10... 2022-11-08
科技怎麼壓縮mp3音頻
作者|江下科技怎麼壓縮MP3音頻文件呢不管是什麼格式的文件都一樣，隻要質量高了，那麼文件就會比較大。因此，在進行傳輸的時候就比較耗時間，不過可以将音頻适當進行壓縮，讓它的文件大小變小，這樣就不會有這些苦惱了。那麼下面就來跟大家說說怎麼将音頻... 2023-01-03
科技續航和遊戲性能好的手機推薦
【手機中國導購】火熱的夏天，有三件東西被稱為夏天三寶，西瓜、空調和手機遊戲。就拿小編來說，玩一會手機端的《QQ飛車》已經成為每天必不可少的項目。每當遊戲中熟悉的旋律響起，似乎又回到了曾經那個青蔥歲月。不過，要想遊戲玩得暢快，一台适合玩遊戲的... 2022-12-16
科技法蘭連接螺栓安裝順序
法蘭安裝安裝前需要重點檢查管内潔，法蘭面、墊片是否有損傷，并對螺栓與墊片材質、規格進行檢查是否與設計圖紙一緻。對于鏽蝕的法蘭密封面，可采用手動鋼絲刷或其他手動工具除鏽，且用清洗劑去除污漬，檢查其密封面的狀況，嚴重損傷的法蘭密封面不予使用。對... 2023-02-14
科技黃蓉和周迅對比
#《射雕英雄傳》的黃蓉扮演者，米雪，翁美玲，朱茵，周迅李一桐，你喜歡哪一位#金庸的書裡面寫過衆多的美女，小龍女、王語嫣、香香公主……這種太過于神奇的人物，其實我是不太喜歡的。總覺得她們就是書中的人物，不落地，有距離感。而《射雕英雄傳》裡面的... 2023-03-21

tft每日頭條

> 科技

> 如何使用小屏幕學習

如何使用小屏幕學習

相关科技资讯推荐

热门科技资讯推荐

网友关注