校园代办小程序开发文档

校园代办设计文档

目录

一、 前言概述

二、 应用场景

三、 设计思路

四、 关于开发工具的选择以及技术栈

五、 利用到的环境及工具

六、 关于产品项目的参考及优化

• 前言概述
  • 疫情期间，大学校园基本处于完成封闭的状态。大学生订餐、取快递基本都只能放在学校门口，很多人因为上课根本没有时间取东西；而刚好学校也有很多学生希望能用课余时间干一些兼职。基于此方面构想我们的团队打算开发一款校园代跑的小程序
• 应用场景
  • 该项目主要应用于大学校园内，受疫情影响各大高校长期处于封闭状态，外界外卖、快递等人员无法进入学校内部，以及校内餐饮服务传统出餐慢，位置拥挤，导致学生取餐、取快递等存在诸多不便。且很多学生因为学业繁忙或打游戏等没有时间处理一些生活上的琐碎事务。同时，也有一些学生时间充裕，希望找寻可靠的兼职外快。为此，跑腿服务项目营运而出，向一部分大学生提供跑腿服务的同时，也为一部分大学生提供了在校兼职赚外快的平台。
• 设计思路
  • 首先该校园跑腿业务管理系统能够为校园内的供需双方用户提供一个互动交流，完成在线交易的平台，使得普通用户可以利用碎片化的时间，提高学习和生活效率。
  • 其次获取兼职的机会，锻炼社会能力，培养正确的消费观而商家也可以通过该系统，发掘更多的潜在客户，更好地适应校园内的消费环境。
  • 最后，系统合理的维护平台秩序措施,能尽可能地减少由于各种原因对用户利益造成损害的可能性，简化交易过程，规范交易流程，在校园内形成一个良性的循环。
• 关于开发工具的选择以及技术栈
  • 在微信小程序的开发我们最先想到的选择是Vant UI 该组件是一个非常轻量化开袋即食的UI组件，并且开发该小程序大部分的UI功能利用该组件都能实现。
  • 在开发过程中我们也大量使用了Vue，也就是Vue的语法来使代码量减少，并且Vant UI 是契合Vue语法的使用的，当下前端主流也是使用Vue的。
  • 除此之外我们还部分使用了ES6的原生语法来实现一些页面的效果，原生语法是不可或缺的它能弥补Vue不足的一些特性。
  • 在Icon图标方面我们的选择是阿里图标库，阿里图标库有众多的设计师上传图标，图标库体量也很大，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。
  • Node关于node的使用因为我们并没有写管理系统以及接口所以该技术栈的使用仅停留在安装Vant-UI的工具上。

• 利用到的环境及工具
  • 那么为什么选择微信小程序？因为微信小程序体量足够轻便，无需再占用手机空间，而且微信的使用率在大学生群体中占比量重，故因此我们选择了微信小程序。
  • 而我们的项目是写微信小程序环境便是微信开发者工具，它是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。其特点是模拟器、调试工具和小程序操作区，也就是说在开发过程中我们是能看到实时效果的，而且模拟器提供不同的机型选择能让我们看见不同机型下我们所写的项目的布局及运行状态。
  • 除此之外我们还用到了NODE这个工具，因为Vant-Ui是基于npm 管理包来安装工具的所以需要NODE来支持其使用。
• 关于产品项目的参考及优化
  1. 我们的项目实际上是一个结合体优化了校园方面的业务流通，所以可以认为是一个校园版的：外卖+代办+校园家政+平台陪玩等内容可以说涵盖了整个大学校园能够接受支持的业务，我们参考了很多东西。
  2. 最初是参照的美团外卖，所以首页有很多美团UI的影子，包括组件布局也是，然后由外卖平台我们做了一个延伸的构想由外卖配送代买加上了生活方面的代办代跑，处理校园生活的一些琐事，最初构想就是同学们之间的时间安排不一样，所以能不能让有闲时的同学去接单代办另一些同学的琐事，这样有时间的同学有了收入，忙碌的同学得到了方便，所以我们又参考了一些校园代跑代办的小程序APP，主要是我们自己的校园代办APP以及一款叫校园帮忙的小程序，我们结合两者优化又延伸了校园家政以及游戏陪玩等业务，全方面考虑到了同学们的物质以及精神方面的需求。
  3. 当然我们并没有规定代办的范畴也就是说在我们的项目中构想是万事皆可代办，后续我们的想法是要完成一个能够匹配该项目的后端管理，比如能够处理庞大的校园代办悬赏请求，以及给注册了代办员身份的同学能派送合理的代办委托。再延伸一下的话，我们还想让学校也参与进平台的合作，毕竟每个学校需求不同所以业务方面的数据也不一样，只有学校，以及学生知道自己的需求是什么，让学校参与进来也方便平台的业务方面的优化。