分享几个好用的网页设计时用到的网站~

1、Echarts图表(一个基于JavaScript的开源可视化图表库)

Examples - Apache ECharts

它的功能非常强大,包含了各种样式的图表,在制作一些统计类网站时可以用到,能够将网站变得生动有趣,也可以高效率的多方面的展示数据。

 

各种折线图:

 

各种柱状图:

 

还有一些仪表盘等的显示:

 

或者是一些有趣的图形组件:

 

甚至还有3d图表:

 

更好的一点是,它是基于js开源的,也就是说,依照它给你的源代码,你可以根据自己需要,来将图表个性化。

 

有很多配置项可以选择

 

图表有不同样式风格的主题,也可以根据自己网站的主题,将图表定制成一系列主题。

 

 

 

作为一个以js为基础的图表,它的操作非常简单,只需要导入js文件,即可使用。在官网中,还有很多可供学习的资料,可以帮助你快速使用。

 

另外还有python版的echarts:pyecharts - A Python Echarts Plotting Library built with love.

可供python玩家使用,其基本功能都与echarts一致。我用的不多,就不献丑了,以后如果有深入使用,再补充这部分内容。

2、fontawesome图标库(一个CSS文件)

Font Awesome 中文网 – | 字体图标

如果你制作网页时遇到了找图标难、找到的不清晰等问题,就来看看这个网站吧,它提供了大量的图标,安装也十分简单,仅需在网页文件中导入一个CSS文件即可。

 

包含了网页图标、手势图标、计算图标、方向图标等等常用图标,一般网站制作从这里面找着用就足够了。另外它还提供了矢量版,供设计师们来使用。

 

3、Bootstrap 网格系统

Bootstrap 网格系统 | 菜鸟教程

 

Bootstrap 学前端的朋友们应该不陌生,我涉及不深,在此就不小巫见大巫的多加说明了,只是说一些对网格系统的个人使用体会。

以前刚接触前端时,什么都不懂,小米加步枪,仅用top、bottom、left、right来进行整个网页的布局。甚至还用了photoshop的切片工具,一个一个模块进行拼接,又费时又费力。后来接触了网格系统,这效率简直嗖嗖的,只需要设计相对位置即可,不再需要计算每个点的位置。网格系统还可以进行自适应,可以根据缩放或者设备实际屏幕尺寸大小,进行布局,达到无论怎么调整,都可以布满整个画面的效果。棒棒哒!如果有看到这里的入门小白,也要走我老路(找绝对位置)的朋友们,大家可以看看这个,事半功倍!

  1. 若依系统(一款基于SpringBoot+Bootstrap的极速后台开发框架)

RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框架|Java|SpringBoot|SrpingBoot2.0|SrpingCloud|Alibaba|MyBatis|Shiro|OAuth2.0|Thymeleaf|BootStrap|Vue|Element-UI||www.ruoyi.vip

以上介绍的所有,都是从这个系统延申出来的,也就是说,这个系统包含了之前提到过的api。

 

(以下从官网摘抄)

RuoYi 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf、Bootstrap),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、通知公告等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务。

主要特性

  1. 完全响应式布局(支持电脑、平板、手机等所有主流设备)
  2. 强大的一键生成功能(包括控制器、模型、视图、菜单等)
  3. 支持多数据源,简单配置即可实现切换。
  4. 支持按钮及数据权限,可自定义部门数据权限。
  5. 对常用js插件进行二次封装,使js代码变得简洁,更加易维护
  6. 完善的XSS防范及脚本过滤,彻底杜绝XSS攻击
  7. Maven多项目依赖,模块及插件分项目,尽量松耦合,方便模块升级、增减模块。
  8. 国际化支持,服务端及客户端支持
  9. 完善的日志记录体系简单注解即可实现
  10. 支持服务监控,数据监控,缓存监控功能。

技术选型

系统环境:Java EE 8、Servlet 3.0、Apache Maven 3

主框架:Spring Boot 2.2.x、Spring Framework 5.2.x、Apache Shiro 1.7

持久层:Apache MyBatis 3.5.x、Hibernate Validation 6.0.x、Alibaba Druid 1.2.x

视图层:Bootstrap 3.3.7、Thymeleaf 3.0.x

内置功能

用户管理:用户是系统操作者,该功能主要完成系统用户配置。

部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。

岗位管理:配置系统用户所属担任职务。

菜单管理:配置系统菜单,操作权限,按钮权限标识等。

角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。

字典管理:对系统中经常使用的一些较为固定的数据进行维护。

参数管理:对系统动态配置常用参数。

通知公告:系统通知公告信息发布维护。

操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。

登录日志:系统登录日志记录查询包含登录异常。

在线用户:当前系统中活跃用户状态监控。

定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。

代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。

系统接口:根据业务代码自动生成相关的api接口文档。

服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。

缓存监控:对系统的缓存查询,查看、清理等操作。

在线构建器:拖动表单元素生成相应的HTML代码。

连接池监视:监视当期系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。

它是开源的,也就意味着只要功能本质相同,完全可以套用若依系统来搭建你自己的一套数据库管理系统。还有很多可以探索的,大家有兴趣可以去看看!

另外有两个辅助设计的小网站

5、高级在线配色器

在线配色方案表,网页配色设计软件,致力于为设计师提供色彩灵感 - 91在线配色神器

没有美工基础的人也可以快速配出好看的系统色。像这类网站,度娘一搜一大堆,大家如果不满意这个网站,也可以自己去搜搜,如果用到好用的,可以在评论区里分享一下~

6、在线ico图标制作

制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net

与在线配色器同理,也是一搜一大堆。

以上就是我想要与大家分享的几个网站,虽然不是很多,但是我目前还觉得蛮好用的。既是分享,也是记录,以后再遇到好用的网站,会继续更新~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值