Navigation运维网站导航工具

2024-09-03 20:38

本文主要是介绍Navigation运维网站导航工具,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Navigation

导航网址

recommend: China-Gitee,Other-Github

功能

  • 新增分类
  • 删除分类
  • 编辑分类
  • 查询分类
  • 新增网址
  • 删除网址
  • 编辑网址
  • 查询网址
  • 新建管理员账号、菜单权限
  • 编辑管理员账号、菜单权限
  • 导出xls

【管理员】

img

【访客】

img

开发环境

名称版本
nodejs8.11.4
vue2.X

安装

简单命令行即可使用

Docker安装方式(推荐)

1.安装docker

2.拉取镜像

(1)前端镜像

docker pull liyinchi/navigation-frontend

(2)后端镜像

docker pull liyinchi/navigation-server

(3)启动容器

docker run -d --name navigation-frontend -p 3000:80 liyinchi/navigation-frontend
docker run -d --name navigation-server -p 8006:8006 liyinchi/navigation-server

(4)访问http:127.0.0.1:3000 

后端端口:8006 前端端口:3000

注意:镜像前端默认访问地址是127.0.0.1需要更改成你到服务器地址

普通安装方式

1.下载Nodejs

(建议版本使用v12.13.0 小于v15.0)

CNPM Binaries Mirror

如果已安装配置nodejs,可跳过此步骤

2.安装Nodejs

(1)检查版本

node -v

(2)设置淘宝镜像(提升安装速度)

npm config set registry http://registry.npm.taobao.org/

如果你已安装Nodejs环境,可跳过1和2步骤

使用

直接使用

1.启动后端服务

(1) 打开终端窗口,进入目录/Navigation/server下

cd /Navigation/server

(2) 执行安装

npm install

(3) 启动后端

node server

img

2.打开前端页面

打开目录下/dist/index.html直接使用,或者将dist放入tomcat的webapp中实现web服务器让其他小伙伴也能通过ip

img

二次开发

1.启动后端服务

同上

2.启动前端页面

(1)前端

打开新的终端窗口,进入目录/Navigation下,执行命令行如下命令:

cd /Navigation

(2)安装

  • 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装node-sass
cnpm install node-sass --save
npm install node-sass --save-dev
  • 安装其他依赖
npm install

(3)启动开发者模式

npm run dev

img

(3)浏览器地址访问

http://localhost:8088

img

(4)window平台报错:“Module build failed: Error: Cannot find module 'node-sass’解决”

解决办法:

在win10 系统中搜索框 输入 Windos PowerShell

选择 管理员身份运行

打开了powershell命令行之后,输入

set-ExecutionPolicy RemoteSigned

更改权限为A

输入get-ExecutionPolicy

如下图所示:

img

参考:Module build failed: Error: Cannot find module 'node-sass’解决 - 大白大白白 - 博客园

操作手册

登录管理员

账号:admin 密码:123456

img

访客无需登录,仅有查看权限

新增网页

img

新增分类

img

筛选分类

img

新增账号

img

导出数据

img

常见问题 :

1.前端请求地址报错

解决办法:需要在前端项目打包时,将请求后端接口域名改成你的服务器地址

这篇关于Navigation运维网站导航工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1133991

相关文章

基于Python实现简易视频剪辑工具

《基于Python实现简易视频剪辑工具》这篇文章主要为大家详细介绍了如何用Python打造一个功能完备的简易视频剪辑工具,包括视频文件导入与格式转换,基础剪辑操作,音频处理等功能,感兴趣的小伙伴可以了... 目录一、技术选型与环境搭建二、核心功能模块实现1. 视频基础操作2. 音频处理3. 特效与转场三、高

基于Python开发一个图像水印批量添加工具

《基于Python开发一个图像水印批量添加工具》在当今数字化内容爆炸式增长的时代,图像版权保护已成为创作者和企业的核心需求,本方案将详细介绍一个基于PythonPIL库的工业级图像水印解决方案,有需要... 目录一、系统架构设计1.1 整体处理流程1.2 类结构设计(扩展版本)二、核心算法深入解析2.1 自

Python办公自动化实战之打造智能邮件发送工具

《Python办公自动化实战之打造智能邮件发送工具》在数字化办公场景中,邮件自动化是提升工作效率的关键技能,本文将演示如何使用Python的smtplib和email库构建一个支持图文混排,多附件,多... 目录前言一、基础配置:搭建邮件发送框架1.1 邮箱服务准备1.2 核心库导入1.3 基础发送函数二、

PowerShell中15个提升运维效率关键命令实战指南

《PowerShell中15个提升运维效率关键命令实战指南》作为网络安全专业人员的必备技能,PowerShell在系统管理、日志分析、威胁检测和自动化响应方面展现出强大能力,下面我们就来看看15个提升... 目录一、PowerShell在网络安全中的战略价值二、网络安全关键场景命令实战1. 系统安全基线核查

基于Python实现一个图片拆分工具

《基于Python实现一个图片拆分工具》这篇文章主要为大家详细介绍了如何基于Python实现一个图片拆分工具,可以根据需要的行数和列数进行拆分,感兴趣的小伙伴可以跟随小编一起学习一下... 简单介绍先自己选择输入的图片,默认是输出到项目文件夹中,可以自己选择其他的文件夹,选择需要拆分的行数和列数,可以通过

Python使用pip工具实现包自动更新的多种方法

《Python使用pip工具实现包自动更新的多种方法》本文深入探讨了使用Python的pip工具实现包自动更新的各种方法和技术,我们将从基础概念开始,逐步介绍手动更新方法、自动化脚本编写、结合CI/C... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核

Python使用OpenCV实现获取视频时长的小工具

《Python使用OpenCV实现获取视频时长的小工具》在处理视频数据时,获取视频的时长是一项常见且基础的需求,本文将详细介绍如何使用Python和OpenCV获取视频时长,并对每一行代码进行深入解析... 目录一、代码实现二、代码解析1. 导入 OpenCV 库2. 定义获取视频时长的函数3. 打开视频文

Linux中压缩、网络传输与系统监控工具的使用完整指南

《Linux中压缩、网络传输与系统监控工具的使用完整指南》在Linux系统管理中,压缩与传输工具是数据备份和远程协作的桥梁,而系统监控工具则是保障服务器稳定运行的眼睛,下面小编就来和大家详细介绍一下它... 目录引言一、压缩与解压:数据存储与传输的优化核心1. zip/unzip:通用压缩格式的便捷操作2.

sqlite3 命令行工具使用指南

《sqlite3命令行工具使用指南》本文系统介绍sqlite3CLI的启动、数据库操作、元数据查询、数据导入导出及输出格式化命令,涵盖文件管理、备份恢复、性能统计等实用功能,并说明命令分类、SQL语... 目录一、启动与退出二、数据库与文件操作三、元数据查询四、数据操作与导入导出五、查询输出格式化六、实用功

基于Python开发Windows屏幕控制工具

《基于Python开发Windows屏幕控制工具》在数字化办公时代,屏幕管理已成为提升工作效率和保护眼睛健康的重要环节,本文将分享一个基于Python和PySide6开发的Windows屏幕控制工具,... 目录概述功能亮点界面展示实现步骤详解1. 环境准备2. 亮度控制模块3. 息屏功能实现4. 息屏时间