自建网站管理网站的首页面设计
文章目录
- 前言
 - 一、若依模板运行效果
 - 二、若依模板下载地址 
- 1、版本说明
 - 2、前端下载地址
 - 3、后端下载地址
 
 - 三、修改模板代码名称
 - 四、修改前端标题及logo
 - 总结
 
前言
在我们学习别人的项目时,总会遇到许多不同的管理系统,例如:学生管理系统,外卖管理系统,电商管理系统,这些系统根据不同的需求制作出不同的功能。
但每个管理系统都有一些共同点,例如用户注册登录,用户管理、角色管理、菜单管理等等。这些非常常见的模块是我们都需要的,但是创建出来也需要一定的时间。
因此我们可以站在巨人的肩膀上面,把这些公共的功能做出来当成一个基础模板,在此基础上面进行开发,能够极大的提高系统的开发效率。本次所推荐的模板就是若依管理系统模板。
一、若依模板运行效果
1、登录界面

2、系统管理

3、系统监控

4、系统工具

二、若依模板下载地址
1、版本说明:
官方推荐
JDK >= 1.8
Mysql >= 5.7.0
Redis >= 3.0
Maven >= 3.0
Node >= 12
2、前端下载地址 
 
RuoYi-Vue3: 🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
前端打开后需要下载依赖:命令npm install
3、后端下载地址
RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本
后端数据库名称为:ry_vue

初始化数据为:

将以上两张表到ry_vue数据库中执行即可。
三、修改模板代码名称
1、若依框架修改器下载
若依框架修改器是一个可以一键修改RuoYi框架包、项目名等的工具。
地址:https://gitee.com/lpf_project/RuoYi-MT/releases

2、框架的使用
(1)压缩要修改的RuoYi项目文件夹

(2)在修改器中选择压缩的文件

(3)选择系列为第二个:RuoYi-Vue

(4)填写要修改的名称

(5)点击开始执行

(6)查看输出目录的项目是否已经改好


看到自己改动的地方变了,说明已经改好了。
四、修改前端标题及logo
1、修改标签名称和logo

(1)public下面的图片则是logo图片

(2)换成自己想要的logo图片

(3)打开index.html修改成自己想要的标题

(4)打开env文件修改页面标题名称

(5)刷新页面

2、修改页面内的logo和github图标

(1)找到src下面的logo

(2)修改成自己喜欢的图片

(3)找到src下的navbar文件

(4)删除源码地址和文档地址

(5)刷新页面,成功

