都2023年还在用老掉牙的后台模板？来试试这款高颜值后台模板

最新推荐文章于 2024-09-29 00:22:31 发布
最新推荐文章于 2024-09-29 00:22:31 发布
阅读量775 收藏
点赞数
文章标签： 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20682439/article/details/129948054
版权

前言

Naive Admin 从发展至今，累积收到众多用户心声，相信很多前端小伙伴都有面临要开发后台管理系统，很多时候都是上 github 拉几个开源版本下来捣鼓，研究，最终都面临几个比较大的问题，要么太老，不好上手，改不动，业务组件少，只是一个简陋的架子，各方面还不一定能满足业务需求，一来二去浪费了比较多的时间，搞不好就 加班.Img 了，哈哈~

Naive Admin 介绍

Naive Admin 基于 Vue3.x Vite Pinia Tailwindcss TypeScript 中后台解决方案，支持 UI 生态有 Naive UI，ArcoVue，AntdVue, ElementPlus 无论您选的 UI 框架是哪一款，均可开箱即用，即刻拥有中后台解决方案，各版本长期维护，定期会增加新特性功能/组件/页面，持续深耕中 。

新品 Plus 版本

Naive Admin Pro Plus 是一个全新版本，在现有产品基础上，我们重新设计，精雕细琢，日夜奋战，终于又迎来了正式发布上线！

开始使用

先从登录页开始吧，一个后台管理系统，我们提供多个登录页面设计

登录页面

登录模板1

登录模板2

系统风格

登录进来之后，首先看到的就是主控台页面，新版设计，有没有赏心悦目

经典风格

系统内在多种风格，任意切换，支持持久化

白色风格

深色风格

菜单模式

支持 4 种菜单模式，可根据项目需要选择

左侧菜单经典模式

左侧拆分菜单

顶部拆分菜单

系统配置

我们重新设计了，系统配置，保留了比较实用的配置，舍弃一些画蛇添足的配置

国际化

我们支持国际化了，尽管需求量不是很大，我们认为还是很有必要支持的

这里我们只是把菜单做了国际化

业务组件

本次我们新增以下业务组件，持续更新中，更多演示示例，请前往在线预览

  • 排印扩展
  • 可选卡片
  • 可选按钮
  • Loading
  • 图标选择器
  • 弹窗表单
  • 抽屉表单
  • 表单表格
  • 高级表格
  • 图片上传

常用模板

我们期望后续新增更多的，常用模板，让用户触手可及，拿来即用

多页签

细心的朋友可能会发现，我们怎么没有多页签功能了

“一些思考”，多页签在很多时候是挺占用页面空间的，一旦多起来也会让系统变得很臃肿，找起来也不是很方便，大多数使用者可能只有那么几个菜单是需要记录的

我们的创新 “菜单收藏夹”

你可根据自己需要，只保留自己常用的页面即可

在线预览

https://plus.naiveadmin.com

NaiveAdmin 官网

https://www.naiveadmin.com

开源版本

https://github.com/jekip/naive-ui-admin 免费版本

