css的串联选择器有什么用，后端Java怎么和前端HTML交互_CSS学习

资料来源：网络整理时间：2023/3/4 1:34:57 共计：3598 浏览

css的串联选择器有什么用，后端Java怎么和前端HTML交互？

本人计算机专业毕业，从事Java Web研发三年半，我就以个人的经历来谈谈后端Java怎么和前端HTML交互，由于主要从事Java服务端的研发，对前端HTML的认识有限，个人浅见，一起交流。

刚毕业参加工作时，首先接触到的是Java前端技术是JSP，当时做基础架构方面的工作，有一些管理界面需要研发，而团队的技术线就是JSP+Spring+Duboo+Zookeeper+mysql，我当然也延续了这一技术线，前后使用了一年左右的JSP，前后端研发都一起搞，包括数据库部署、上线维护等都有所涉及。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。随着技术的发展，JSP逐渐被团队淘汰。

积极拥抱变化，是互联网公司或者互联网团队需要做的事情，spring boot + spring cloud的技术线进入了我们的视野。基础架构全面引入spring boot，积极推动微服务的发展成为团队的新课题。在推动spring boot的使用中，发现其支持的thymeleaf模板引擎有诸多的优点，在leader拍板之后，团队的前端技术就由JSP替换为thymeleaf。thymeleaf的优点是静态html嵌入标签属性，浏览器可以直接打开模板文件，便于前后端联调，同时也是springboot官方推荐方案。

技术总是不断发展的，前后端分离，面向接口编程的理念又进入我们的团队。hymeleaf这种前后端一起部署的技术体系已经不能满足我们的要求，为了推动前后端分离和专业的人做专业的事，将功能需求做页面划分，后端和前端定义接口标准，然后依此为契约，同步进行研发。发展到这里，前端的React技术栈又进入了我们团队的视野，由于其前端的技术太过专业，我当时只是简单的了解了一下，没有深入去学习，就专注于做服务端的接口研发。

引入该理念不久，我就跳槽后，进入新的公司新的团队，开始使用velocity。对于这个选择，没有更多的理由，融入新的环境新的团队，必须要让自己了解和使用团队的技术线，其性能良好，据说比jsp性能还要好些，但是自己没有做过相关的测试。到目前为止也在使用velocity，但会积极推动团队拥抱新变化，采用新的技术线来做相关的需求，比如freemarker等又成了团队的新的选择。

作者：夕阳雨晴，欢迎关注我的头条号。偶尔美文，主流Java，为你讲述不一样的码农生活。

有什么好用的数据可视化软件？

干货预警，全文12288字，配图100+，阅读需要20分钟。赶时间的朋友先点赞▲收藏★评论~

给大家推荐四款免费的可视化工具分别是：Excel、Power BI,Fourish网站、镝数图表。

E01.Excel数据可视化到底有多强大？

1-1.到底什么是数据可视化？

数据可视化，可以帮助我们更具象地了解一个事物的特性。例如中国的人口东多西少，利用地图就能很好理解，差异大概有多大。

中国县级市/区分布图

1-2.零基础有哪些值得学习的可视化工具？

给大家安利了2款软件和2个网站工具，通过接触这4款工具，也能快速做到举一反三，迅速上手其他可视化工具。

工具1：Excel

推荐Excel的理由有很多：01.普及率高、可定制；02.入门简单、自由操作度高；03.方便与PPT结合展示，工作场合最广泛。也建议日常要处理报表同学都是从Excel学起。

有人会觉得Excel的可视化比较差，那是因为绝大多数同学不知道：主题配色、排版，装饰元素等等细节问题。

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

工具2：Power BI

Power BI也是微软出品的可视化工具，原来是基于Excel的三大插件:Power Query、Power Pivot Power View组成。它图表丰富、有第三方图表库，可在线分享报表。

可视化作品如下：

工具3：flourish网页

网址：https://flourish.studio/

这是一个国外的动态可视化网站，只需要导入数据，就可以实现一些超棒可视化效果，如下：

工具一、Excel

对于普通的白领职员，刚开始还是建议学习Excel可视化表达。其实不管你学习什么工具，基础图表的原理都是相通的。

