网站导航服务

简介

前后端完整的网址导航服务，相较一般的靠配置生成的网址导航服务，本系统具有更强的后台管理能力，技术上主打一个轻量级，无任何依赖服务。

Github: https://github.com/tuituidan/team-nav

Gitee: https://gitee.com/tuituidan/team-nav

功能说明

• 首页
  • 最高支持三级分类的显示，可搜索，点击左侧菜单支持高亮定位右侧卡片。
  • 支持设置自定义主题。
  • 附件的在线查看和下载。
  • 头部可显示通知公告，支持倒计时模式。
  • 设置常用卡片分类，收藏个人常用网址。
  • 申请提交卡片。
• 后台管理
  • 仅支持管理员角色进入后台管理（管理员角色可设置多人），其他人只能通过首页的卡片申请进行卡片添加，由管理员审核后生效。
• 后台管理-分类管理
  • 三级分类树的基本增删改查及排序。
  • 对需要归档的分类支持移除到历史分类中，移除后不再显示到首页，可随时从历史分类中还原回来。
  • 可为卡片分类分配角色，未分配角色为公共分类，对所有人公开，不管登录与否，设置角色后必须登录且有对应角色的人才能看到（人员角色设置下面在角色和用户管理模块中）。
• 后台管理-卡片管理
  • 卡片基本的增删改查及排序。
  • 管理员进行卡片审核。
  • 三种卡片类型：
    • 普通卡片：一般的内容型卡片，承载少量信息，可添加链接进行点击跳转。
    • 静态网站：上传发布成静态网站的压缩包（根目录带index.html）。
    • 动态卡片：内容将根据配置的http请求或sql动态更新（开发中）。
  • 支持私密信息添加，仅登录后人员才能查看。
  • 卡片图标支持上传，选择自定义图片，自动获取链接favicon.ico、文字图标四种方式。
  • 支持附件上传。
• 后台管理-角色管理
  • 角色基本增删改查，管理员角色不支持修改删除。
  • 可以给角色分配卡片分类，不支持给管理员分配卡片分类，因为他本来就能看到所有。
  • 可以给角色分配人员。
• 后台管理-用户管理
  • 用户基本增删改查及重置密码
• 后台管理-通知公告
  • 通知公告的基本增删改查及排序。
  • 通知内容支持富文本编辑，如果选择截止时间，会自动出现倒计时，一般用于项目发布倒计时，同时有多个通知公告时，会定时切换，切换时间在系统设置中设置。
• 后台管理-系统设置
  • 基本设置，包括设置当前网站服务名、LOGO、公告切换时间等设置。
  • 卡片自定义图标上传。
  • 邮箱设置，用于发送随机密码给新用户

在线体验

演示地址：

文档地址：

技术栈

前端主要技术

vue2+ElementUI，前后端分离开发，合并部署（1.x版本UI框架是ViewUI，升级有分类图标不兼容，需要重新设置一下）。

后端主要技术

Springboot、SpringDataJpa、SpringSecurity、h2database

部署说明

通过常规maven命令构建，打包执行命令mvn clean package -Dmaven.npm.skip=false，会自动将前端构建到后端的jar包中，这样整个服务就一个jar包（当然如果想前后端分离部署也是可以的，这里不再赘述），再无其他依赖服务，仅需要jdk环境即可启动。

如果已经部署了1.X版本的也是直接用2.0版本的jar启动，或者重新拉取镜像启动即可，数据会自动矫正

方式一：手动部署

从Releases下载team-nav.tar.gz放到服务器上解压，对应修改config/application.yml文件，使用team-nav/bin/start.sh 启动项目即可。

方式二：docker部署

docker启动

docker run -d -p 8082:8080 \
-v /opt/team-nav/logs:/logs \
-v /opt/team-nav/database:/database \
-v /opt/team-nav/ext-resources:/ext-resources \
-e nav-name="团队导航服务" \
registry.cn-chengdu.aliyuncs.com/tuituidan/team-nav:2.0.3

参数说明：

• logs、database、ext-resources分别将日志，数据库文件，额外资源（自定义图标、网址文件、附件等）挂载出来。
• nav-name：导航服务的名字，可不传，默认"团队导航服务"。

其他参数参考config/application.yml，可以将此文件挂载出来修改配置，也可通过docker的-e参数替换application.yml中的配置。

nginx部署（非必须）

如果不希望因为本服务停掉导致上传的静态网站无法访问，可以在后台系统设置中设置静态网站通过nginx访问，nginx配置示例如下：

# 将/ext-resources/modules的请求地址拦截并访问到目录/opt/team-nav/team-nav/ext-resources/modules
location /ext-resources/modules {
	alias   /opt/team-nav/ext-resources/modules;
	index  index.html index.htm;
}

license

100%开源，MIT协议，可自由修改

页面展示

首页

首页-主题切换

首页-布局设置

首页-未登录

后台管理-分类管理

后台管理-卡片管理

后台管理-卡片添加

后台管理-角色管理

后台管理-用户管理

后台管理-通知公告

后台管理-系统设置

结语

作为一个java后端，并不怎么擅长写前端样式，页面可能就稍微丑丑的，欢迎有兴趣的大佬帮忙优化。