APP下载

大学生闲置物品交易互助微信小程序设计与开发

2022-12-13彭嘉怡袁楠楠尹鲲龙魏姝琪

中国新技术新产品 2022年18期
关键词:闲置盒子代码

彭嘉怡 袁楠楠 尹鲲龙 魏姝琪

(江苏大学京江学院,江苏 镇江 212114)

0 引言

经研究显示,如今国内有2015年段丽慧基于大学生对二手物品的买卖需求进行的微信公众号研究[1];2016年姜利钊、黄凯经研究相关数据发现大学二手交易平台选择较少,多选择校内跳蚤市场,因此完善二手交易平台尤为重要[2];2021年仲美涵、吴泽霖等人研究发现目前二手线上交易存在商品质量参差不齐、信息不对称、交易没保障等问题[3]。在国外,2010年Jens Clausen等人以eBay为例发现二手交易能减少资源使用和创造就业机会[4];2022年Pedro Hinojo等人应用数字平台促进了消费者对二手交易的参与[5]。

因此,种种条件与研究表明,利用网络进行大学生闲置物品交易是大势所趋,且具有很大的发展空间,是值得推广宣传的,因此该文旨在开发一个商品质量完善、交易能得到充分保障的大学生闲置物品微信小程序。

1 大学生闲置物品微信小程序的开发设计与整体构架

1.1 小程序的开发设计

该文使用比较为简便的腾讯云小程序微搭功能来进行成品的制作。腾讯云微搭代码能提供高效、高性能的拖拽低代码开发平台以及可视化拖拽布局,使云原生一体化,其成本较低、配置丰富、节省时间且自由度高,方便不同水平组员共同制作。此外,腾讯云微搭具有微信生态能力,能满足该文的小程序微信支付、消息提醒、链路免鉴和流量接入等要求。和微信开发者工具相比,腾讯云提供的生态模块较多,其主要应用盒子模型搭建页面,区块分明,大幅度的代码修改部分主要体现在CSS的样式层叠表,将各个元素模块具体化、特征化,这些操作都比微信开发者工具便捷易懂。

1.2 小程序的构建流程

首先,登录腾讯云账号,创建小程序应用,注册绑定小程序并授权开发。其次,根据组件库编辑器和代码编辑,用JavaScript语言编辑设计小程序前端页面,逻辑页面与视图页面分离。再次,绑定数据源,更换数据信息。最后,发布体验版,提交等待微信审核,并等待小程序的正式发布。

1.3 小程序主要涉及代码

页面设计主要采用视图页面与逻辑页面分离的方法。对视图页面,大部分直接拖拽已有的模块直接构建页面。逻辑页面主要采用CSS层叠样式表进行细化、特殊化处理,层叠样式表主要是对标记的内容进行装饰,并将页面表现样式与页面结构分离的一种样式设计语言。CSS控制页面中的文本内容、图片外形以及版面布局等外观的显示样式。为了让代码显示更清晰明了,将页面布局的视图代码与样式设计代码分离成2个文件,然后在设计视图页面代码时采用链入式的方法,即,将样式设计的代码文件捆绑。

主 要 用 到 的CSS的 语 法:width、height、border、background-color、margin和padding等,font-size设置大小,font-family设置字体,font-weight定义粗细,font-style定义风格。

导弹高速飞行时, 其弹头部分的红外导引头和GPS等导航定位系统为其制导, 这样才能做到有的放矢, 提高导弹的打击精度[1-2], 其头部的红外辐射光谱特性是目标探测和跟踪的重要信号特征, 同时也对导弹自身寻的产生一定的影响, 因而导弹头部的红外辐射光谱特性是识别、反识别、突防、反突防和红外跟踪技术中重要的研究内容[3].

页面构建框架采用盒子模型法:盒子模型是CSS网页布局的核心基础,可以更好地控制页面中各个内容模块元素的呈现效果。每个盒子模型都由元素的内容、内边padding、边框border和外边margin组成。

标记是一个块标记,可以实现盒子内页面的规划和布局,将页面再分割为独立的部分。标记属性先在父DIV中设置相对定位,然后再在子DIV中用绝对定位法定位。在设计过程中,使用绝对法定位position:absolute,而浮动法float容易出现溢出问题,会加大工作量,因此不采用。

1.3.1 首页设计

首页采用顶部轮播图,即中间图文展示推荐商品,底部菜单导航的构造方式,包括用户近期搜索记录与当下热门搜索推荐商品。具体首页页面的效果图如图1所示。

图1 首页展示

主要代码(轮播图Carousel模块,tap导航模块,图文展示模块)如下。

1.3.2 分类页面的设计

在顶部和底部,分类页面均采用宫格导航的方式来使用户能够迅速进入目标页面,中间部分使用侧边导航将校园招聘、电子产品、学习用品和失物招领等分类项目细化,使该程序的内容更清晰明显,以便找到对应目标。具体首页页面的效果图如图2所示。

