【源码】基于Spring Boot和Vue的格姗导航网站

项目简介

格姗导航网站系统是基于Spring Boot和Vue框架开发的前后端分离的导航网站系统，旨在为用户提供便捷的导航服务，使用户能快速访问各种常用网站。由于开发过程存在边学边开发的情况，尤其是前端部分，代码质量和设计可能存在不足。

项目的主要特性和功能

前端技术栈

• Vue
• Element UI

后端技术栈

• Spring Boot
• Spring Security
• Redis
• JWT

主要功能

1. 用户管理：实现系统用户的配置与管理。
2. 部门管理：可配置系统组织机构，支持树结构展现和数据权限。
3. 菜单管理：对系统菜单、操作权限、按钮权限标识等进行配置。
4. 角色管理：分配角色菜单权限，设置角色按机构进行数据范围权限划分。
5. 导航管理：管理导航的菜单和网站。
6. 字典管理：维护系统中常用的固定数据。
7. 参数管理：动态配置系统常用参数。
8. 通知公告：发布和维护系统通知公告信息。
9. 操作日志：记录和查询系统正常操作日志与异常信息日志。
10. 登录日志：记录和查询系统登录日志，包含登录异常情况。
11. 在线用户：监控当前系统中活跃用户状态。
12. 定时任务：在线进行任务调度的添加、修改、删除操作，并记录执行结果日志。
13. 代码生成：生成前后端代码（Java、HTML、XML、SQL），支持CRUD下载。
14. 系统接口：根据业务代码自动生成相关的API接口文档。
15. 服务监控：监视系统CPU、内存、磁盘、堆栈等相关信息。
16. 在线构建器：拖动表单元素生成相应的HTML代码。
17. 连接池监视：监视系统数据库连接池状态，可分析SQL找出系统性能瓶颈。

安装使用步骤

前端安装

1. 搭建Vue脚手架环境：安装Node.js和Vue CLI。
2. 进入项目目录： bash cd vue-geshanzsq-nav
3. 安装依赖： bash npm install
4. 启动服务： bash npm run dev 浏览器访问：http://localhost:80

后端安装

1. 新建数据库并导入数据： sql geshanzsq-nav.sql
2. 配置文件：在geshanzsq-nav-admin模块下有application.yml（公共信息配置）、application-dev.yml（开发环境配置，含MySQL、Redis、文件路径等）、application-prod.yml（生产环境配置，含MySQL、Redis、文件路径等）三个配置文件。
3. 配置开发环境：在application-dev.yml中配置MySQL数据库连接信息、Redis缓存、网站初始化图片等。
4. 生产环境配置：配置对应的MySQL数据库、Redis环境、文件路径，在application.yml中将dev改为prod。

使用

• 导航首页：http://127.0.0.1
• 登录地址：http://127.0.0.1/login
• 默认用户：admin
• 默认密码：admin123

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】