潘婷婷,王 浩,華錦君
(無錫城市職業技術學院,江蘇 無錫 214000)
隨著小程序的普及,很多學校也開始開發屬于自己的校園小程序,原因很簡單,不管是什么類型的學校,都需要做好學校形象的宣傳,只有學校的形象得到人們的肯定,才可以招納更多的優秀教師,同時招收更多的學生,從而更好地進行學校各方面建設,給學校師生帶來更好的學習環境。因此,校園小程序制作是必不可少的,它是宣傳學校形象的必備工具。通過校園以及教學片的介紹,可以很清楚地讓家長了解學校的實際情況,安心地把孩子交給學校。小程序作為目前比較流行的一種宣傳方式,可以更好地表達出宣傳的內容,因此,開發一款校園新聞微信小程序,有利于學校的推廣與宣傳,能夠吸引學生的眼球,使學生熱愛校園,同時讓更多人都能夠體驗到學院的特色,也讓學生更以學院為榮。
本系統主要采用了牛刀云平臺進行制作,牛刀云是低代碼開發云,高效全棧開發、跨端App開發,自由發布,靈活部署,它提供開發、測試、部署、運維的一體化支持,真正低代碼、高效率的DevOps開發運維一體化平臺,具備獨創的全可視化設計,應用的基本架構、后端服務、前端頁面、組件體系等,全部實現可視化和代碼的自由切換,實現前所未有的低代碼開發效率[1]。牛刀云提供了豐富組件和詳細的屬性選項,拖拽組件和設置選項就能完成大部分制作,較復雜的邏輯可以用畫代碼實現,同時也提供代碼模式。
“城院新聞”微信小程序主要包括了兩個功能模塊,分別是新聞、視頻。功能結構如圖1所示。

圖1 功能結構
在新聞版塊可以查看學校的最新動態、相關的就業信息、各學院的教學信息、學校師生的名人風采(見圖2)。

圖2 新聞頁面展示
視頻版塊包括了學校的文娛、體育、美食等信息,由于小視頻的普及,學生都很喜歡通過這樣的方式更好地了解學院的動態。
小程序采用了仿網易新聞的樣式,利用牛刀云平臺搭建,主要的對象是全校的師生,讓師生能夠及時了解學校動態。打開小程序后,直接就可以查看相關新聞信息。主界面的布局采用了上中下結構,最上方是5個子版塊功能的導航,中間內容的設置采用了3種不同的布局方式,提升用戶的視覺效果,最下面是2個主功能模塊的導航按鈕。
新建空白主頁面,切換到數據制作區,添加“新聞分類”動態數據集,數據分類為“頭條”“動態”“就業”“教學”“風采”這5類[2]。頁面中使用動態列表綁定數據選項,展現主頁面最上端的5個導航按鈕。中間使用“幻燈片”組件添加“輪播圖”,并通過“幻燈片”數據集,添加輪播圖片。通過輪播圖片,提升視覺效果。新聞展示部分,主要以新聞媒體方式展現,通過點擊可以進入到相應新聞的詳情部分。
添加新的空白頁面,在面板中添加標簽、富文本等組件綁定動態數據集“新聞”中的相關數據,在數據集中完成新聞信息的具體內容的編寫[3]。在新聞主頁面中添加跳轉事件,完成從新聞頁面跳轉到詳情頁面的鏈接。具體的顯示效果如圖3所示。

圖3 新聞詳情頁面
視頻頁面及視頻詳情頁面的制作與新聞頁面類似,這里就不再重復,具體顯示效果如圖4所示。

圖4 視頻頁面和視頻詳情頁面
校園微信小程序制作是以學校的整體形象為主線來策劃的,主要通過版面設計和圖片插入,將學校的全貌,領導組成班子、師資力量、學校教學質量以及教學硬件設施等全面地展現出來。它可以通過多種形式進行學校形象宣傳:一是生動有效;二是信息量大;三是媒體發布,可以作為信息根據需要隨意做成一個小程序在微信公眾號上發布,在學校招生、宣傳上更是發揮著獨一無二的推廣作用。