網站設計-作品展示:Neil線上課程報名模組開發

今天：	123
昨天：	448
本週：	2977
本月：	8751
總計：	96877
平均：	375

作品展示:Neil線上課程報名模組開發-網站設計

:::

作品項目

模組開發客製模組開發公版模組開發模組程式修改

前往作品諮詢 0 作品諮詢紀錄 0

頁面QRcode

客製模組開發:Neil線上課程報名模組開發

作品類型：展示作品作品編號：PTN-0041
- Neil課程報名模組支援課程發佈、線上報名與審核，提供四級分類與分層管理，防呆機制避免誤刪課程。
- 報名表具自訂欄位、前後端驗證，並支援附件上傳、訪客報名、自動註冊與狀態查詢。
- 前端採 AJAX 瀑布流與滑動選單，介面友善，支援行動裝置。
- 模組可靈活設定報名人數與時間，並整合倒數顯示與簡章索取，兼顧安全性、擴充性與便利性。
作品項目：
SEO優化

設計方案：

Xoops模組開發方案

CMS版本：

Xoops2.5.10
網站語言：
繁體中文

:::

本模組接受【李奇英文】委託客製化開發，專為線上課程發佈與學員報名設計。管理員可審核報名者通過與否，系統會在名額額滿或截止日期後自動下架並關閉報名，但仍保留管理員新增與查詢功能。報名資料可依編號或學員快速檢索，並支援 Excel 匯出。未來亦可延伸開發金流串接功能，以因應線上繳費需求。

系統結構採四級分類設計，分類下可建立無限課程並分層設定管理權限。刪除功能具備防呆設計，若分類或課程已有有效報名紀錄則無法刪除；已結束課程則自動封存，為後續統計報表預留資料。課程資訊同時串接「班級處室簡介模組」，支援任課教師與教室資料同步管理。

前端採 AJAX 瀑布流顯示，搭配資料交叉查詢，支援行動裝置瀏覽，操作便利，並持續進行效能優化。模組具備高度擴充性，接受各類客製化功能修改與延伸開發需求。

主要特色與新增功能

表單管理：支援自訂欄位（文字框、選擇框、檔案上傳、日期等），可拖曳排序與調整欄位寬度，並支援前後端雙重驗證，確保資料安全。
彈性報名控制：可設定是否顯示報名人數與報名時間，並提供同時段課程日期判斷與排程顯示功能。
多元課程資訊：課程可附加檔案、多堂課次、上課地點與費用設定，並支援簡章索取與倒數計時區塊。
學員便利性：支援訪客報名、自動註冊、重複報名驗證、報名狀態查詢與取消功能。
UI 與互動：課程區塊支援左右滑動展示、分類滑動選單、數字動態效果，整體介面優化行動裝置體驗。
管理後台：課程、報名、分類、簡章、縣市選單均可細緻管理，並保留統計與報表擴充空間。

目前模組已完成測試並交付使用，為 XOOPS 客製化學校與教育單位提供最完整、靈活、安全的課程報名解決方案。

開發環境

php版本：php7.3.25
資料庫：10.4.8-MariaDB(嚴謹模式)
Xoops版本：Xoops2.5.10
模組名稱：neilsignedup_c
使用程式：AJAX，JQuery，php7.3.25，smarty。
介面框架：bootstrap4 / html5 自行撰寫的css樣式

模組語系：

中文語系，語系抽離樣板建立語系檔

權限管理：

管理員->可以管理全部模組功能
分類管理權限->可於分類中建立課程及管理課程報名。
會員權限->可以進行課程報名與報名查詢及取消報名等操作
訪客權限->可以進行課程報名(若成為註冊會員後報名資料自動轉入註冊會員底下)

開發工時： 60天(不含假日)，已完成測試除錯正式上線。

Neil線上課程報名模組功能說明-2020

後台功能

