大學生閑置物品交易互助微信小程序設計與開發(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)溢出問題，會加大工作量，因此不采用。
數(shù)字化賦能閑置宅基地和閑置農(nóng)房盤活改革 不做閑置主婦 有趣的盒子 創(chuàng)世代碼 創(chuàng)世代碼 創(chuàng)世代碼 創(chuàng)世代碼 尋找神秘盒子 扶貧資金閑置浪費誰之過？ 養(yǎng)老床位欠缺與閑置并存
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)大學生的二手交易在更便捷的同時，提高了交易效率，減少了資源的過度浪費。
猜你喜歡
中國農(nóng)業(yè)信息(2022年3期)2022-09-21 05:48:48
好日子(2022年3期)2022-06-01 06:22:20
娃娃樂園·繪本(2021年4期)2021-04-28 03:06:10
動漫星空(2018年11期)2018-10-26 02:24:02
動漫星空(2018年2期)2018-10-26 02:11:00
動漫星空(2018年9期)2018-10-26 01:16:48
動漫星空(2018年5期)2018-10-26 01:15:02
小學生必讀(高年級版)(2017年4期)2017-08-31 12:30:25
公民與法治(2016年16期)2016-05-17 04:16:19
中國衛(wèi)生(2015年4期)2015-11-08 11:16:14