如果简单的数据可视化，Excel的普及率、兼容性和在数据储存、数据分析、数据呈现都有着坚实的基础。还有最重要的一条是，某些领导就是要看Excel文件。

对于基础的可视化需求，Excel就足以实现了。太难的图表即使自己会做，还经常要跟领导/观众解释一番。

最近整理了关于Excel数据可视化表达的知识点，并且做了相关案例演示和配套练习资料。文笔差，直接上课件案例（部分）

01五种主流可视化表达形式

01.REPT函数

02.条件格式

03.迷你图

04.三维地图

全国地级市（台湾除外）

全国县城/区分布（台湾除外）

05.Excel图表

还想了解更多的内容，请参加我们的课程呐~

由于每个行业都有很深的学问、甚至每个公司的表格、数据输出的列都不一样。这里建议同学们好好学习数据看板制作的原理，再根据自己公司的业务需求和自己对业务的理解，制作属于自己的可视化报表。

一、Excel数据大屏，自动化

Excel方面就是普及率高，每个人电脑几乎都有Excel，打开就可以浏览或修改。Excel也可以做错出挺棒的自动化模板，如下：

我在2020年根据自己工作经验制作的《Excel数据大屏，自动化模板》受到许多同学的认可，因为之前很多工作内容就是搞表格和搞PPT的。

说到制作自动化数据看板，还是Power BI 功能会更出色。不管Excel也好、Power BI也罢，甚至Tableau，Python……，它们都是工具，大家根据自己实际情况学习和使用就好。

个人不太建议，原来没有编程基础的同学，因为临时偶尔不重要的一个工作任务去学习Python类可视化报表哈。虽然我日常也会恰这类的饭。如临时需求，建议找一些专业的外援制作效果应该更好哦。

二、Power BI 自动化模板

许多同学看过我做的Excel自动化模板，其实Power BI自动化模板也不错。它比Excel的可容纳数据量更多，可视化功能更简单和丰富、可以发布网页上等优于Excel的特点。

《Power BI自动化模板》

下面的Power BI网红动态条形图模板，就是利用Power BI制作。如果又新的数据，刷新即可生成新的报表。

可能大家对Power BI还是挺陌生的，它是由微软出版的商业可视化报表软件，而且是完全免费。制作数据看板，它可以轻松跨越多个报表之间，实现数据关联。图表之间也能轻松交互。

Power BI主要有三大模块功能组成。分别是Power Query、Power Pivot和Power View。

01.Power Query功能

Power Query主要功能是获取数据、整理数据。用了12节课演示了常用的数据处理技巧、数据有哪些问题，和如何进行数据清洗。

教大家如何爬取电商手机商品数据、豆瓣电影TOP250数据。

02.Power Pivot功能

Power Pivot主要是数据关联和数据建模的内容。如在多对多关系如何搭建维度表链接2个数据源。如何建立一个最高频的维度表，日期表。

03.Power View功能

在Power View介绍了各种基础图表是如何绘制的，如何从第三方视觉对象。一共介绍了25个系统图表的绘制。

列举了分组、筛选和排序功能的重要性。如何制作出让人看得明白的可视化报表。

04.综合实践，自动化数据看板

最后是综合所有的内容，完整做出一个系统的，多数据报表关联的数据看板。此处列举了社区团购、知乎号、公众号三个系统报表的制作。

这个公众号从19年8月还是21个粉丝，到目前的3.5万粉丝。也感谢大家的关注和支持呢。（1个月，我的Excel公众号从23粉丝涨到1088知乎er！）

阅读量也从最开始的200涨到下载的1800左右叻。

知乎是从15年就注册玩了，也是经历好久才达到了5万粉丝呐，好久也没有复盘过知乎的内容。就借着这个做课程的机会，顺便把自己的粉丝也盘点了一下。

当然，后续我们还会添加补充同学们反馈比较多的问题，让大家在这一门课程就能够轻松上手Power BI并能完成难度一般的数据报表制作。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css基础入门及选择器，免费的视频剪辑软件哪个好用_CSS学习 | ·下一条：什么叫css选择器，人生选择器小游戏怎么过关_CSS学习