系統設定 settings.php
- 管理介面資料顯示幾則
- 前端課程資料顯示幾則
- 課程代表圖片寬度(縮圖)
- 自動刪除未核准及取消報名資料天數
- 報名表起始前綴
- 報名表起始編號
- 預設報名審核通過回覆內容
- 預設報名審核不通過回覆內容
- 預設報名須知內容
- 首頁課程排列方式
項目管理 typesadmin.php
- 學校類別管理
  - 可建立類別名稱及狀態選項
  - 類別總表(可編輯/刪除/排序)
- 班級管理
  - 可建立班級名稱及狀態選項
  - 班級總表(可編輯/刪除/排序)
- 類組管理
  - 可建立類組名稱及狀態選項
  - 類組總表(可編輯/刪除/排序)
分類管理 sort.php (4級分類)
- 分類列表，建立分類，編輯分類、分類排序，觀看內容
- 分類群組權限設定(管理權限/瀏覽權限)
- 分類狀態套用模組全部包含底層分類及課程頁面與區塊
- 如有報名中關聯資料的分類無法刪除

前台功能

課程管理總表coursedmin.php
- 查詢功能：報名狀態/分類/上課教室/班級課程/任課老師/課程狀態/發布者/關鍵字查詢
- 課程資料顯示方式
  - 按最新內容排列
  - 按自訂內容排列
  - 按瀏覽次數排列
  - 按報名人數排列
- 總表資料交叉查詢
- 課程管理總表->顯示所有建立課程資料及內容列表。
- 操作：報名管理/編輯/刪除/複製/觀看/排序
- 具有分類管理權限者可進入課程總表中管理所建立的課程及報名資料。
- 管理員可操作全部課程總表功能。
課程報名管理signedupcenter.php
- 透過課程進入報名管理，顯示該課程底下的報名者資料
- 管理員由後台進入報名管理，選擇要查詢課程後顯示報名資料
- 查詢功能：審核狀態(尚未審核/審核通過/審核未過/取消報名)
- 關鍵字查詢：以報名者姓名及報名編號與手機號碼為查詢對象
- 總表資料交叉查詢
- 課程管理總表顯示所有於該課程報名者資料列表。
- 匯出Excel功能，按照查詢結果匯出Excel報名者資料列表
- 資料操作前往報名者填寫資料
課程報名審核signedupcenter.php
- 報名者資料列表
- 管理群組權限->可審核報名通過或不通過->通過報名可取消
- 報名者權限->可以觀看報名資料及取消報名，取消報名後無法於該課程再次重複報名。
- 顯示管理員審核回覆說明及審核時間。
報名紀錄查詢signedupcenter.php
- 管理群組權限->可以按會員查詢報名紀錄，也能查詢非會員報名紀錄，帶出值為報名者所報名課程資料列表
- 會員權限->可以觀看該會員所報名的全部課程列表
- 查詢功能：審核狀態(尚未審核/審核通過/審核未過/取消報名)
- 關鍵字查詢：以報名者姓名及報名編號與手機號碼為查詢對象
- 總表資料交叉查詢
- 報名記錄總表->顯示所有學員報名的課程資料陳列。
- 資料操作->前往報名者填寫資料
- 非會員報名資料IP自動對應UID功能
課程報名首頁 index.php(ajax瀑布流)
- 選擇報名狀態(未開放報名/課程可報名/報名已結束)
- 選單列->報名查詢/熱門課程/發布課程/課程管理/關鍵字搜尋
- 課程分類AJAX連動4級分類選單
- 課程項目查詢(選擇上課教室/選擇課程班級/選擇任課老師)
- 可瀏覽群組及管理權組權限套用(分類權限)
- 課程分類按鈕導覽區塊
- 課程列表(包含課程資訊/觀看課程報名資訊)
- 編輯/刪除課程(如有報名者審核通過的課程無法刪除)
課程頁面signedupcenter.php
- 選單列->分類/瀏覽數/發布時間/搜尋課程/管理課程
- 課程分類AJAX連動4級分類選單
- 左課程資訊(課程標題-副標題/上課教室/課程班級/開放報名時間/報名結束時間/報名狀態/課程狀態/發佈者)
- 上課老師區塊(學歷說明/連結至處室簡介模組)
- 開課時間/結束時間區塊
- 報名人數資訊(可報名/已報名/剩餘人數)
- 相關連結區塊
- 課程影片區塊(可撥放youtube及FB影片)
- 課程說明區塊
- 報名須知區塊
- FB社群功能(分享/留言)
- 同分類上一頁下一頁切換功能
- 可瀏覽群組及管理權組權限套用
- 管理權組權限：編輯課程/刪除課程/報名管理
- 會員權限：報名查詢
- 可報名人數為0時自動將課程狀態改為報名已結束
- 報名時間截止自動將課程狀態改為報名已結束
填寫報名表signedupcenter.php
- 填寫欄位：學生姓名/學生姓別/學生年齡/就讀學校/學校類別/就讀類組/就讀班級/連絡電話/聯絡手機/E-MAIL/聯絡地址/備註說明
- 前台必填及欄位JS驗證
- Neil表單防機器人2.0版
- 後台欄位php驗證
- E-MAIL通知功能
新增/編輯課程頁面signedupcenter.php
- 課程分類選擇(AJAX連動4級分類選單)
- 選擇上課教室(AJAX連動2級分類選單)
- 選擇課程班級
- 選擇任課老師
- 選擇可報名的群組(課程頁面套用群組權限)
- 設定項目：啟用fb留言框
- 課程說明(ck編輯器)/課程標題/課程副標題/相關連結
- 課程簡介影片(youtube及FB影片連結)
- 報名開始時間/報名結束時間(js小月曆)
- 課程開課時間/課程結束時間(js小月曆)
- 可報名人數
- 上傳課程代表圖(若無上傳則隨機顯示系統預設圖片)
- 必填欄位功能。
- 後台自動去資料表標籤功能。
- 按報名時間及報名人數自動判斷課程狀態

