- 類別:Xoops模組開發
- 名稱:Neil電子相簿模組開發
- 方案:Xoops模組開發方案
- CMS:Xoops2.5.10
為符合潮流趨勢,Neil網站設計工坊於2019年底投入開發新一代的電子相簿模組工作,採用以相簿為單位的顯示資料方式,捨棄原本的單張顯示功能,但相簿又有燈箱能做單張連續圖片播放,可以說是把兩者功能合而為一。
管理權限部分仍為分層管理,以分類為單位可以指定相簿的管理權組及觀看群組,首頁採用ajax瀑布流模式顯示內容,符合最新瀏覽友善度,支援行動瀏覽介面且操作便利,目前已完成除錯工作,將開放給Xoops客製化委託設計的廠商及學校單位免費使用。
開發環境
php版本:php7.3.12
資料庫:10.4.8-MariaDB(嚴謹模式)
Xoops版本:Xoops2.5.10
模組名稱:neilalbum
使用程式:AJAX,JQuery,php7.3,smarty。
介面框架:bootstrap3+html5+自行撰寫的css樣式
模組語系:
中文語系,語系抽離樣板建立語系檔
權限管理:
A、 管理員->可以管理全部電子相簿模組功能
B、 分類管理權限->於該分類中設定可管理的群組將可於前台進行相簿的管理操作
C、 瀏覽權限- >於該分類中設定可瀏覽的群組將可於該分類中瀏覽相簿資料
備註:須配合tadtools模組及neillibrary模組使用
開發工時 : 20天(不含假日),已完成測試除錯正式上線。
2024-12月新增功能
->增加管理員可變更內容發布者功能。
2023-8月新增功能
->新增加單張圖片說明功能,可於上傳檔案時選擇顯示檔名或不顯示,也可編輯單張上傳圖片說明,圖片說明顯示於燈箱撥放器及圖片放大效果中。
2023-7月新增功能
->新增加分類排序功能,可針對相簿分類指定內容的排序方式。
2023-5月新增功能
>增加可設定js鎖滑鼠右鍵功能
2022-2月新增功能
->增加編輯相簿可調整燈箱相片排序功能(使用滑鼠拖曳)
2021-10月新增功能
->增加相簿項目功能可雙查詢
Neil電子相簿組功能說明-2020
後台功能
後台功能
1、系統設定 settings.php
->後端相簿資料顯示幾則
->前端相簿資料顯示幾則
->相簿圖片寬度(大縮圖)
->相簿圖片寬度(小縮圖)
->前台相簿排列方式(最新相簿/自訂排序相簿)
2、相簿分類 sort.php (4級分類)
->分類列表,建立分類,編輯分類、分類排序,觀看內容
->分類群組權限設定(管理權限/瀏覽權限)
->分類狀態套用模組全部包含底層分類及內容頁(啟用/關閉)
3、電子相簿管理 albumadmin.php
建立相簿,相簿總表,查詢項目(分類/狀態/影片類型/發佈者/搜尋/資料呈現方式),編輯,刪除,排序
前台功能
- 1、相簿首頁 index.php(ajax瀑布流)
->選單列->相簿類型/發佈者/熱門相簿/發布相簿/相簿管理
->相簿分類AJAX連動4級分類選單
->相簿搜尋
->可瀏覽群組及管理權組權限套用
->編輯/刪除相簿
->區塊隨機抓取相簿圖片功能
->顯示相簿指定代表圖功能
2、相簿內容頁面albumcenter.php
->選單列->分類/瀏覽數/發布相簿/相簿管理
->相簿分類AJAX連動4級分類選
->相簿撥放器(多圖播放+燈箱效果)
->相簿說明及FB社群功能
->同分類上一頁下一頁切換
->可瀏覽群組及管理權組權限套用
->編輯/刪除相簿
3、建立/編輯相簿內容面
->相簿分類選擇
->相簿類型選擇
->相簿標題
->多圖上傳相片(即時預覽)
->所見及所得編輯器
->編輯,刪除相片
->指定相簿代表圖功能
區塊功能
- 1、相簿分類區塊
->後台介面
A->顯示相簿數量
B->內容顯示方式(最新建立分類/自行建立排序/分類隨機顯示)
C->顯示分類狀態(自選分類/顯示全部)
D->選擇顯示分類(自選分類顯示)
E->已選擇相簿分類進行排序(Ajax功能)
->前台區塊
A->顯示相簿列表(按照後台設定顯示相簿內容)
B->AJAX分類選單切換功能(自選分類不顯示)
- 2、相簿滾動區塊
->後台介面
A->顯示相簿數量
B->內容顯示方式(最新建立相簿/自行建立排序/相簿隨機顯示)
C->顯示分類狀態(自選分類/顯示全部)
D->選擇顯示分類(自選分類顯示)
E->已選擇相簿分類進行排序(Ajax功能)
->前台區塊
A->顯示相簿列表(按照後台設定顯示相簿內容)
B->AJAX分類選單切換功能
C->相簿左右自動滾動特效(支援手機觸控功能)