前端啊俊
关注
2023最新Vue电商网站后台管理系统模板+无刷新效果很好
thyjrg的博客
03-21 438
一款基于Vue实现的电商网站后台管理系统模板，适合电子商务购物网站admin系统，界面使用tab选项卡的方式，无刷新效果很好。
后台管理系统模板
11-30
里面有17个后台管理系统，集成了通用的课程设计小项目练习会用到的后台系统界面，十分美观大方，要是用到了你的系统中瞬间显得高大上
Naive Admin Plus 系列 又上新品啦！
qq_20682439的博客
09-29 272
Naive Admin 遵从简约，清爽极简设计，非常注重，间距，色值，功能交互，细节把控，我们不想把系统做得太臃肿，花里胡哨的功能，一并往里面堆，实际用户需要的是一个，简单，且方便上手/二次开发的中后台系统，细微调整之后，就能快速做出一个符合自身项目系统，我们的团队由资深前端、后端、设计和客服专员组成，每一位成员都致力于提供卓越的产品和服务。Vue3、Typescript、Pinia、Vite、AntdVue，功能齐全，简约设计且新颖，感兴趣可以前往官网了解。版本支持，期间收到大量的呼声，有没有考虑对。
Html - 后台模板
dixian4894的博客
11-23 157
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--单独子版的title--> <!--<title>{% bloc...
后台模板
ZH
03-18 233
https://colorlib.com/wp/category/website-templates/ GitHub下载 https://github.com/puikinsh/Adminator-admin-dashboard https://github.com/colorlibhq/AdminLTE https://github.com/ColorlibHQ/gentelella. https://github.com/puikinsh/CoolAdmin https://github.com/pu
后台模板大全
05-17
很好的后台模板大全，30款总有你喜欢的，这里的模板可以帮你快速开发项目~~
后台管理模板
acn70501的博客
08-27 292
https://wrapbootstrap.com/theme/angle-bootstrap-admin-template-WB04HF123 这个网站各种模板 angle dasha https://themeforest.net/item/able-pro-responsive-bootstrap-4-admin-template/19300403 able fuse ht...
彩虹支付系统商户中心模板
最新发布
10-30
信网上肯定有很多关于易支付的首页模板，很多支付站长只专注首页模板却忽略了客户最重要的user商户中心模板，即使你的支付再好，用户早已经看惯了那套老掉牙的彩虹支付原本的模板 很多细节在优化当中本次只分享user...
第二期：RIP高级，老掉牙的协议？其实没想象的那么简单.pptx
05-07
RIP高级，老掉牙的协议？其实没想象的那么简单，资深华为讲师为你讲解rip协议
华钜同创：都2022年了，你还在用那些老掉牙的选品方法？？？
HJ_Mrs的博客
10-25 236
选品是跨境电商从业者们老生常谈的话题。不管你是没入局的零基础纯小白，还是已经入局开始运营的新手，掌握合适的选品方法，能让你在群雄割据的跨境电商市场中出奇制胜。 一、另辟蹊径的选品方法 1、爆款IP周边选品法 如果你发现目前市场上一款热销的产品，可以考虑从这款产品周边相关配件或者关联性产品进行挖掘，最简单就是做变体形式，比如寻找这款产品的其他颜色、其他尺寸、不同包装等等。 举个例子，比如你发现户外多功能刀具好卖，可以参考其他卖家店铺，或者从供应商源头咨询问问，这种选品模式可以大大减少时间的浪费。 2、关联推
后台资源模板
02-21
漂亮的后台资源模板
net后台模板
03-02
前台网页模板
后台模板框架
09-12
这是一个非常通用的后台框架html，适合大多数网站使用，亲测可用
BeyondAdmin后台模板
07-20
BeyondAdmin后台模板
一款好看的后台模板
09-02
vip-admin Html v1.0.0.zip 更新时间:2017-01-06 更新日志： 1.该模板最大化保留了原生layui的基础样式，整合行成的一套后台模板。 2.该模板集合了layui插件、datatables插件。 3.该模板使用layui基础样式中的按钮、表单、表格、和选项卡 4.datatables表格和layui表格深度整合，使用更加方便、美观、人性化。 5.扩展了欢迎页面、登录页面。 vip-admin Html v1.0.1.zip 更新时间:2017-02-16 更新日志： 1.优化datatables表格，添加排序图标，点击升序降序更加美观；表格全选优化，全选后所有选中项添加背景颜色，使之选中更加明显。 2.添加echearts图表插件，展示了基本的柱状图和饼图示例。 vip-admin Html v1.1.0.zip 更新时间:2017-02-27 更新日志: 1.登录页面添加头部标题 2.新增tree table 页面 3.新增404页面 4.新增tips提示页面 5.js功能: 具体操作请查看 js/table-tool.js getIds(table对象,获取input为id的属性); deleteAll(ids,请求url,操作成功跳转url,操作失败跳转url); UnixToDate(时间戳,显示年月日时分,加8小时显示正常时间区); 6.该版本已兼容手机浏览 vip-admin Html v1.5.0.zip 更新时间:2017-03-20 1.更新layui框架为最新版1.0.9_rts版本。 2.优化css,样式更加接近vip-admin管理系统v1.0.5。 3.新增效果：导航栏点击栏目右侧添加相应tab选项卡,点击已经生成过的选项卡直接跳转到该选选项卡 4.新增导航栏收缩按钮 5.修改已知BUG vip-admin Html v1.5.1.zip 更新时间:2017-03-21 1.修改浏览器窗口resize时不断闪烁BUG。 感谢：Clannad- vip-admin Html v1.6.0.zip 更新时间:2017-04-25 1.优化CSS、JS 2.新增新的登录、注册页面。 3.新增主题功能，提供默认、纯白、蓝白三种主题配置。 4.导航栏添加图标。 5.修改已知BUG。 vip-admin Html v1.7.0.zip 更新时间:2017-05-21 1.优化主题样式细节。 2.标签新增双击关闭当前标签功能。 3.标签新增右键功能。 4.新增js功能。 详细可查看【frame/static/js】文件夹内的js vip_nav.js 【主页菜单js】 具体功能： 1) main方法 main(请求地址,过滤ID,是否展开,携带参数); 2) top_left方法 top_left(请求地址,过滤ID,是否展开,携带参数); vip_tab.js 【子页面操作父页面选项卡js】 具体功能： 1) add方法 add(操作对象，标签标题，url地址); 2) getThisTabId方法 getThisTabId(); // 返回当前展示页面父级窗口标签的lay-id 3) del方法 del(标签lay-id); vip_table.js 【表格js,该js属于整合】 具体功能： 1) deleteAll方法 deleteAll(ids,请求的url,操作成功跳转url,操作失败跳转url); 2) unixToDate方法 unixToDate(时间戳,是否只显示年月日时分,8); // 返回正常时间 3) getIds方法 getIds(表格对象,每条数据的属性id); // 返回需要的 ids 5.修改已知BUG。 vip-admin Html v1.8.0.zip 更新时间:2017-08-26 1.更新layui-v1.0.9为layui-v2.0.2版本。 2.右键增加关闭全部标签按钮。 3.更新欢迎页面。 4.更新data-table页面和tree-table页面为layui自带table组件。 5.新增js功能。 详细可查看【frame/static/js】文件夹内的js vip_table.js 1) getFullHeight方法 getFullHeight(); // 返回子页面整体高度,用于table组件设置全屏高度 6.修改已知BUG。
兼容彩虹支付系统模板user-pass.zip
07-14
相信网上肯定有很多关于易支付的首页模板，很多支付站长只专注首页模板却忽略了客户最重要的user模板，即使你的支付再好，用户早已经看惯了那套老掉牙的彩虹支付原本的模板 很多细节在优化当中本次只分享user的logo...
2020年互联网人年终模板，是你在找的吗？
weixin_42485712的博客
12-16 366
​✍????「 今日分享 」 Hi，大家好，我是CoCo。 对于IT人员来说，年末是相对繁忙的一段时期，各个项目要在年前上线或收尾，还有一项重要的事很多人需要去做，那就是：年终总结。 对务实的工科人士而言最讨厌写这种假大空的套话文档，虽然年终汇报可能只是个过场，可毕竟是向领导展示自己的一次机会，也有可能成为企业绩效考核中的加分项。 江湖曰：“干活的累死累活，到头来干不过写PPT的。”有人PPT做得好咸鱼翻身，有人PPT做得不好直接被炒冷饭。比如几年前因为PPT做得太丑被百度开除的前用户体验总监被台下的人起哄
简易后台模板
卖女孩的小火柴2号
03-18 1574
因为要开发一个个人小网站，需要在后台进行管理，所以做了个简易的后台模板，以后会调整样式，暂时先这样。 样子是这样的： 左侧导航： 右侧初始页面： 主要的需求有两个，需求1：现在我们看到的是一级菜单1，一级菜单2和一级菜单3，我们点击一级菜单左侧的"+"，可以显示出二级菜单，就像这样： 需求2：:点击左侧的二级菜单可以在右侧显示相应的页面，点击二级1链接，显示出test1页
在Windows 10系统下，如何使用PyCharm和Python 3.9环境安装并配置PyTorch以支持CUDA 12.2？
10-26
参考资源链接：[Win10 PyCharm下安装PyTorch CUDA12.2教程：步骤详解](https://wenku.csdn.net/doc/4tefakocf9?utm_source=wenku_answer2doc_content) 要在Windows 10系统下通过PyCharm和Python 3.9环境安装并配置支持CUDA 12.2的PyTorch版本，可以参考《Win10 PyCharm下安装PyTorch CUDA12.2教程：步骤详解》进行操作。以下是详细步骤： 1. **检查显卡驱动兼容性**：首先访问NVIDIA官方网站或使用NVIDIA GeForce Experience检查您的显卡驱动是否支持CUDA 12.2。如果不支持，您可能需要更新或降级驱动程序。 2. **下载CUDA 12.2**：在NVIDIA官方网站下载与您的系统和显卡兼容的CUDA 12.2版本。请确保下载的是Windows版本，并注意CUDA 12.2目前还未正式发布，因此您可能需要等待官方发布或者选择其他版本。 3. **安装CUDA**：运行下载的安装程序，并按照安装向导的指示进行安装。在自定义安装步骤中，选择合适的安装路径，并勾选所有相关的组件，如Driver和Runtime。 4. **安装cuDNN**：下载与CUDA 12.2相对应的cuDNN版本，解压缩并将文件夹中的bin、include和lib文件夹内容复制到CUDA安装目录的相应子目录中。 5. **配置环境变量**：在Windows系统中设置CUDA_PATH变量指向CUDA安装目录，例如`C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v12.2`。如果存在不同版本的CUDA，可能需要设置CUDA_PATH_V10.2或其他版本号的路径。 6. **安装PyTorch**：在PyCharm中，通过设置项目的Python解释器来安装PyTorch。可以使用pip或conda进行安装。如果选择使用pip安装，命令可能如下所示： ``` pip install torch torchvision torchaudio --extra-index-url *** ``` 请确保使用的是与CUDA 12.2版本兼容的PyTorch预编译包。 7. **验证安装**：安装完成后，在PyCharm的Python控制台中运行以下代码，以验证PyTorch是否正确识别并使用CUDA： ```python import torch print(torch.cuda.is_available()) ``` 如果输出为True，表示CUDA配置成功，您可以开始使用GPU加速的深度学习模型开发。 通过上述步骤，您可以在Windows 10系统下通过PyCharm环境安装并配置支持CUDA 12.2的PyTorch版本。在操作过程中，确保遵循官方指导和相关注意事项，以避免兼容性问题和潜在的错误。 参考资源链接：[Win10 PyCharm下安装PyTorch CUDA12.2教程：步骤详解](https://wenku.csdn.net/doc/4tefakocf9?utm_source=wenku_answer2doc_content)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值