Navigation

导航网址

recommend: China-GiteeOther-Github

功能

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

【管理员】

docker搭建bzz docker搭建导航页_运维

【访客】

docker搭建bzz docker搭建导航页_项目管理_02

开发环境

名称

版本

nodejs

8.11.4

vue

2.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


docker搭建bzz docker搭建导航页_运维_03

(4)访问http:127.0.0.1:3000 

docker搭建bzz docker搭建导航页_项目管理_04

后端端口: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

docker搭建bzz docker搭建导航页_项目管理_05

2.打开前端页面

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

docker搭建bzz docker搭建导航页_ab测试_06

二次开发

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

docker搭建bzz docker搭建导航页_测试工程师_07

(3)浏览器地址访问

http://localhost:8088

docker搭建bzz docker搭建导航页_ab测试_08

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

解决办法:

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

选择 管理员身份运行

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

set-ExecutionPolicy RemoteSigned

更改权限为A

输入get-ExecutionPolicy

如下图所示:

docker搭建bzz docker搭建导航页_测试工程师_09

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

操作手册

登录管理员

账号:admin 密码:123456

docker搭建bzz docker搭建导航页_docker搭建bzz_10

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

新增网页

docker搭建bzz docker搭建导航页_项目管理_11

新增分类

docker搭建bzz docker搭建导航页_运维_12

筛选分类

docker搭建bzz docker搭建导航页_docker搭建bzz_13

新增账号

docker搭建bzz docker搭建导航页_测试工程师_14

导出数据

docker搭建bzz docker搭建导航页_测试工程师_15

常见问题 :

1.前端请求地址报错

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

docker搭建bzz docker搭建导航页_项目管理_16