# blog-admin

**Repository Path**: ye_ning/blog-admin

## Basic Information

- **Project Name**: blog-admin
- **Description**: 管理登录：用户可以通过独立的管理登录界面登录。

文章管理：博客管理员可以在后台管理系统中备份和管理所有已发布的博文，包括博文的发布时间，标签，标题和内容等信息，并且可以进行编辑、删除和新增。

评论管理：管理员可以在后台管理控制面板中查看博客文章的评论，并对评论进行审核，审核通过的评论将直接显示到博客文章页面中。

留言管理：管理员可以通过后台管理系统对留言进行、编辑、删除、等一系列操作。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://47.119.162.9:9092/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-24
- **Last Updated**: 2023-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <img alt="博客管理平台 Logo" width="120" height="120" src="./src/assets/layout/logo2.png">
  <h1>博客管理平台</h1>
</div>

## ⚡ 简介

中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element Plus、Pinia、vxe-table 和 Vite 等主流技术.

## 特性

- **Vue3**：采用 Vue3 + script setup 最新的 Vue3 组合式 API
- **Element Plus**：Element UI 的 Vue3 版本
- **Pinia**: 传说中的 Vuex5
- **Vite**：真的很快
- **Vue Router**：路由路由
- **vxe-table**: VXE Table 是一个基于 Vue 的高性能表格框架，支持增删改查、树形结构、数据校验等功能，同时具备灵活的配置和扩展接口。
- **TypeScript**：JavaScript 语言的超集
- **PNPM**：更快速的，节省磁盘空间的包管理工具
- **Scss**：和 Element Plus 保持一致
- **CSS 变量**：主要控制项目的布局和颜色
- **ESlint**：代码校验
- **Prettier**：代码格式化
- **Axios**：发送网络请求（已封装好）
- **UnoCSS**：具有高性能且极具灵活性的即时原子化 CSS 引擎
- **注释**：各个配置项都写有尽可能详细的注释
- **兼容移动端**: 布局兼容移动端页面分辨率

## 功能

- **用户管理**：登录、登出演示
- **权限管理**：内置页面权限（动态路由）、指令权限、权限函数、路由守卫
- **多环境**：开发环境（dev）、测试环境（sit）、预发布环境（uat）、正式环境（prod）
- **多主题**：内置普通、黑暗、深蓝三种主题模式
- **错误页面**: 403、404
- **内置功能**：SVG、动态侧边栏、动态面包屑、标签页快捷导航、Screenfull 全屏、自适应收缩侧边栏

## 仓库地址

[gitlab](https://gitlab.junrunrenli.com/bpo/blog-admin)

## 测试环境地址

| 账号  | 密码        | 链接                                       |
| ----- | ----------- | ------------------------------------------ |
| admin | 123456 | [链接](http://47.119.162.9:9091/) |

## 🚀 开发

```bash
# 配置
node 版本 16+

# 进入项目目录
cd blog-admin

# 安装依赖
npm i

# 启动服务
npm run dev
```