前端
文章平均质量分 81
stalin_
程序员界的小学生
展开
-
如何用SpringBoot+Thymeleaf+Echart生成好看的柱状图,折线图,饼状图
上篇文章我们用POI技术读取Excel并生成了相应的图表。但是实际的效果比较一般,因为本身WPS生成图表就比较简单,如果用程序操作远比人工耗时费力,效果远不如一些付费模板。如下图所示:然后我就想到前端不是有一个简单易上手的Echart.js是专门做图表。所以就用它去做图表生成,后台数据解析还是用springBoot+Ajax+POI工具类。这样实现的效果就会好看和实用很多。来看一下效果图。1、首先新建一个xls统计表。2、数据填充其中需要注意的是js依赖文件可以本地下载好引用本地。–适用于内原创 2023-03-12 17:21:49 · 2499 阅读 · 0 评论 -
如何使用html+css+js 实现动态新年烟花特效及服务器部署
不知不觉又到了年底,这一年是值得庆贺的一年,疫情过去,经济好转。我们急需在春节这个特殊的日志释放下自己的情绪。但是大部分地区都不让放炮,于是乎我为大家带来一套十分炫酷应景的春节烟花动画代码实现。效果如下图所示 :原创 2023-01-16 16:17:41 · 3665 阅读 · 2 评论 -
圣诞节教你如何用Html+JS+CSS绘制3D动画圣诞树
上篇文章给大家提供了一个如何生成静态圣诞树的demo。但是那样还不够高级,如何高级起来,当然是3D立体带动画效果了。先看效果图:源码如下:将源码复制保存到html中打开即可。源码都是些基本的知识,不过多讲解。原创 2022-12-07 14:41:21 · 1344 阅读 · 0 评论 -
如何用不到100行Html+JS+CSS代码绘制一颗静态圣诞树
圣诞节又快到了,作为一个程序员又到了展示才艺的时候了,下面给大家展示一下如何用不到100行Html+JS+CSS代码绘制一颗静态圣诞树。效果图:完整代码如下:把他保存到一个html页面打开即可。功能很简单,快去学习吧~原创 2022-12-07 11:02:16 · 575 阅读 · 0 评论 -
程序员的浪漫:如何用HTML+JS制作雪花特效(附带源码)
圣诞节马上就要到了,作为一个程序员一定得给女朋友一个不一样的惊喜(其实就是抠门)。哈哈,那么为她做一个专属雪花特效怎么样呢~我觉得很棒!效果如下图所示:那么这么酷炫的操作是怎么完成的呢,其实很简单,只需要html,一张背景图和js就可以做到。1、准备背景图(可以用我的或者自己找一个更好的)找好背景图先创建一个资源文件目录static,然后将背景图放进去。2、编写html<!DOCTYPE html><html><head><meta http-eq原创 2021-12-21 16:29:00 · 12441 阅读 · 12 评论