大學生閑置物品交易互助微信小程序設計與開發(fā)

2022-12-13 07:52:38彭嘉怡袁楠楠尹鯤龍魏姝琪

中國新技術(shù)新產(chǎn)品 2022年18期

彭嘉怡袁楠楠尹鯤龍魏姝琪

（江蘇大學京江學院，江蘇鎮(zhèn)江 212114）

0 引言

經(jīng)研究顯示，如今國內(nèi)有2015年段麗慧基于大學生對二手物品的買賣需求進行的微信公眾號研究[1]；2016年姜利釗、黃凱經(jīng)研究相關數(shù)據(jù)發(fā)現(xiàn)大學二手交易平臺選擇較少，多選擇校內(nèi)跳蚤市場，因此完善二手交易平臺尤為重要[2]；2021年仲美涵、吳澤霖等人研究發(fā)現(xiàn)目前二手線上交易存在商品質(zhì)量參差不齊、信息不對稱、交易沒保障等問題[3]。在國外，2010年Jens Clausen等人以eBay為例發(fā)現(xiàn)二手交易能減少資源使用和創(chuàng)造就業(yè)機會[4]；2022年Pedro Hinojo等人應用數(shù)字平臺促進了消費者對二手交易的參與[5]。

因此，種種條件與研究表明，利用網(wǎng)絡進行大學生閑置物品交易是大勢所趨，且具有很大的發(fā)展空間，是值得推廣宣傳的，因此該文旨在開發(fā)一個商品質(zhì)量完善、交易能得到充分保障的大學生閑置物品微信小程序。

1 大學生閑置物品微信小程序的開發(fā)設計與整體構(gòu)架

1.1 小程序的開發(fā)設計

該文使用比較為簡便的騰訊云小程序微搭功能來進行成品的制作。騰訊云微搭代碼能提供高效、高性能的拖拽低代碼開發(fā)平臺以及可視化拖拽布局，使云原生一體化，其成本較低、配置豐富、節(jié)省時間且自由度高，方便不同水平組員共同制作。此外，騰訊云微搭具有微信生態(tài)能力，能滿足該文的小程序微信支付、消息提醒、鏈路免鑒和流量接入等要求。和微信開發(fā)者工具相比，騰訊云提供的生態(tài)模塊較多，其主要應用盒子模型搭建頁面，區(qū)塊分明，大幅度的代碼修改部分主要體現(xiàn)在CSS的樣式層疊表，將各個元素模塊具體化、特征化，這些操作都比微信開發(fā)者工具便捷易懂。

1.2 小程序的構(gòu)建流程

首先，登錄騰訊云賬號，創(chuàng)建小程序應用，注冊綁定小程序并授權(quán)開發(fā)。其次，根據(jù)組件庫編輯器和代碼編輯，用JavaScript語言編輯設計小程序前端頁面，邏輯頁面與視圖頁面分離。再次，綁定數(shù)據(jù)源，更換數(shù)據(jù)信息。最后，發(fā)布體驗版，提交等待微信審核，并等待小程序的正式發(fā)布。

1.3 小程序主要涉及代碼

頁面設計主要采用視圖頁面與邏輯頁面分離的方法。對視圖頁面，大部分直接拖拽已有的模塊直接構(gòu)建頁面。邏輯頁面主要采用CSS層疊樣式表進行細化、特殊化處理，層疊樣式表主要是對標記的內(nèi)容進行裝飾，并將頁面表現(xiàn)樣式與頁面結(jié)構(gòu)分離的一種樣式設計語言。CSS控制頁面中的文本內(nèi)容、圖片外形以及版面布局等外觀的顯示樣式。為了讓代碼顯示更清晰明了，將頁面布局的視圖代碼與樣式設計代碼分離成2個文件，然后在設計視圖頁面代碼時采用鏈入式的方法，即，將樣式設計的代碼文件捆綁。

