基于微信小程序的通達(dá)交流墻設(shè)計(jì)

季時(shí)鵬 劉源 趙銘婕

摘? ?要：近年來(lái)，隨著高校學(xué)生們的情感需求愈發(fā)強(qiáng)烈，學(xué)生們也愈來(lái)愈需要平臺(tái)來(lái)釋放。由此，“表白墻”作為虛擬社區(qū)開始迅猛發(fā)展。而微信小程序經(jīng)過(guò)數(shù)年的發(fā)展，已經(jīng)相當(dāng)完善，可以充當(dāng)各行各業(yè)的工具與平臺(tái)。微信小程序的輕應(yīng)用、低成本等優(yōu)點(diǎn)契合“表白墻”所需要的特性。因此，文章基于微信小程序，使用MINA框架開發(fā)出一款適合在校大學(xué)生的“表白墻”微信小程序。

關(guān)鍵詞：微信小程序;表白墻;高校;虛擬社區(qū)

1? ? 高校虛擬社區(qū)現(xiàn)狀

互聯(lián)網(wǎng)的快速發(fā)展，使得擅長(zhǎng)接觸新事物的學(xué)生們加入到互聯(lián)網(wǎng)的世界。中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心CNNIC第44次的統(tǒng)計(jì)顯示：截至2019年6月，我國(guó)網(wǎng)民達(dá)到8.54億的規(guī)模，且網(wǎng)民中使用手機(jī)上網(wǎng)比例達(dá)到99.1%，網(wǎng)民中學(xué)生最多，達(dá)到26.0%。所謂有人的地方就有江湖，人一多就會(huì)產(chǎn)生相應(yīng)的聚集區(qū)，所以虛擬社區(qū)也隨著互聯(lián)網(wǎng)的發(fā)展而發(fā)展[1]。在高校學(xué)生的虛擬社區(qū)中，較為熱門的有微博虛擬社區(qū)、QQ虛擬社區(qū)、貼吧虛擬社區(qū)等。其中QQ是作為即時(shí)通訊軟件開發(fā)的，后來(lái)添加了看點(diǎn)、興趣部落等功能來(lái)吸引、留存用戶。通過(guò)實(shí)際體驗(yàn)可以看出，這些功能最后主要承載了新聞熱點(diǎn)、八卦、娛樂(lè)等信息，而非作為虛擬社區(qū)[2]。不過(guò)，現(xiàn)在QQ上有一種新興的虛擬社區(qū)—表白墻。

2? ? 通達(dá)交流墻的微信小程序開發(fā)框架

2.1? 表白墻

“表白墻”并非是QQ的一個(gè)應(yīng)用或者功能，其本質(zhì)是一位QQ用戶充當(dāng)“墻”，接受別人給其發(fā)的信息，再截圖發(fā)布“說(shuō)說(shuō)”到自己的空間里。由于其添加了大量的校內(nèi)好友，所以校內(nèi)相當(dāng)多的人可以在其空間里看到“墻”的內(nèi)容。QQ空間有評(píng)論功能，用戶可以通過(guò)設(shè)置，選擇是否允許陌生人訪問(wèn)自己的空間，“表白墻”一般不會(huì)選擇禁止。QQ空間的“說(shuō)說(shuō)”與微信的“朋友圈”極為相似，但比微信的“朋友圈”更開放。微信不允許用戶在好友的“朋友圈”里看到非自己好友的評(píng)論與點(diǎn)贊。例如A和C有共同的好友B，且A與B并非為好友，那么A無(wú)法在B的“朋友圈”里看到C留下的評(píng)論與點(diǎn)贊，但是“說(shuō)說(shuō)”可以。

表白墻上有非常眾多的校內(nèi)好友，使得在上面?zhèn)鬟f消息非常的方便。所以表白墻除了告白之外，還承擔(dān)了傳遞消息和相互交流的功能，這使得表白墻的功能愈發(fā)的多樣全面化。

由于表白墻切合到學(xué)生間真正所需，再加上其新穎性和保密性，使得表白墻在學(xué)生群體中迅速蔓延開來(lái)。例如，截至2019/12/6 16：04，南京郵電大學(xué)通達(dá)學(xué)院比較熱門的兩個(gè)表白墻（北有清華-南郵通達(dá)-墻和萬(wàn)能墻里里）的空間瀏覽數(shù)量之和達(dá)到了一千一百多萬(wàn)人次（11 657 132），而與之相對(duì)的，該?？?cè)藬?shù)僅為一萬(wàn)左右。

2.2? 微信小程序

微信小程序是一種新興的程序類型，于2017年被騰訊發(fā)布。這類小程序的主要特點(diǎn)是小。體積小，不用下載、不用管理、不用卸載，使得用戶可以做到即用即走。

而微信小程序的開發(fā)也相當(dāng)簡(jiǎn)單。其采用了PHP開發(fā)模式，相較于原生APP，它更方便。微信是跨平臺(tái)的，使得基于微信開發(fā)的微信小程序也隨著跨平臺(tái)，不用為了適應(yīng)不同的系統(tǒng)而多次開發(fā)，大大減少了開發(fā)流程。所以微信小程序一經(jīng)推出，迅速發(fā)展。

考慮到微信小程序更符合本文的程序構(gòu)想，決定用微信小程序來(lái)開發(fā)。

2.3? 微信小程序的框架

