vue-manage-system README

The project's README from github.com/lin-xin/vue-manage-system. As one markdown file: README.md.

vue-manage-system

GitHub release license

基于 Vue3 + pinia + Element Plus 的后台管理系统解决方案。线上演示

Vue2 版本请看 tag-V4.2.0,带后台功能请看 tsrpc-manage-system

文档地址 English document

赞助商

好问

专业问卷服务,一对一客服,按需定制

支持作者

请作者喝杯咖啡吧!(微信号:linxin_20)

微信扫一扫

前言

该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于 Vue3 + pinia + typescript,引用 Element Plus 组件库,方便开发。实现逻辑简单,适合外包项目,快速交付。

功能

安装步骤

因为使用 vite3,node 版本需要 14.18+

git clone https://github.com/lin-xin/vue-manage-system.git      // 把模板下载到本地
cd vue-manage-system    // 进入模板目录
npm install         // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn

// 运行
npm run dev

// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build

项目截图

首页

Image text

登录

Image text

License

MIT

vue-manage-system (lin-xin/vue-manage-system)

Searching Database…

Что это такое?Готовое решение для админ-панели на Vue 3, Pinia и TypeScript с библиотекой компонентов Element Plus — отправная точка для разработки веб-систем управления.
Это готовый продукт, который можно сразу развернуть, или стартовый шаблон?Стартовый шаблон: он позиционируется как многофункциональный шаблон админ-фреймворка, покрывающий большинство потребностей систем управления, а свою панель вы строите поверх него.
Как его запустить?Клонируйте репозиторий, выполните npm install, затем npm run dev — скрипт dev запускает dev-сервер Vite. Сборка для продакшена сначала прогоняет проверку типов vue-tsc, а затем vite build.
Что нужно установить, чтобы всё заработало?Node.js 14.18 или новее — шаблон использует Vite 3, который этого требует, — плюс npm для установки пакетов.
Тут есть серверная часть или это только фронтенд?Только фронтенд — это SPA для браузера без бэкенда. Для серверных функций автор отсылает к отдельному проекту tsrpc-manage-system, а старая версия на Vue 2 лежит под тегом V4.2.0.
Подойдёт для клиентского админского проекта со сжатыми сроками?Именно такой сценарий и описывает автор: логика намеренно оставлена простой, что делает шаблон подходящим для заказной разработки и быстрой сдачи.
Что в итоге разворачивается, когда я делаю сборку на его основе?Статический веб-бандл — это браузерная админ-SPA, так что результат сборки размещается как любой другой сайт.
Можно ли использовать в коммерческих проектах?Да — лицензия MIT, поэтому коммерческое использование, изменение и распространение полностью разрешены.
Что идёт в комплекте из коробки?Страницы входа и регистрации, дашборд, таблицы и формы, графики, редакторы rich-text и markdown, загрузка изображений drag-and-drop с обрезкой, управление правами доступа, трёхуровневые меню, кастомные иконки и переключение тем — всё построено на Element Plus.
Есть ли живое демо, чтобы посмотреть до клонирования?Да — в README есть ссылка на онлайн-демо и скриншоты главной страницы и экрана входа.
Какая библиотека графиков используется в дашборде?ECharts — в зависимостях есть и echarts, и echarts-wordcloud, на них работает функциональность графиков в шаблоне.
Creator
lin-xin
Size
3.8 MB
Stars
19.6K
Age
9y
Commits · 90 Days