潘婷婷，王 浩，華錦君

(無錫城市職業(yè)技術(shù)學(xué)院，江蘇 無錫 214000)

0 引言

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

1 開發(fā)環(huán)境

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

2 功能設(shè)計

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

圖1 功能結(jié)構(gòu)

2.1 新聞版塊

在新聞版塊可以查看學(xué)校的最新動態(tài)、相關(guān)的就業(yè)信息、各學(xué)院的教學(xué)信息、學(xué)校師生的名人風(fēng)采(見圖2)。

圖2 新聞頁面展示

2.2 視頻版塊

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

3 詳細設(shè)計

3.1 設(shè)計思路

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

3.2 新聞主界面

新建空白主頁面，切換到數(shù)據(jù)制作區(qū)，添加“新聞分類”動態(tài)數(shù)據(jù)集，數(shù)據(jù)分類為“頭條”“動態(tài)”“就業(yè)”“教學(xué)”“風(fēng)采”這5類[2]。頁面中使用動態(tài)列表綁定數(shù)據(jù)選項，展現(xiàn)主頁面最上端的5個導(dǎo)航按鈕。中間使用“幻燈片”組件添加“輪播圖”，并通過“幻燈片”數(shù)據(jù)集，添加輪播圖片。通過輪播圖片，提升視覺效果。新聞?wù)故静糠?，主要以新聞媒體方式展現(xiàn)，通過點擊可以進入到相應(yīng)新聞的詳情部分。

3.3 新聞詳情頁面設(shè)計

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

圖3 新聞詳情頁面

3.4 視頻頁面

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

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

4 結(jié)語

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