通達(dá)交流墻采用MINA框架。MINA框架是一個(gè)簡(jiǎn)單但功能齊全的框架。同時(shí)使用微信提供的視圖層描述語(yǔ)言WXML和WXSS，并使用JavaScript作為邏輯層。微信小程序的邏輯層描述語(yǔ)言與網(wǎng)頁(yè)設(shè)計(jì)的JavaScript并無(wú)區(qū)別，而視圖層描述語(yǔ)言WXML和WXSS對(duì)應(yīng)于網(wǎng)頁(yè)開發(fā)的HTML和CSS。

2.4? 基于微信小程序的通達(dá)交流墻系統(tǒng)設(shè)計(jì)

通達(dá)交流墻通過(guò)實(shí)現(xiàn)表白墻，來(lái)實(shí)現(xiàn)幫助同學(xué)表達(dá)表白、尋物、尋人、情感等問(wèn)題或者事情。從而加強(qiáng)同學(xué)之間的信息交流，滿足同學(xué)之間一些意愿，讓同學(xué)之間互相幫助，使整個(gè)學(xué)校的同學(xué)連為一個(gè)整體。通達(dá)交流墻有3個(gè)界面，名字分別為“墻”“發(fā)墻”和“我的”，用戶可以通過(guò)底部的導(dǎo)航欄對(duì)這3個(gè)界面進(jìn)行訪問(wèn)。

（1）注冊(cè)界面。用戶進(jìn)入到“通達(dá)交流墻”時(shí)，將會(huì)出現(xiàn)一個(gè)歡迎界面，如圖1所示。由于微信的wx.getUserInfo（object）接口需要用戶授權(quán)，確認(rèn)授權(quán)后才可以開始獲取用戶信息。所以，點(diǎn)擊“開始使用”按鈕后，將會(huì)彈出是否確認(rèn)授權(quán)登陸的彈窗。點(diǎn)擊確定之后就進(jìn)入了主頁(yè)面—“墻”，如圖2—3所示。

（2）“墻”界面。本界面設(shè)置了頂部導(dǎo)航欄，用戶可以點(diǎn)擊相應(yīng)的區(qū)域進(jìn)行訪問(wèn)，如圖2所示。“最新的墻”和“最熱的墻”是用戶發(fā)布的“墻”展示的區(qū)域，不過(guò)“最新的墻”是按照時(shí)間先后順序方式進(jìn)行排列用戶發(fā)布的卡片，“最熱的墻”是按照熱度高低進(jìn)行排列?！敖袢赵掝}”是用戶進(jìn)行聊天、討論的區(qū)域。

在“最新的墻”和“最熱的墻”界面，用戶可以看到他人或者自己所發(fā)墻的信息，該信息將以卡片的布局排列。第一條是操作者發(fā)布的信息，如圖4所示，信息包括發(fā)布者用戶名、主題、內(nèi)容、圖片、點(diǎn)贊及留言，如圖2所示。

在“今日話題”界面，用戶可以看到他人在上面討論的話題，用戶可以發(fā)布諸如校草?；ㄓ懻摵蜁嬘耙曌髌酚懻摰葘?duì)某些事物或者事件的討論，如圖3所示。

在“墻”的3個(gè)界面，所有用戶都可查看他人的發(fā)布卡片以及在上面留下點(diǎn)贊、評(píng)論等信息。

（3）“發(fā)墻”界面。用戶在“發(fā)墻”界面填寫完信息并發(fā)布，如圖5所示。為了保密性以及神秘感，用戶可以選擇匿名發(fā)布。

“發(fā)布話題”的跳轉(zhuǎn)鏈接固定在“今日話題”的下方，以話筒的形式呈現(xiàn)，如圖4所示?！鞍l(fā)布話題”界面與“發(fā)墻”界面大體一樣，但由于必要性不高，故不設(shè)置匿名功能。

（4）“我的”界面。本界面的背景采用南京郵電大學(xué)通達(dá)學(xué)院的風(fēng)景圖，如圖6所示。在注冊(cè)界面的用戶授權(quán)步驟中所授權(quán)的用戶頭像與微信昵稱被用于“最新的墻”“我的話題”“最熱的墻”和此界面來(lái)顯示。

此界面有3個(gè)鏈接：“消息”“我的墻”“我的話題”?！跋⒔缑妗笔怯脩艚邮盏狡渌脩魧?duì)其曾發(fā)布的話題或者墻的點(diǎn)贊、取消點(diǎn)贊、評(píng)論等消息的通知界面，“我的墻”和“我的話題”是用戶對(duì)其曾發(fā)布的墻或者話題進(jìn)行管理操作的界面[3]。

3? ? 結(jié)語(yǔ)

文章設(shè)計(jì)并開發(fā)了基于微信小程序的虛擬網(wǎng)絡(luò)社區(qū)。在研究高校虛擬社區(qū)的現(xiàn)狀后，結(jié)合微信小程序的特性，使用MINA框架，將視圖層與邏輯層分開，更好地對(duì)小程序進(jìn)行結(jié)構(gòu)設(shè)計(jì)與性能的優(yōu)化。本文所展現(xiàn)的虛擬網(wǎng)絡(luò)社區(qū)能滿足學(xué)生間一定的物質(zhì)及情感需求，具有相應(yīng)的價(jià)值。

[參考文獻(xiàn)]

[1]張漢林，潘俊虹，柯哲星，等.基于微信小程序的“微代”校園服務(wù)平臺(tái)[J].電腦編程技巧與維護(hù)，2018（2）：14.

[2]謝洋，鐘坤燕.表白墻：大學(xué)新社交平臺(tái)的崛起[N].中國(guó)青年報(bào)，2019-09-23（A03）.

[3]呂云翔，田旺，朱子彧，等.小程序，大未來(lái)：微信小程序開發(fā)[M].北京：電子工業(yè)出版社，2018.