图2 分类页面展示

主要代码(顶部导航nav模块和分类模块Classfication)如下。

"navOption": [//顶部导航栏设置考研,四六级,二手书籍和搜索四个功能按钮,选用navOption模块,用img图片覆盖icon,形成新的按钮实施跳转功能

1.3.3 发布界面的设计

设置文本输入框,发布者需要在此对发布品做一个概述,可以上传9张以内的图片,更清晰地展示所发布实体的内容。根据发布品的属性,该程序增加了分类选择功能,发布后能够自动归类。还设置了价格和是否论价的功能。发布页面细化了forminput、formimage、formselect和formswitch等主要模块,具体首页页面的效果图如图3所示。

图3 发布页面设计

主要代码如下。

"component": "FormInput",//通过使用表单上传模块,将发布的商品更新到分类页面中,在表单模块将文字处理与图片展示等细节进行具体化处理

1.3.4 个人界面的设计

个人页面主要分为3个盒子模型,第一个盒子模型为个人信息,涉及学校、姓名和账号,代码设计如发布页面的上传模块;第二个盒子模型为个人页面功能键,如交易记录、设置和客服等;第三个盒子模型为广告轮播图,设置为广告位,具体首页页面的效果图如图4所示。

图4 个人页面

主要代码如下。

"component": "GridLayout",//采用网格布局,使头像上传模块与信息输入模块再次细分为3∶9的大小,分成两个新盒子模型

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

2.1 整合资源,分类查找

随着网络的迅速发展,许多学校通过闲置互助的QQ群或者微信群来进行资源的互通互助,便捷的同时也存在许多弊端:如消息覆盖,不利于目标信息的筛选以及解决问题的效率低等。同时,很多学校之间存在资源不共享的问题,例如学习一门专业课时想要搜寻相关资源,当下只能通过慕课等一类专业性的课程软件来获得,这类软件同时也存在交流困难的问题,很难进行学生与学生之间的资源互通。

针对此现状,该文在整合各大高校各类资源的同时,在首页设置了一些热门信息的按钮,方便同学直接搜索自己想要的内容,也可以筛选地点,进行本校资源的迅速查找。具体如图1和图2所示。

2.2 校园认证,拥有专门保障团队

经调查显示,闲鱼等二手软件近年来出现了不少诈骗、虚假信息等问题,加上部分同学经常通过闲鱼等二手软件进行校园资源的转卖,其财产安全难以得到很好的保障。因此,该小程序设计了校园认证这一版块,同学需要提供自己真实的学校、学号和姓名等信息。与此同时,该小程序在每个学校都拥有一个专业性的保障团队,他们的任务是将本校同学需要交易的商品进行寄出前的现场核对,以确保商品的准确与完好。这一做法可以保障同学的财产安全,减少诈骗等虚假信息。具体如图4所示。

2.3 转卖二手书籍

每当进入新的学期,身边经常会有转卖二手书籍的情形,同时也有很多同学想要寻找其他学校和自己专业相关的书籍,但是很多课程比较具体化,没有相关参考书和资料,这时就需要各大高校学生之间进行信息上的互通。

因此该小程序还专门设计了二手书版块,学生可以使用发布这一功能,将自己不需要的书籍进行售卖,同时此版块还可以和其他跨校同学互换书籍,这样的设计大大提高了专业性书籍的利用效率。发布页面具体如图3所示。

2.4 悬赏答题

经调查显示,市场上已经存在的作业帮等解题软件,或多或少都集拍题、搜答案与学生讨论解答为一体,但是其中与大学专业课及其解答相关的少之又少,其目标人群大部分为中小学学生,对大学专业性问题提出帮助的很少。

因此,针对大学专业性问题,该小程序设置了悬赏解答版块,通过支付报酬的方法来提高用户解惑答疑的积极性。学生也可以向全国各大高校学生提出问题,由于面向对象的层次相同,专业的针对性高,因此他们的问题可以更快速地得到解决。

2.5 生活互助

针对一些校园互助的问题,该小程序还设置了同校拼车、校园跑腿等功能,在方便同学的同时,也能够减少同学的生活开销。

2.6 消毒服务

平台用户可根据自身需要或者所出售(购买)物品种类选择物品消毒服务,以此提高物品的卫生质量,减弱消费者对闲置物品的排斥心理,进而提高对闲置物品交易平台的使用频率。

3 结语

大学生闲置物品小程序的开发有效地促进了资源的循环利用和绿色经济的发展,改善校内闲置交易现状,为大学生提供了一个安全化、规范化和人性化的交易平台,使校内大学生的二手交易在更便捷的同时,提高了交易效率,减少了资源的过度浪费。

猜你喜欢

闲置盒子代码
数字化赋能闲置宅基地和闲置农房盘活改革
不做闲置主妇
创世代码
创世代码
创世代码
创世代码
寻找神秘盒子
扶贫资金闲置浪费谁之过?
养老床位欠缺与闲置并存