首页 > 其他分享 >一套通用的企业级中后台前端设计解决方案

一套通用的企业级中后台前端设计解决方案

时间:2024-08-29 09:30:38浏览次数:11  
标签:antdv 项目 解决方案 pro 企业级 https 后台 com

大家好,我是 Java陈序员

今天,给大家介绍一套企业级中后台前端/设计解决方案!

关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

AntdvPro —— 一个基于 Vue3Vite4Ant-Design-Vue4PiniaUnoCSSTypescript一整套企业级中后台前端/设计解决方案

AntdvPro 参考了阿里 React 版本 Antd-Pro 的设计模式,使用了最新最流行的前端技术栈,内置了动态路由、多主题、多布局等功能,可以帮助你快速搭建企业级中后台产品原型。

功能特色:

  • 高效快速:Vite4.x 加持,开发、打包、热更新、热加载、热替换,一切都是那么的快
  • 预设样式:内置了一套基于 UnoCSS 的样式系统,原子化的样式,让你的样式更加简洁
  • TypeScript:项目全量使用 TypeScript,让你的代码更加规范,更加安全
  • Nitro Mock 服务:项目使用 Nitro 作为 Mock 服务,无侵入式的 Mock,让你的 Mock 更加简单
  • 国际化:提供了国际化的支持,满足项目的国际化需求
  • 状态管理:项目使用 Pinia 作为状态管理,使用起来更加简单

技术栈:

  • Vite
  • Vue3
  • Ant-Design-Vue4
  • Pinia
  • UnoCSS

项目截图

登录页

分析页

监控页

工作台

整体风格设置

表单页

链接

权限模块

异常页

结果页

列表页

详情页

个人页

快速上手

环境要求

  • NodeJS >= 16.0.0
  • Pnpm(建议最新版本) >= 7.0.0
  • Git

1、克隆代码

git clone https://github.com/antdv-pro/antdv-pro.git

2、切换到项目目录

cd [your project name]

3、安装依赖

pnpm install

4、启动项目

pnpm run dev

5、打包项目

pnpm run build

6、启动项目成功后,浏览器访问:

http://localhost:6678/

默认用户名密码:admin/admin

AntdvPro 除了提供 TypeScript 版本,还有 JavaScript 版本,可根据情况进行选择~

项目地址:https://github.com/antdv-pro/antdv-pro
JS版本:https://github.com/antdv-pro/antdv-pro/tree/feat-js
在线体验:https://antdv-pro.com/dashboard/analysis
在线文档:https://docs.antdv-pro.com/

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!


标签:antdv,项目,解决方案,pro,企业级,https,后台,com
From: https://www.cnblogs.com/codechen8848/p/18384032

相关文章

  • Android开发 - Runnable 类任务接口定义与后台任务待办解析
    什么是RunnableRunnable接口是用来定义一个任务的接口,这个任务可以在线程中执行。通俗地说,它就像一个“待办事项”,用来描述需要在一个单独的线程中完成的工作。Runnable接口非常简单,只定义了一个方法:run()。当一个类实现了Runnable接口时,它需要提供这个方法的实现,里面写上......
  • 解决方案 | IrfanView如何滑动滚轮图像缩放?
    这是个bug,已经很多人反映了。目前没有比较好的解决方法,还是使用ctrl+滚轮最好。如果需要设置滚轮放大的话,按照下图即可,但是带来一个bug,你无法通过方向键或者菜单的箭头浏览下一张图片。综上所述,你有3个选择,1接受使用ctrl+滚轮进行放大2设置--关闭”显示所有支持的文件/缩略图......
  • 解决方案 | QTTabBar工具栏命令按钮设置everything、filelocator在当前文件夹下面搜索
      备忘everything命令行参数参考-path(是everythin参数)表示在哪个位置(即哪个文件夹)下面搜索,这里%c%是qttabbar的参数,表示当前文件夹https://www.voidtools.com/zh-cn/support/everything/command_line_interface/     效果演示:  =====================f......
  • 基于Ubuntu部署企业级kubernetes集群---k8s集群容器运行时Containerd准备
    1.Containerd部署文件获取1.下载 Containerd文件wgethttps://github.com/containerd/containerd/releases/download/v1.7.21/cri-containerd-1.7.21-linux-amd64.tar.gz2.查看下载的文件 3.解压到当前文件到根目录下tarxfcri-containerd-1.7.21-linux-amd64.tar.g......
  • Cloud Studio:颠覆传统的云端开发与学习解决方案
    CloudStudioCloudStudio(云端IDE)是一款基于浏览器的集成开发环境,它为开发者提供了一个高效、稳定的云端工作站。用户在使用CloudStudio时,无需进行任何本地安装,只需通过浏览器即可随时随地轻松访问和使用。这种无缝的访问方式不仅提升了工作效率,也极大地简化了开发流程,使得开......
  • QT/C++中的GDAL多线程应用(读取):发生的问题以及解决方案
    1.引言在使用GDAL库对TIF文件进行切割和创建瓦片金字塔时,为了提高创建效率,不得不考虑使用多线程处理。然而,在实际实现过程中,我遇到了许多问题。通过不断的尝试和优化,最终找到了有效的解决方案。本文将详细记录这一过程中的问题和解决方法。2.初始多线程尝试与问题2.1......
  • 基于Ubuntu部署企业级kubernetes集群
    1.主机名配置由于本次使用3台主机完成kubernetes集群部署,其中1台为master节点,名称为k8s-master01;其中2台为workoer节点,名称分别为:k8s-worker01及k8s-worker02master节点hostnamectlset-hostnamek8s-master01Worker01节点hostnamectlset-hostnamek8s-worker01Work......
  • Python数据采集与网络爬虫技术实训室解决方案
    在大数据与人工智能时代,数据采集与分析已成为企业决策、市场洞察、产品创新等领域不可或缺的一环。而Python,作为一门高效、易学的编程语言,凭借其强大的库支持和广泛的应用场景,在数据采集与网络爬虫领域展现出了非凡的潜力。唯众特此推出《Python数据采集与网络爬虫技术实训......
  • 计算机网络技术专业SDN(软件定义网络)实训室解决方案
    一、前言随着信息技术的飞速发展,网络架构正经历着前所未有的变革,其中软件定义网络(SDN,Software-DefinedNetworking)作为未来网络的核心技术之一,正逐步成为计算机网络技术专业教学与科研的重要方向。唯众,作为深耕职业教育领域的领先品牌,特推出针对计算机网络技术专业的SDN......
  • 解决方案 | Claunch如何实现双击CTRL键(连续按下2次CTRL)呼出启动页面?
     众所周知,listary可以连续按下2次CTRL键用于打开搜索界面。  为了方便, Claunch其实也可以通过键盘启动,本次给出方法: Claunch如何实现连续按2次CTRL键(这里以SHIFT键演示,因为我的ctrl键已经被listary占用)呼出启动页面。  Claunch右键---选项---键盘----热键-----按下sh......