城院新聞微信小程序的設計與制作

潘婷婷，王 浩，華錦君

(無錫城市職業技術學院，江蘇 無錫 214000)

0 引言

隨著小程序的普及，很多學校也開始開發屬于自己的校園小程序，原因很簡單，不管是什么類型的學校，都需要做好學校形象的宣傳，只有學校的形象得到人們的肯定，才可以招納更多的優秀教師，同時招收更多的學生，從而更好地進行學校各方面建設，給學校師生帶來更好的學習環境。因此，校園小程序制作是必不可少的，它是宣傳學校形象的必備工具。通過校園以及教學片的介紹，可以很清楚地讓家長了解學校的實際情況，安心地把孩子交給學校。小程序作為目前比較流行的一種宣傳方式，可以更好地表達出宣傳的內容，因此，開發一款校園新聞微信小程序，有利于學校的推廣與宣傳，能夠吸引學生的眼球，使學生熱愛校園，同時讓更多人都能夠體驗到學院的特色，也讓學生更以學院為榮。

1 開發環境

本系統主要采用了牛刀云平臺進行制作，牛刀云是低代碼開發云，高效全棧開發、跨端App開發，自由發布，靈活部署，它提供開發、測試、部署、運維的一體化支持，真正低代碼、高效率的DevOps開發運維一體化平臺，具備獨創的全可視化設計，應用的基本架構、后端服務、前端頁面、組件體系等，全部實現可視化和代碼的自由切換，實現前所未有的低代碼開發效率[1]。牛刀云提供了豐富組件和詳細的屬性選項，拖拽組件和設置選項就能完成大部分制作，較復雜的邏輯可以用畫代碼實現，同時也提供代碼模式。

2 功能設計

“城院新聞”微信小程序主要包括了兩個功能模塊，分別是新聞、視頻。功能結構如圖1所示。

圖1 功能結構

2.1 新聞版塊

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

圖2 新聞頁面展示

2.2 視頻版塊

視頻版塊包括了學校的文娛、體育、美食等信息，由于小視頻的普及，學生都很喜歡通過這樣的方式更好地了解學院的動態。

3 詳細設計

3.1 設計思路

小程序采用了仿網易新聞的樣式，利用牛刀云平臺搭建，主要的對象是全校的師生，讓師生能夠及時了解學校動態。打開小程序后，直接就可以查看相關新聞信息。主界面的布局采用了上中下結構，最上方是5個子版塊功能的導航，中間內容的設置采用了3種不同的布局方式，提升用戶的視覺效果，最下面是2個主功能模塊的導航按鈕。

3.2 新聞主界面

新建空白主頁面，切換到數據制作區，添加“新聞分類”動態數據集，數據分類為“頭條”“動態”“就業”“教學”“風采”這5類[2]。頁面中使用動態列表綁定數據選項，展現主頁面最上端的5個導航按鈕。中間使用“幻燈片”組件添加“輪播圖”，并通過“幻燈片”數據集，添加輪播圖片。通過輪播圖片，提升視覺效果。新聞展示部分，主要以新聞媒體方式展現，通過點擊可以進入到相應新聞的詳情部分。

3.3 新聞詳情頁面設計

添加新的空白頁面，在面板中添加標簽、富文本等組件綁定動態數據集“新聞”中的相關數據，在數據集中完成新聞信息的具體內容的編寫[3]。在新聞主頁面中添加跳轉事件，完成從新聞頁面跳轉到詳情頁面的鏈接。具體的顯示效果如圖3所示。

圖3 新聞詳情頁面

3.4 視頻頁面

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

圖4 視頻頁面和視頻詳情頁面

4 結語

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