玲玲爱晨 發表於 2023-7-2 00:19:00

10个适合后端程序员的前端框架

<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">前言</span></span></h2>
<p data-tool="mdnice编辑器">对于后端程序员而言选择一款操作简单、美观、简洁的前端框架对于我们生成效率的提高是极具影响力的。今天主要推荐如下10个前端框架，希望有一款适合你。本文中的所有前端框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中，假如大家有更好前端框架推荐欢迎到以下GitHub项目地址留言或者在文末留言（<span style="color: rgba(255, 0, 0, 1)">注意：排名不分先后，都是十分优秀的开源框架和项目💖</span>）。</p>
<blockquote>
<p data-tool="mdnice编辑器">GitHub项目仓库收集地址：https://github.com/YSGStudyHards/DotNetGuide/issues/12</p>
</blockquote>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">AdminLTE</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">AdminLTE是一个基于Bootstrap 4的免费管理员仪表板模板。它提供了一个现代、响应式且功能丰富的界面，可用于构建管理后台和仪表板。可以帮助开发人员快速搭建出现代化的管理后台和仪表板应用程序。无论是个人项目还是商业项目，AdminLTE都是一个不错的选择。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/ColorlibHQ/AdminLTE👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701233905455-1909538202.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">Gentelella</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">Gentelella Admin是一个免费使用的基于Bootstrap的管理模板。该模板使用了默认的Bootstrap 4样式，结合了多种功能强大的jQuery插件和工具，为创建管理面板或后端仪表盘提供了一个强大的框架。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/ColorlibHQ/gentelella👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701234031397-1334140077.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">layuimini</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">layuimini是一个后台admin前端模板，基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架，无需复杂操作。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/zhongshaofa/layuimini👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701234154018-1981349917.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">Materialize</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">Materialize是一个现代化的响应式前端框架。它基于Google的Material Design设计风格，以简洁、直观和美观为特点，提供了一系列的CSS、JavaScript组件和样式，帮助开发人员轻松构建漂亮的Web界面</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/Dogfalo/materialize👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701234540188-1632587252.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">vue-element-admin</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">vue-element-admin是一个功能强大、易于定制和扩展的后台管理系统框架，它结合了Vue.js和Element UI的优势，提供了丰富的组件和功能，适用于开发各种规模和类型的管理后台应用程序。无论是企业级项目还是个人项目，vue-element-admin都是一个值得使用的框架。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/PanJiaChen/vue-element-admin👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701234722652-863429589.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">vue-admin-better</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin，vue-admin-beautiful-pro主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护，同时支持电脑，手机，平板，切换分支查看不同的vue版本，element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/chuzhixin/vue-admin-better👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701234806236-1671363492.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">Ant Design Vue</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">Ant Design Vue 是一个功能强大、易于使用且拥有出色设计质量的UI组件库，广泛应用于Vue.js项目中，为开发人员提供了快速构建美观、一致和高效的用户界面的能力。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/vueComponent/ant-design-vue👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701234931022-373136399.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">vue-vben-admin</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/vbenjs/vue-vben-admin👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701235125841-1896206549.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">ngx-admin</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">ngx-admi是一个基于Angular 10+的可定制的管理仪表板模板。它提供了一个现代化、响应式和功能丰富的用户界面，用于构建各种类型的管理面板或后台管理应用程序。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/akveo/ngx-admin👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701235407257-667728730.png" alt="" loading="lazy"></p>
<h2 data-tool="mdnice编辑器"><span class="prefix"><span class="content">react-admin</span></span></h2>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">简介</span></span></h3>
<p data-tool="mdnice编辑器">react-admin system solution : react 后台管理系统解决方案</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目地址</span></span></h3>
<p data-tool="mdnice编辑器">https://github.com/yezihaohao/react-admin👉</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">项目截图</span></span></h3>
<p><img src="https://img2023.cnblogs.com/blog/1336199/202307/1336199-20230701235609645-898619083.png" alt="" loading="lazy"></p>
<h2 id="activity-name" class="rich_media_title ">DotNetGuide技术交流群</h2>
<p>https://mp.weixin.qq.com/s/0ytiZaXYI21pLz6g9ZKGnQ👉</p>
<p>&nbsp;</p>

</div>
<div id="MySignature" role="contentinfo">
    <blockquote >
<p style='font-family:YouYuan;font-size: 16px;margin: 0 auto 0.01em auto;'><span style='font-size: 17px; '>作者名称：</span>追逐时光者</p>
<p style='font-family:YouYuan;font-size: 16px;margin: 0 auto 0.01em auto;'><span style='font-size: 17px; '>作者简介：</span>一个热爱编程、善于分享、喜欢学习、探索、尝试新事物和新技术的全栈软件工程师。</p>
<p style='font-family:YouYuan;font-size: 16px;margin: 0 auto 0.01em auto;'>
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利。如果该篇文章对您有帮助的话，可以点一下右下角的【&hearts;推荐&hearts;】，希望能够持续的为大家带来好的技术文章，文中可能存在描述不正确的地方，欢迎指正或补充，不胜感激。
</p>
</blockquote><br><br>
来源：https://www.cnblogs.com/Can-daydayup/p/17520183.html
頁: [1]
查看完整版本: 10个适合后端程序员的前端框架