css的串聯(lián)選擇器有什么用，后端Java怎么和前端HTML交互？

本人計算機專業(yè)畢業(yè)，從事Java Web研發(fā)三年半，我就以個人的經(jīng)歷來談談后端Java怎么和前端HTML交互，由于主要從事Java服務端的研發(fā)，對前端HTML的認識有限，個人淺見，一起交流。

剛畢業(yè)參加工作時，首先接觸到的是Java前端技術(shù)是JSP，當時做基礎架構(gòu)方面的工作，有一些管理界面需要研發(fā)，而團隊的技術(shù)線就是JSP+Spring+Duboo+Zookeeper+mysql，我當然也延續(xù)了這一技術(shù)線，前后使用了一年左右的JSP，前后端研發(fā)都一起搞，包括數(shù)據(jù)庫部署、上線維護等都有所涉及。JSP技術(shù)使用Java編程語言編寫類XML的tags和scriptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務器在頁面被客戶端請求以后對這些Java代碼進行處理，然后將生成的HTML頁面返回給客戶端的瀏覽器。隨著技術(shù)的發(fā)展，JSP逐漸被團隊淘汰。

積極擁抱變化，是互聯(lián)網(wǎng)公司或者互聯(lián)網(wǎng)團隊需要做的事情，spring boot + spring cloud的技術(shù)線進入了我們的視野。基礎架構(gòu)全面引入spring boot，積極推動微服務的發(fā)展成為團隊的新課題。在推動spring boot的使用中，發(fā)現(xiàn)其支持的thymeleaf模板引擎有諸多的優(yōu)點，在leader拍板之后，團隊的前端技術(shù)就由JSP替換為thymeleaf。thymeleaf的優(yōu)點是靜態(tài)html嵌入標簽屬性，瀏覽器可以直接打開模板文件，便于前后端聯(lián)調(diào)，同時也是springboot官方推薦方案。

技術(shù)總是不斷發(fā)展的，前后端分離，面向接口編程的理念又進入我們的團隊。hymeleaf這種前后端一起部署的技術(shù)體系已經(jīng)不能滿足我們的要求，為了推動前后端分離和專業(yè)的人做專業(yè)的事，將功能需求做頁面劃分，后端和前端定義接口標準，然后依此為契約，同步進行研發(fā)。發(fā)展到這里，前端的React技術(shù)棧又進入了我們團隊的視野，由于其前端的技術(shù)太過專業(yè)，我當時只是簡單的了解了一下，沒有深入去學習，就專注于做服務端的接口研發(fā)。

引入該理念不久，我就跳槽后，進入新的公司新的團隊，開始使用velocity。對于這個選擇，沒有更多的理由，融入新的環(huán)境新的團隊，必須要讓自己了解和使用團隊的技術(shù)線，其性能良好，據(jù)說比jsp性能還要好些，但是自己沒有做過相關(guān)的測試。到目前為止也在使用velocity，但會積極推動團隊擁抱新變化，采用新的技術(shù)線來做相關(guān)的需求，比如freemarker等又成了團隊的新的選擇。

作者：夕陽雨晴，歡迎關(guān)注我的頭條號。偶爾美文，主流Java，為你講述不一樣的碼農(nóng)生活。

有什么好用的數(shù)據(jù)可視化軟件？

干貨預警，全文12288字，配圖100+，閱讀需要20分鐘。趕時間的朋友先點贊▲收藏★評論~

給大家推薦四款免費的可視化工具分別是：Excel、Power BI,Fourish網(wǎng)站、鏑數(shù)圖表。

E01.Excel數(shù)據(jù)可視化到底有多強大？

1-1.到底什么是數(shù)據(jù)可視化？

數(shù)據(jù)可視化，可以幫助我們更具象地了解一個事物的特性。例如中國的人口東多西少，利用地圖就能很好理解，差異大概有多大。

中國縣級市/區(qū)分布圖

1-2.零基礎有哪些值得學習的可視化工具？

給大家安利了2款軟件和2個網(wǎng)站工具，通過接觸這4款工具，也能快速做到舉一反三，迅速上手其他可視化工具。

工具1：Excel

推薦Excel的理由有很多：01.普及率高、可定制；02.入門簡單、自由操作度高；03.方便與PPT結(jié)合展示，工作場合最廣泛。也建議日常要處理報表同學都是從Excel學起。

有人會覺得Excel的可視化比較差，那是因為絕大多數(shù)同學不知道：主題配色、排版，裝飾元素等等細節(jié)問題。

下面就給大家看看Excel的作品：

工具2：Power BI

Power BI也是微軟出品的可視化工具，原來是基于Excel的三大插件:Power Query、Power Pivot Power View組成。它圖表豐富、有第三方圖表庫，可在線分享報表。

可視化作品如下：

工具3：flourish網(wǎng)頁

網(wǎng)址：https://flourish.studio/

這是一個國外的動態(tài)可視化網(wǎng)站，只需要導入數(shù)據(jù)，就可以實現(xiàn)一些超棒可視化效果，如下：

工具一、Excel

對于普通的白領(lǐng)職員，剛開始還是建議學習Excel可視化表達。其實不管你學習什么工具，基礎圖表的原理都是相通的。

