简介

前后端完整的网址导航服务,可以用于公司内部内网使用,提供多种的卡片图标生成方式,能将上传的原型压缩包自动生成可访问的地址,支持私密卡片,发布倒计时等功能。

用于在公司内网部署使用,可在线修改上传、可拖拽排序等。

项目地址:https://github.com/tuituidan/team-nav

要求Java版本为 1.8.0

功能介绍

  • 网址导航前端展示+搜索功能,首页图
  • 网址导航后台基本功能:分类和卡片的增删改查,后台-分类管理图 后台-卡片列表图 后台-卡片编辑图
  • 分类和卡片支持拖拽调整顺序,不用专门维护排序字段。
  • 支持添加秘密卡片分类,该分类下的卡片需要登录才能看见,不开启登录功能则默认不显示。
  • 暂时不需要的分类支持移除功能,移除后分类列表页面不可见,可从历史分类中还原回来,后台-历史分类图
  • 卡片图标支持四种方式
    • 文本图标,输入少量文字作为图标,并可以为其选择背景色。 后台-卡片编辑图
    • 根据填写的链接自动获取该链接的获取favicon.ico图标。
    • 手动上传图片作为图标。
    • 可配置默认常用的一些图标,直接选择(搜索按图标文件名搜索),卡片图标选择图
  • 三种卡片类型说明
    • 普通类型:标题,内容,图标为必填,链接非必填,没有链接只是作为少量信息展示,点击卡片不会跳转页面。
    • 原型类型:标题,内容,图标,原型文件为必填,原型文件上传后会自动生成原型展示的链接,点击卡片可跳转到该地址。
    • 二维码类型:标题,内容,图标,链接均为必填,鼠标滑到卡片上会显示链接的二维码,可用手机进行扫描,方便进行移动端网址显示,二维码展示图
  • 原型可通过配置Nginx访问,后台-系统设置图
  • 发布倒计时功能,在首页对项目发布截止时间进行提醒,在系统设置中进行开启和关闭,同时有多个进行中的发布数据时,会定时切换,切换时间也在系统设置中设置。 首页-发布倒计时 后台-发布倒计时

效果图

部署

ZIP包部署

系统:Rocky Linux 8 (关闭SE Linux 关闭防火墙)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
dnf install vim wget java-1.8.0-openjdk  -y

# 安装JDK 8

cd /opt/

wget https://github.com/tuituidan/team-nav/releases/download/v1.0.9/team-nav.tar.gz

# 下载,也可以手动下载,上传到opt目录下

tar -zxvf team-nav.tar.gz

# 解压

tree /opt
.
├── team-nav
│ ├── bin
│ │ ├── restart.sh
│ │ ├── start.sh
│ │ ├── status.sh
│ │ └── stop.sh
│ ├── config
│ │ └── application.yml
│ ├── docs
│ ├── logs
│ ├── README.md
│ ├── readme.txt
│ └── team-nav.jar
└── team-nav.tar.gz

# 目录结构如上

chmod +x /opt/team-nav/bin/*

# 给予脚本权限

/opt/team-nav/bin/start.sh

# 启动

/opt/team-nav/bin/status.sh
team-nav 服务正在运行中 (PID: 9527). [is running ...]

# 查看是否运行

/opt/team-nav/bin/stop.sh

# 停止运行

默认端口为8080,通过8080端口访问服务,修改端口可以进入/opt/team-nav/config/application.yml配置。

Docker部署

Docker 安装参考:https://yeasy.gitbook.io/docker_practice/install/centos

1
2
3
4
5
mkdir -p /opt/team-nav/logs
mkdir /opt/team-nav/database
mkdir /opt/team-nav/ext-resources
mkdir /opt/team-nav/config

创建日志、数据库、图片、配置文件夹。

1
2
3
4
5
6
7
8
9
10
docker run -d -p 8080:8080 \
-v /opt/team-nav/logs:/logs \
-v /opt/team-nav/database:/database \
-v /opt/team-nav/ext-resources:/ext-resources \
-v /opt/team-nav/config:/config \
-e nav-name="团队内部导航服务" \
--restart always \
--name team-nav \
registry.cn-chengdu.aliyuncs.com/tuituidan/team-nav:1.0.9

映射容器8080端口到宿主机8080端口,通过访问主机 http://127.0.0.1:8080 。

映射上述步骤创建的文件夹

配置网站名字

配置为自动启动

配置容器名字

管理

登录

路径:http://127.0.0.1:8080/login

默认账号:admin

默认密码:123456

允许修改密码(docker镜像是无此文件的,手动创建即可)

1
2
3
4
5
6
vim /opt/team-nav/config/application.yml

# 是否开启页面上进行密码修改,用户只有一个,请谨慎开启
change-password:
enable: true

1
2
3
4
5
6
7
8
/opt/team-nav/bin/status.sh 

# ZIP包部署执行重启脚本

docker restart team-nav

# docker部署重启容器生效

Nginx反向代理域名

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
vim /etc/nginx/conf.d/team.conf


server {
listen 80;
listen [::]:80;

server_name team.baidu.com;


# reverse proxy
location / {
proxy_pass http://127.0.0.1:8082/;
proxy_http_version 1.1;
proxy_cache_bypass $http_upgrade;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Port $server_port;
}
location /ext-resources/modules {
alias /opt/team-nav/ext-resources/modules;
index index.html index.htm;
}
}

一般来说只修改域名即可