Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hacker233/navigation

网址导航项目,包含前台和后台管理。(Vue2.x版本)
https://github.com/hacker233/navigation

vue vuejs

Last synced: 8 days ago
JSON representation

网址导航项目,包含前台和后台管理。(Vue2.x版本)

Awesome Lists containing this project

README

        

# 网站导航项目

## 项目整体介绍

该项目是一个网站导航项目,包含前台页面和后台管理页面,用户可以通过角色分配来实现导航菜单的分配,全局注册登录弹窗组件,可实现跳转路由时判断是否需要登录,然后弹出弹窗组件,用户需要通过邮箱和邮箱验证码进行注册。

### 前端项目技术栈介绍

- 框架: Vue2.x + Vue-router3.x + Vuex
- UI组件库:Element-UI
- 请求库:axios

## 前端项目功能介绍

- 菜单管理
- 用户管理
- 网站管理
- 文件上传
- 分页
- token登录
- 邮箱验证码注册
- 公共登录弹窗组件

### 前端界面介绍

公共登录弹窗

![1](https://user-images.githubusercontent.com/28037169/133439869-f20bc15a-7ad5-406d-a41b-7c3b6f44097a.png)

网站导航页面

![2](https://user-images.githubusercontent.com/28037169/133439899-56d722ab-aa42-4090-b978-1952bcbb3733.png)

后台管理页面

![3](https://user-images.githubusercontent.com/28037169/133439920-33e0e84c-4a87-42e1-b3ee-32053b561f90.png)

![4](https://user-images.githubusercontent.com/28037169/133439937-c8d85383-de7c-41a2-8eb6-6617a9e61f27.png)

![5](https://user-images.githubusercontent.com/28037169/133439952-0d01572a-0449-4526-9aaf-200a995bfc76.png)

![6](https://user-images.githubusercontent.com/28037169/133439967-b56aa6b2-ad07-4417-96bc-297702edcd29.png)