主要用到的CSS的語法：width、height、border、background-color、margin和padding等，font-size設置大小，font-family設置字體，font-weight定義粗細，font-style定義風格。

導彈高速飛行時, 其彈頭部分的紅外導引頭和GPS等導航定位系統(tǒng)為其制導, 這樣才能做到有的放矢, 提高導彈的打擊精度[1-2], 其頭部的紅外輻射光譜特性是目標探測和跟蹤的重要信號特征, 同時也對導彈自身尋的產(chǎn)生一定的影響, 因而導彈頭部的紅外輻射光譜特性是識別、反識別、突防、反突防和紅外跟蹤技術(shù)中重要的研究內(nèi)容[3].

頁面構(gòu)建框架采用盒子模型法：盒子模型是CSS網(wǎng)頁布局的核心基礎，可以更好地控制頁面中各個內(nèi)容模塊元素的呈現(xiàn)效果。每個盒子模型都由元素的內(nèi)容、內(nèi)邊padding、邊框border和外邊margin組成。

標記是一個塊標記，可以實現(xiàn)盒子內(nèi)頁面的規(guī)劃和布局，將頁面再分割為獨立的部分。標記屬性先在父DIV中設置相對定位，然后再在子DIV中用絕對定位法定位。在設計過程中，使用絕對法定位position：absolute，而浮動法float容易出現(xiàn)溢出問題，會加大工作量，因此不采用。

1.3.1 首頁設計

首頁采用頂部輪播圖，即中間圖文展示推薦商品，底部菜單導航的構(gòu)造方式，包括用戶近期搜索記錄與當下熱門搜索推薦商品。具體首頁頁面的效果圖如圖1所示。

圖1 首頁展示

主要代碼（輪播圖Carousel模塊，tap導航模塊，圖文展示模塊）如下。

1.3.2 分類頁面的設計

在頂部和底部，分類頁面均采用宮格導航的方式來使用戶能夠迅速進入目標頁面，中間部分使用側(cè)邊導航將校園招聘、電子產(chǎn)品、學習用品和失物招領等分類項目細化，使該程序的內(nèi)容更清晰明顯，以便找到對應目標。具體首頁頁面的效果圖如圖2所示。

圖2 分類頁面展示

主要代碼（頂部導航nav模塊和分類模塊Classfication）如下。

