日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

gin-vue-blog自建博客

發布時間:2025/3/19 vue 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 gin-vue-blog自建博客 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Ginblog(項目已完成,歡迎使用)
地址

重要更新

2021.9.22 完成V0.0.1基本數據展示

介紹

gin+vue 全棧制作一個博客。

這是一個分享全棧制作過程的項目,旨在為有興趣接觸 golang web 開發的朋友分享一些制作經驗。

目錄結構

├─ .gitignore │ go.mod // 項目依賴 │ go.sum │ latest_log.log #最新log日志軟連接 │ LICENSE │ main.go //主程序 │ README.md │ tree.txt │ ├─api ├─config // 項目配置入口 ├─database // 數據庫備份文件(初始化) ├─log // 項目日志 ├─middleware // 中間件 ├─model // 數據模型層 ├─routes │ router.go // 路由入口 ├─static // 打包靜態文件 │ ├─admin // 后臺管理頁面 │ └─front // 前端展示頁面 ├─upload ├─utils // 項目公用工具庫 │ │ setting.go │ ├─errmsg │ └─validator └─web // 前端開發源碼(VUECLI項目源文件)├─admin ( 打包靜態文件在web/admin/dist下 ) └─front (打包靜態文件在web/front/dist下)

front 后期我會用flutter重寫

運行&&部署

  • 克隆項目

    git clone https://gitee.com/itmxs/gin-vue-blog.git
  • 轉到下面文件夾下

    cd yourPath/gin-vue-blog

  • 安裝依賴

  • go mod tidy
  • 初始化項目配置config.ini
  • ./config/config.ini[server] AppMode = debug # debug 開發模式,release 生產模式 HttpPort = :3000 # 項目端口 JwtKey = 89js82js72 #JWT密鑰,隨機字符串即可[database] Db = mysql #數據庫類型,不能變更為其他形式 DbHost = 127.0.0.1 # 數據庫地址 DbPort = 3306 # 數據庫端口 DbUser = ginblog # 數據庫用戶名 DbPassWord = admin123 # 數據庫用戶密碼 DbName = ginblog # 數據庫名[qiniu] # 七牛儲存信息 AccessKey = # AK SecretKey = # SK Bucket = QiniuSever =
  • 在database中將sql文件導入數據庫

    推薦navicat或者其他sql管理工具導入

  • 啟動項目

  • go run main.go

    此時,項目啟動,你可以訪問頁面

    首頁 http://localhost:8080 后臺管理頁面 http://localhost:8080/admin默認管理員:admin 密碼:123456

    enjoy~~~~

    使用、二開過程中,發現問題或者有功能需求歡迎提交 Iusse 或者直接 PR

    實現功能

  • 簡單的用戶管理權限設置
  • 用戶密碼加密存儲
  • 文章分類自定義
  • 列表分頁
  • 圖片上傳七牛云 (開源中已剔除)
  • JWT 認證
  • 自定義日志功能
  • 跨域 cors 設置
  • 技術棧

    • golang

      • Gin web framework
      • gorm(v1 && v2)
      • jwt-go
      • scrypt
      • logrus
      • gin-contrib/cors
      • go-playground/validator/v10
      • go-ini
    • 前端

      • vue
      • vue cli
      • vue router
      • ant design vue
      • vuetify
      • axios
      • tinymce
      • moment
    • MySQL version:8.0.21

    • flutter

      dio

      getx

    項目預覽

    • 前端展示頁面

    • 后臺登錄頁面

    • 后臺管理頁面

    部署

    Windows平臺打包到Linux,需要輸入如下命令

    set CGO_ENABLED=0 set GOOS=linux set GOARCH=amd64 go build
    • CGO_ENABLED 表示不使用cgo
    • GOOS 表示目標平臺系統(Windows,linux,darwin「mac os」等等)
    • GOARCH 表示目標系統架構(arm arm64 386 amd64 等等)

    打包完成后,將二進制文件放到服務器系統,賦可執行權限:

    chmod 773 main

    直接運行即可:

    ./main

    總結

    以上是生活随笔為你收集整理的gin-vue-blog自建博客的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。