前段时间，参加了行业分享交流会，听了各位大鳄的经验。 其中一个用了非常耀眼的视觉大屏幕来展示，可以说是十分引人注目。 我滑水时总是会看到大屏幕内容，现场看到它真是太棒了网站产品展示模板，所以我抓住了向人们学习它是如何产生的机会。 我回去研究了很久，花了几天时间整理了这9个大屏常见的应用场景。 毕竟是行业后端人员使用的工具。 还有什么理由不去收集呢？
在大屏需求规划阶段，我们需要了解大屏如何使用，分析显示需求，决定大屏是否需要一些动态效果。
本文所指的动态疗效是大屏手动动态疗效，即无需手动操作即可在大屏上显示。 下面是应用场景分享！
应用场景一、图表轮播
使用场景：
图表轮播是帆软图表中的外部功能。 其功能是在同一区域轮流显示两个或多个图表。 图表之间存在一定的关系或者它们共同构成一个小的主题模块。
下面的模板中，有三组手动旋转图表的效果。 每个轮播中都有两个相关图表，“总体情况-去年”和“总体情况-今年”分别描述了托管规模和收入的总体情况。
一般情况下，图表是手动旋转的。 如果您需要单独关注图表，可以将键盘浮动在图表上以暂停轮播。
自动轮播比较适合大屏场景的访问和展示，也可以添加按钮做自动轮播。 座舱大屏的应用场景有很多：
私人发行
2.标签页旋转
使用场景：
标签页轮播可以旋转多个组件或组件组合，不限于轮播图表。 选项卡旋转可以是手动的，也可以自动点击选项卡进行切换。 使用标签页轮播可以丰富大屏显示的信息，而不会让大屏的内容显得杂乱。
如下图所示的模板中，A、B、C学校的人员比例和人员健康数据在大屏上以三个标签页轮流显示，也可以同时自动切换。
3、tab块实现模板轮播
使用场景：
模板轮播也是大屏幕上的常见要求。 以驾驶舱的大屏幕为例，领导者可能需要在会议室的电视上查看不止一方面的数据。 他们必须关注门店运营数据、销售贷款数据等。当大屏无法布置这么多数据指标时，通常可以制作多个大屏，利用轮播来展示疗效。
以下图模板为例。 有 3 个模板可供旋转。 结合场景图自带的场景切换按钮，在切换或旋转场景的同时模板也随之旋转。 整个模板具有逻辑连贯性。 同时显示三个模板的信息。
4.图表数据提示点轮播
使用场景：
为了让大屏的视觉设计美观整洁，我们一般都会隐藏大量的图表标签，但我们也希望图表信息能够全面的展现出来。 这时，我们可以利用图表数据提示点轮播的方式，依次轮播图表中各个系列的具体细节。 价值。
如下图模板所示，我们在展开图表中使用异型柱形图，让大屏更加美观，隐藏标签，并使用图表数据点轮播提示，以便图表的具体数据也可以显示。
5.地图数据提示点轮播
使用场景：
当地图上存在密集区域和数据标签时，不宜显示所有数据点，但根本不显示特定数据会丢失很多信息。 这时，地图数据点轮播提示就是一个非常好的功能应用。
右侧模板中，依次遍历了山东省各城市的高速收费数据，既保留了干净美观的视觉感，又通过轮播引导浏览者了解各城市的信息。
如果使用的地图是扩展图表中的类别，则轮播gis点图和场景图的轮播效果比普通地图更有场景感。
6、表格跑马灯的疗效
使用场景：
表格是大屏上常见的元素，但是大屏上表格的面积比例不宜太大，所以当表格信息无法完全显示时，可以应用表格滚动效果（跑马灯等3种方式）。
如下图模板所示，在商品销量排行榜中，需要展示的商品记录数超过了表格的高度，采用表格跑马灯效果来完整展示数据。
7. 滚动消息
使用场景：
滚动消息用于显示一个或多个消息文本。 文本数据是静态的，不需要有效的监控和分析，但也需要吸引观看者的注意力。 以滚动的方式展示，不需要太多的空间，还能通过动态效果吸引眼球。
8.图表闪烁动画
使用场景：
图表闪烁动画用于突出显示图表中异常或需要密切关注的数据系列。 采用闪烁+警示色的效果，使图形更加突出。 它是监控看板中常用的效果。
如下图模板所示，为监控图表设置一条警戒线网站产品展示模板，并为警戒线值以上的系列设置条件变色和闪烁动画效果，以便可以突出显示异常数据。
9.文本有条件变色
使用场景：
文本状态的颜色变化主要用于实时监控特别关注的个体数据。 可以为表中的数据和指示卡中的值设置该条件。
如下图模板所示，为“今天逛公园”的表单设置了条件属性的颜色。 如果访客体温数组的值超过37.0，该行数据就会变色，在大屏幕上起到警示作用。
私人发行
不知道你是否听说过像百度、淘宝等网站只有在有互联网连接的情况下才能使用，你想学习吗？
明天我们将和大家分享如何将自己的作品（网页）发布到服务器上，让更多的人能够听到您的作品！
先决条件：
1.你需要有一个云主机（云服务器）
您可以选择：腾讯云、阿里云、华为等。
2.需要Ubuntu和XShell软件
Xshell软件下载链接：百度云盘，请输入提取码
提取码：n5b6
2. 开始：
（1）远程登录自己的服务器如何下载网站模板，进入网页存放的根目录。 根目录的路径是/var/www/html
注：如果var目录下没有www目录，请参见：
(2) 检查需要部署的网页的文件构成。 可以直接用rzgz上传文件； 如果是文件夹，则需要先创建对应的文件夹，进入该文件夹后上传文件。
本页面的h5.html文件可以直接上传，需要先建好css、images、js对应的文件夹。
注：文件夹创建指令：mkdir 文件夹名称
例如：创建一个css文件夹=> mkdircss
cdcss后（跳转到css文件夹路径），然后将css文件夹上面的文件上传到这个目录！
3、拿出来演示一下：
首先上传文件，输入sudorz命令（如果没有安装rzgz，需要先安装），然后回车选择要上传的文件，选择上传即可。 （sudo：sudo的意思是以root身份执行命令如何下载网站模板，如果你当前用户不是root，不加sudo会上传失败）
安装rz的说明教程：Ubuntu安装sz/rz命令及使用 - 程序员大本营
拿出来用文件夹上传，比如css：
cdcss 单步进入css文件夹目录
拿出来输入命令：sudorz
上传后，ll或ls检查是否上传成功。 （如果出现我们上传的文件，说明上传成功）
然后依次上传js文件和图片文件，和css的方式一样。 注意：上传文件夹中的文件后，需要退出该文件夹，创建下一个文件夹，然后继续上传。
退出文件夹并返回上一级目录的命令：cd..
例如，在 /var/www/html/css 目录中输入： cd..
所以他会回到/var/www/html目录
返回后依次新建js、images等文件夹，上传该文件夹下的文件！
记住：
确保文件夹名称与网页文件中的相同，否则路径错误，图片无法正常显示！
最后回到/var/www/html目录下的ll或ls查看是否与笔记本上的文件夹名称相同
之后在浏览器中输入服务器域名（云服务器ip+你网页的名称），就可以看到自己的页面了，页面部署工作就完成了。
比如我的服务器ip是： 网页名称是：h5.html
所以我的服务器域名是：舌尖上的零食
（本作品使用360浏览器制作，为达到最佳效果，360浏览器：100%显示率，微软浏览器：80%显示率）
作品下载地址：《舌尖上的零食》网页期末作业、网页制作.rar_如何在云服务器上部署html页面-网页制作文档资源-CSDN下载
总结：
上传时一定要注意结构，注意上传时设置的文件名并与创建页面时进行比较。 否则会导致路径错误，页面无法正常显示。 当需要上传多个文件夹时，上传一个文件夹中的文件后，必须退出该文件夹并创建其他文件夹才能继续上传。
希望大家点个赞，多多关注。 让我们一起努力，一起追逐梦想。 快点！ 快点！ 快点！