如果簡單的數(shù)據(jù)可視化，Excel的普及率、兼容性和在數(shù)據(jù)儲存、數(shù)據(jù)分析、數(shù)據(jù)呈現(xiàn)都有著堅實的基礎。還有最重要的一條是，某些領(lǐng)導就是要看Excel文件。

對于基礎的可視化需求，Excel就足以實現(xiàn)了。太難的圖表即使自己會做，還經(jīng)常要跟領(lǐng)導/觀眾解釋一番。

最近整理了關(guān)于Excel數(shù)據(jù)可視化表達的知識點，并且做了相關(guān)案例演示和配套練習資料。文筆差，直接上課件案例（部分）

01五種主流可視化表達形式

01.REPT函數(shù)

02.條件格式

03.迷你圖

04.三維地圖

全國地級市（臺灣除外）

全國縣城/區(qū)分布（臺灣除外）

05.Excel圖表

還想了解更多的內(nèi)容，請參加我們的課程吶~

由于每個行業(yè)都有很深的學問、甚至每個公司的表格、數(shù)據(jù)輸出的列都不一樣。這里建議同學們好好學習數(shù)據(jù)看板制作的原理，再根據(jù)自己公司的業(yè)務需求和自己對業(yè)務的理解，制作屬于自己的可視化報表。

一、Excel數(shù)據(jù)大屏，自動化

Excel方面就是普及率高，每個人電腦幾乎都有Excel，打開就可以瀏覽或修改。Excel也可以做錯出挺棒的自動化模板，如下：

我在2020年根據(jù)自己工作經(jīng)驗制作的《Excel數(shù)據(jù)大屏，自動化模板》受到許多同學的認可，因為之前很多工作內(nèi)容就是搞表格和搞PPT的。

說到制作自動化數(shù)據(jù)看板，還是Power BI 功能會更出色。不管Excel也好、Power BI也罷，甚至Tableau，Python……，它們都是工具，大家根據(jù)自己實際情況學習和使用就好。

個人不太建議，原來沒有編程基礎的同學，因為臨時偶爾不重要的一個工作任務去學習Python類可視化報表哈。雖然我日常也會恰這類的飯。如臨時需求，建議找一些專業(yè)的外援制作效果應該更好哦。

二、Power BI 自動化模板

許多同學看過我做的Excel自動化模板，其實Power BI自動化模板也不錯。它比Excel的可容納數(shù)據(jù)量更多，可視化功能更簡單和豐富、可以發(fā)布網(wǎng)頁上等優(yōu)于Excel的特點。

《Power BI自動化模板》

下面的Power BI網(wǎng)紅動態(tài)條形圖模板，就是利用Power BI制作。如果又新的數(shù)據(jù)，刷新即可生成新的報表。

可能大家對Power BI還是挺陌生的，它是由微軟出版的商業(yè)可視化報表軟件，而且是完全免費。制作數(shù)據(jù)看板，它可以輕松跨越多個報表之間，實現(xiàn)數(shù)據(jù)關(guān)聯(lián)。圖表之間也能輕松交互。

Power BI主要有三大模塊功能組成。分別是Power Query、Power Pivot和Power View。

01.Power Query功能

Power Query主要功能是獲取數(shù)據(jù)、整理數(shù)據(jù)。用了12節(jié)課演示了常用的數(shù)據(jù)處理技巧、數(shù)據(jù)有哪些問題，和如何進行數(shù)據(jù)清洗。

教大家如何爬取電商手機商品數(shù)據(jù)、豆瓣電影TOP250數(shù)據(jù)。

02.Power Pivot功能

Power Pivot主要是數(shù)據(jù)關(guān)聯(lián)和數(shù)據(jù)建模的內(nèi)容。如在多對多關(guān)系如何搭建維度表鏈接2個數(shù)據(jù)源。如何建立一個最高頻的維度表，日期表。

03.Power View功能

在Power View介紹了各種基礎圖表是如何繪制的，如何從第三方視覺對象。一共介紹了25個系統(tǒng)圖表的繪制。

列舉了分組、篩選和排序功能的重要性。如何制作出讓人看得明白的可視化報表。

04.綜合實踐，自動化數(shù)據(jù)看板

最后是綜合所有的內(nèi)容，完整做出一個系統(tǒng)的，多數(shù)據(jù)報表關(guān)聯(lián)的數(shù)據(jù)看板。此處列舉了社區(qū)團購、知乎號、公眾號三個系統(tǒng)報表的制作。

這個公眾號從19年8月還是21個粉絲，到目前的3.5萬粉絲。也感謝大家的關(guān)注和支持呢。（1個月，我的Excel公眾號從23粉絲漲到1088知乎er！）

閱讀量也從最開始的200漲到下載的1800左右叻。

知乎是從15年就注冊玩了，也是經(jīng)歷好久才達到了5萬粉絲吶，好久也沒有復盤過知乎的內(nèi)容。就借著這個做課程的機會，順便把自己的粉絲也盤點了一下。

當然，后續(xù)我們還會添加補充同學們反饋比較多的問題，讓大家在這一門課程就能夠輕松上手Power BI并能完成難度一般的數(shù)據(jù)報表制作。