vue admin manager
1.0.0
Некоторые студенты сообщили об ошибке при запуске, которая должна быть проблемой с зависимостями npm.
Информация о моей версии прилагается для справки, но все вышеперечисленные версии должны поддерживаться.
обновить:
Мастер основной ветки обновлен для динамической загрузки меню:
Динамически распределяйте меню загрузки на основе разрешений пользователя, в основном с помощью addRoutes, мета-и других функций.
Отображаемые данные создаются с помощью Mock.js.
Демо-адрес
Внутренняя научно-исследовательская компания, начинающая компания, в настоящее время не занимается веб-разработкой и постепенно должна заниматься эксплуатацией и обслуживанием, а рабочая страница, если вы хотите быстро начать работу,
Я пошел изучать популярные в настоящее время, в том числе React, Vue и Angular. После сравнения я считаю, что vue в настоящее время является наиболее подходящим.
Я зашел на официальный сайт, чтобы ознакомиться с ним, написал несколько демо, а затем начал работать над этим бэкэндом, чему научился из множества отличных работ на github, и я тоже.
Выведите его, чтобы вы могли легко его просмотреть.
Проект представляет собой SPA, передняя и задняя части разделены, внешний интерфейс построен с использованием vue-cli, аутентификация использует JWT, внутренняя база данных — mongodb, а серверная часть предоставляет
Удобный интерфейс, очень удобная статистическая функция, агрегирование, mapReduce, условия инкапсулированы во внешнем интерфейсе,
Подобно интерфейсной сборке условий запроса, серверная часть напрямую выдает соответствующие результаты.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# 发布测试环境 包含 webpack ananalyzer
npm run build:sit-preview
# 构建生成环境
npm run build:prod
├── build // 构建相关
├── config // 配置相关
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件（及页面）
│ ├── config // 配置项
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── mock // mock数据
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
├── static // 第三方不打包资源
├── .babelrc // babel-loader 配置
├── .editorconfig // 代码风格文件，前提是要你的编辑器支持
├── .gitignore // 用于Git配置不需要加入版本管理的文件
├── .postcssrc.js // autoprefixer的配置文件
└── package.json // 项目依赖管理
Аутентификация входа (в настоящее время на основе JWT) todo поддерживает Oauth2 и сторонний вход.
Обзор приложения. Панель управления. Различные значки. Статистика.
Тенденции данных: зарегистрированные пользователи, активные пользователи, отношения между пользователями и т. д.
Управление пользователями в настоящее время выполняет только запросы.
Обслуживание данных поддерживает просмотр видео и изображений.
Свернуть панель навигации завершено
Завершен вход в систему для получения псевдонима пользователя.
Извлечение значка статистики завершено
Завершен доступ к Alibaba Cloud OSS, STS (сервис временной аутентификации)
Завершена поддержка воспроизведения видео.
Управление статусом Vuex (в настоящее время записывается только информация о токене пользователя)
[] Значок электронной диаграммы на панели инструментов, реконструкция на основе компонентов (написан при первом использовании, код относительно избыточен и позже будет разделен на компоненты)
Компонент страницы 404 (в настоящее время пустой). Рассмотрите возможность использования Tencent Charity в своем блоге.
[] Компонент 401 страницы
[] Адаптивный, поддерживает мобильные телефоны.
На странице Dashboard используется компонент vue-echarts-v3. Он был создан принудительно, когда я впервые познакомился с vue. Он вообще не вызывает эстетического чувства. Позже вы постепенно познакомитесь и примените идею компонентов.
Код все еще нужно постепенно оптимизировать, хаха
