livewire加tailwindcss寫了一個部落格歡迎star

醞釀了很久才給自己做了個小部落格，主要是太懶了今天推明天，明天推後天，推到了現在，
livewire 寫前後端不分離的專案是真的快，爽，就是 tailwindcss 元件庫太少了，
很多樣式需要自己寫，就這一點不太好。後續將繼續優化這個專案

下面分享幾個遇到的一些小問題

  1. wire:click="save('引數不能是中文')" 

  2. socket-client.io 目前最新版是4.x，使用最新版的話會出現websocket 連線不上，請 npm install socket-client.io@2.*

  3. 定義查詢欄位時，要排除空字元,不然url後面總會帶上?xxx= 正確使用方式如下：
public $search = '';
protected $queryString = [
    'search' => ['except' => ''],
];

這是 demo
github

環境要求

php : "^7.3|^8.0",

部署

• npm install -g laravel-echo-server –save
• composer install
• cp .env.example .env
• php artisan key:generate
• php migrate
• php artisan db:seed
• php artisan queue:work –sleep=3 –tries=3
• npm install
• npm run dev

1. laravel-echo-server.json 已經在專案的根目錄，修改 authHost
2. cd 你的專案目錄 laravel-echo-server start

命令

php artisan msg:clear 清除聊天資料以及快取

關於

這篇部落格主要技術棧使用一下核心特別感謝作者寫了這麼多好用的輪子，這篇部落格僅做技術交流，大家喜歡的話，希望能給一個star

以下為使用的技術棧

1. livewire
2. tailwindcss
3. laravel-echo
4. dcat-admin
5. Aplinejs

模組

1. 文章

   文章新增刪除編輯
   評論，新增刪除，回覆,點贊
   搜尋，按標題，內容，以及標籤查詢

2. 標籤

   標籤的增刪改查

3. 使用者

   登入，註冊，退出，忘記密碼，頭像上傳，個人中心，2次認證，github授權登入
   賬號管理，刪除賬號，刪除其他裝置登入資訊

4. 聊天

   支援私聊
   已讀,未讀訊息數量提示
   使用者正在輸入提示

效果圖

1. 首頁

2. 文章詳情
   

3. 登入

4. 聊天

本作品採用《CC 協議》，轉載必須註明作者和本文連結