區塊功能-課程列表區塊

後台介面
- 顯示課程數量
- 內容顯示方式(最新建立課程/自行建立排序/課程隨機顯示)
- 顯示分類狀態(自選分類/顯示全部)
- 選擇顯示分類(自選分類顯示)
- 已選擇分類進行排序(Ajax功能)
前台區塊(按照後台設定顯示區塊內容)
- 顯示課程列表(標題/副標題/開課日期/分類/課程說明/前往課程)
- AJAX分類選單切換功能
- 套用模組分類各項權限與狀態判斷顯示

模組自動功能

按照系統設定天數自動刪未核准未審核及取消報名者資料。
用戶填寫報名表自動發送MAIL通知管理員前往審核。
自動發送MAIL通知用戶管理員審核報名結果。
用戶取消報名發送MAIL通知管理員
自動判斷報名時間修改課程狀態
可報名為0時自動下架課程

2026-4月新增功能

增加開發可關閉課程時間功能，於建立/編輯課程時設定，如關閉課程時間，前端UI頁面將會顯示【課程開課/結束時間未定】。

2025-2月新增功能

增加開發可關閉報名人數功能，於建立/編輯課程時設定，如關閉報名人數，除管理員權限顯示已報名人數，其餘資訊均不顯示，系統也會關閉報人數的計算功能。
增加開發可關閉報名時間功能，於建立/編輯課程時設定，如關閉報名時間，系統將不會顯示【報名開始/報名結束】時間，也不會有時間截止課程下架的問題。可無限時間刊登。
課程區塊增加開發課程日期自動判斷功能，如果當前時間未超過開課日期，則顯示月/日，去除年，並抓出起始日的星期及時間，如已超過開課日期，則顯示即日起，每周二18:00。
首頁課程區塊新開發滑動按鈕分類區塊，以二層方式滑動開啟顯示分類標題與子層連結內容，可設定要顯示的分類 /數量 / 排序等。

2024-6月新增功能