天天看點

制作自己的網址導航—開源導航網站項目,具備完整的前背景

作者:熊貓不是貓QaQ
制作自己的網址導航—開源導航網站項目,具備完整的前背景

封面

前言

今天介紹的是一款網址導航項目,NAS上部署導航項目我也不是第一次介紹了,前有珠玉今天這個項目顯得功能上就有點遜色了,不過得益于UI還挺好看的。想了解前面的項目的可以通過我的專欄 「《NAS原來這麼有用》」 去檢視以往内容,也希望大家關注下欄目,再随便關注下我吧

部署

這裡我用的 「docker-compose」 部署,當然你也可以選擇自建資料庫然後直接在docker中搜尋 「arvon2014/webstack-laravel」 部署,隻需要部署時 「修改環境變量」 中的資料庫資訊就可以了。

首先編輯一個 「docker-compose.yml」 檔案,檔案内容如下:

version: '3'
services:
  db:
    image: mysql/mysql-server:5.6
    restart: always
    container_name: "mysql_wsl"
    environment:
      MYSQL_ROOT_PASSWORD: Tym8zrnNRpz4
      MYSQL_DATABASE: webstack
      MYSQL_USER: webstack
      MYSQL_PASSWORD: Xym8zrnNRpz
    command: --default-authentication-plugin=mysql_native_password
    networks:
      - "webstacknet"
  redis:
    image: redis:3
    container_name: "redis_wsl"
    restart: always
    networks:
      - "webstacknet"
  webstack:
    image: arvon2014/webstack-laravel:v1.2.2
    container_name: "wsl"
    ports:
      - 855:8000
    depends_on:
      - "db"
      - "redis"
    environment:
      LOGIN_COPTCHA: "false"
      DB_HOST: db
      DB_PORT: 3306
      DB_DATABASE: webstack
      DB_USERNAME: webstack
      DB_PASSWORD: Xym8zrnNRpz
    command: ['/entrypoint.sh','server']
    networks:
      - "webstacknet"
networks:
  webstacknet:
    driver: bridge
           

将其中的資訊更改為自己想修改的内容,随後儲存到docker檔案夾中。

接着打開NAS的ssh功能, 「打開ssh工具連接配接nas」 ,以此輸入以下指令:

  1. sudo -i (擷取管理者權限)
  2. cd /volume1/docker (進入docker檔案夾)
  3. docker-compose up (執行容器指令)

    随後耐心等待即可,執行完成後會在docker中多出三個容器。

制作自己的網址導航—開源導航網站項目,具備完整的前背景

指令執行

安裝完成後浏覽器輸入NASIP+你設定的端口号即可通路了。

體驗

進入主界面能看到預設的樣式以及一些項目作者保留的網址,整體界面UI非常清爽明了,分類支援自定義編輯,整體UI互動也很舒适。

制作自己的網址導航—開源導航網站項目,具備完整的前背景

主界面

制作自己的網址導航—開源導航網站項目,具備完整的前背景

分類展示

該項目的後端位址為 「/admin」 ,預設的 「賬号密碼均為admin」 。進入後端後可以看到項目作者留下的項目簡介以及聯系方式,左邊有分類,網址以及背景管理。

制作自己的網址導航—開源導航網站項目,具備完整的前背景

背景主界面

制作自己的網址導航—開源導航網站項目,具備完整的前背景

分類管理

制作自己的網址導航—開源導航網站項目,具備完整的前背景

網址管理

總結

整個項目UI包括背景完成度很高,互動以及界面UI都挺美觀大方的,适合長期實用,不過缺點也有,不能直接導入收藏欄,沒有配套的插件實用,相對于我上一個寫的 「OneNav」 還是有點遜色了,不過OneNav新版考慮現在需要付費,該容器作為代替品還是不錯的。

以上便是本期的全部内容了,如果你覺得還算有趣或者對你有所幫助,不妨點贊收藏,最後也希望能得到你的關注,咱們下期見!(看在我這麼勤奮更新的份上,給個關注吧!!)

公衆号:Panda不是貓,背景發送【熊貓群】擷取加群方式哦!!!

繼續閱讀