"navOption"： [//頂部導航欄設置考研，四六級，二手書籍和搜索四個功能按鈕，選用navOption模塊，用img圖片覆蓋icon，形成新的按鈕實施跳轉(zhuǎn)功能

1.3.3 發(fā)布界面的設計

設置文本輸入框，發(fā)布者需要在此對發(fā)布品做一個概述，可以上傳9張以內(nèi)的圖片，更清晰地展示所發(fā)布實體的內(nèi)容。根據(jù)發(fā)布品的屬性，該程序增加了分類選擇功能，發(fā)布后能夠自動歸類。還設置了價格和是否論價的功能。發(fā)布頁面細化了forminput、formimage、formselect和formswitch等主要模塊，具體首頁頁面的效果圖如圖3所示。

圖3 發(fā)布頁面設計

主要代碼如下。

"component": "FormInput"，//通過使用表單上傳模塊，將發(fā)布的商品更新到分類頁面中，在表單模塊將文字處理與圖片展示等細節(jié)進行具體化處理

1.3.4 個人界面的設計

個人頁面主要分為3個盒子模型，第一個盒子模型為個人信息，涉及學校、姓名和賬號，代碼設計如發(fā)布頁面的上傳模塊；第二個盒子模型為個人頁面功能鍵，如交易記錄、設置和客服等；第三個盒子模型為廣告輪播圖，設置為廣告位，具體首頁頁面的效果圖如圖4所示。

圖4 個人頁面

主要代碼如下。

"component"： "GridLayout"，//采用網(wǎng)格布局，使頭像上傳模塊與信息輸入模塊再次細分為3∶9的大小，分成兩個新盒子模型

2 大學生閑置物品微信小程序功能及作用

2.1 整合資源，分類查找

隨著網(wǎng)絡的迅速發(fā)展，許多學校通過閑置互助的QQ群或者微信群來進行資源的互通互助，便捷的同時也存在許多弊端：如消息覆蓋，不利于目標信息的篩選以及解決問題的效率低等。同時，很多學校之間存在資源不共享的問題，例如學習一門專業(yè)課時想要搜尋相關資源，當下只能通過慕課等一類專業(yè)性的課程軟件來獲得，這類軟件同時也存在交流困難的問題，很難進行學生與學生之間的資源互通。

針對此現(xiàn)狀，該文在整合各大高校各類資源的同時，在首頁設置了一些熱門信息的按鈕，方便同學直接搜索自己想要的內(nèi)容，也可以篩選地點，進行本校資源的迅速查找。具體如圖1和圖2所示。

2.2 校園認證，擁有專門保障團隊

經(jīng)調(diào)查顯示，閑魚等二手軟件近年來出現(xiàn)了不少詐騙、虛假信息等問題，加上部分同學經(jīng)常通過閑魚等二手軟件進行校園資源的轉(zhuǎn)賣，其財產(chǎn)安全難以得到很好的保障。因此，該小程序設計了校園認證這一版塊，同學需要提供自己真實的學校、學號和姓名等信息。與此同時，該小程序在每個學校都擁有一個專業(yè)性的保障團隊，他們的任務是將本校同學需要交易的商品進行寄出前的現(xiàn)場核對，以確保商品的準確與完好。這一做法可以保障同學的財產(chǎn)安全，減少詐騙等虛假信息。具體如圖4所示。

2.3 轉(zhuǎn)賣二手書籍

每當進入新的學期，身邊經(jīng)常會有轉(zhuǎn)賣二手書籍的情形，同時也有很多同學想要尋找其他學校和自己專業(yè)相關的書籍，但是很多課程比較具體化，沒有相關參考書和資料，這時就需要各大高校學生之間進行信息上的互通。

因此該小程序還專門設計了二手書版塊，學生可以使用發(fā)布這一功能，將自己不需要的書籍進行售賣，同時此版塊還可以和其他跨校同學互換書籍，這樣的設計大大提高了專業(yè)性書籍的利用效率。發(fā)布頁面具體如圖3所示。

2.4 懸賞答題

經(jīng)調(diào)查顯示，市場上已經(jīng)存在的作業(yè)幫等解題軟件，或多或少都集拍題、搜答案與學生討論解答為一體，但是其中與大學專業(yè)課及其解答相關的少之又少，其目標人群大部分為中小學學生，對大學專業(yè)性問題提出幫助的很少。

因此，針對大學專業(yè)性問題，該小程序設置了懸賞解答版塊，通過支付報酬的方法來提高用戶解惑答疑的積極性。學生也可以向全國各大高校學生提出問題，由于面向?qū)ο蟮膶哟蜗嗤?，專業(yè)的針對性高，因此他們的問題可以更快速地得到解決。

2.5 生活互助

針對一些校園互助的問題，該小程序還設置了同校拼車、校園跑腿等功能，在方便同學的同時，也能夠減少同學的生活開銷。

2.6 消毒服務

平臺用戶可根據(jù)自身需要或者所出售（購買）物品種類選擇物品消毒服務，以此提高物品的衛(wèi)生質(zhì)量，減弱消費者對閑置物品的排斥心理，進而提高對閑置物品交易平臺的使用頻率。

3 結(jié)語

大學生閑置物品小程序的開發(fā)有效地促進了資源的循環(huán)利用和綠色經(jīng)濟的發(fā)展，改善校內(nèi)閑置交易現(xiàn)狀，為大學生提供了一個安全化、規(guī)范化和人性化的交易平臺，使校內(nèi)大學生的二手交易在更便捷的同時，提高了交易效率，減少了資源的過度浪費。