1.内容介绍
微信小程序是騰讯推出的一款轻量级应用,在当前网络技术和智能终端设备迅速发展的情况下,可以使用户感受不到程序的下载和安装 [1]。目前大部分高校中校园活动等信息零散,传播范围有限,而利用微信小程序开发,不仅具有庞大的潜在用户群体,而且对校园用户十分友好,能提高了信息的流通性。同时对于校园用户者来说,小程序具有以下几大优点:设计合理与微信绑定,使用成本低,对开发者友好,这也使得小程序能够在学校环境中迅速获得大量关注。本系统不仅可以帮助校园营造文明安全的环境,也可以为学生增加一个互利互通的渠道,提高学校内部信息的传递,使资源得到充分利用。
2 需求分析与系统设计
2.1 需求分析
通过对高校学生的调研和分析,发现人们获取信息的方式更加倾向于计算机网络,但是当下许多高校对于学生获取信息服务做得不够到位。研究发现高校学生的需求主要集中在学习和生活服务以及获取需要的资源上面,主要包括信息化学校服务,将学校生活与学生生活密切结合,在大学校园生活当中让学生进行信息和资源的交换,例如:支教活动信息的转播,敬老院服务人员的召集,二手物品交易,兼职招聘,活动通知,约伴学习,转专业无法查询到新专业相关信息等等。通过观察发现这些信息通常出现在社交平台上面,传播范围有限,且信息比较零散,实际效果差[2]。为解决上述问题,本系统旨在设计与开发一个长大公益校园帮帮团微信小程序,系统分为四个大的模块:任务展示、校园生活服务、任务发布和用户登录模块。
2.2 系统体系架构设计
该系统前端页面主要使用了uni-app框架,使开发更加的快速、简单和便捷,且一次开发可以全端使用[3]。前端可以给后端发送请求获取数据,再由前端处理之后可以利用uni-app框架方便的数据渲染功能渲染在页面上。后端使用java的ssm框架进行开发,不仅可以与数据库进行交互,同时还可以发送https请求给微信服务器,从微信服务器获取信息[4],在后端进行处理之后发送给前端进行渲染和显示。数据库使用MySQL数据。系统总体架构图如下。
3 系统功能设计
针对需求分析进行深入的研究,确定了系统的四个功能模块,分别是用户模块,学习生活服务模块,任务展示模块,任务发布模块。系统功能模块图如图2所示。
3.1 用户模块
用户模块包括登录功能,软件相关说明等。通过微信提供的API可以获取微信用户所对应的唯一标识OpenID,在方便用户使用情况下,同时也提高了用户账户的安全性[5]。且系统可以直接调用微信小程序提供的API来获取用户昵称,微信头像等基本信息,可以免去注册流程,实现一键登录。
3.2 学习生活服务模块
学习生活服务模块主要给用户提供学习和生活服务。如查询电费,考试信息,老师信息等。查询电费信息可以提醒用户交电费,从而尽量避免出现寝室因为电没有电费停电的情况。查询考试信息,可以避免用户错过一些重要的考试。查询老师信息,可以在学生们有需要的时候可以了解到老师的信息,从而快速地找到老师。查询课表信息,可以提醒用户上课时间。查询课程学分信息,可以提高用户对课程的重要性的认识。这些功能涵盖了较为常见的一些学习和生活服务,可以满足用户对于高校信息服务方面的大部分需求。 3.3 任务展示模块
任务展示模块根据任务性质不同对任务进行了分类,分成了十个类别,主要有拼车服务,抱团学习,期末学习,长大骑行,公益活动,二手交易,网络交友,社团活动,消息咨询,校园微帮。如长大骑行可以和一些志同道合的骑友一起郊游骑行,公益活动可以组织一些同学一起去附近参加公益活动等。
3.4 任务发布模块
任务发布模块用来发布任务,可以根据自己的需要选择某一任务类型,进入任务发布页面之后可以添加任务的照片,详情等相关信息。信息填写完成之后点击发布就可以在首页看到发布的任务。
4 系统功能实现
用户进入小程序时,首先進行微信登录验证,然后进行学籍信息录入,这样保证了小程序的安全性,同时对于本校学生的用户体验更佳,避免了因为用户进行信息注册时,输入的信息不合理或者格式错误,导致用户体验下降。进行首页之后主要可以进行商品更新浏览,用户可以通过不同的类别按钮,选择加载不同类型的商品加载展示,同时通过点击商品可查看具体信息。
用户在点击首页的发布按钮,可以根据需求进行商品的类别选择,并按照提示要求进行商品的基本信息录入等,即可进行物品的发布。
在个人中心位置,用户可以进行查看自己已经发布的商品,同时进行基本的修改价格以及下架操作,同时也可以点击进行预览操作。其他买家可以通过进行对于类别的物品点击,可以看到刚刚发布的具体内容,同时提供了留言评论,查看卖家信息等操作。
信息服务主要包括学院特色展示以及校园生活信息积累,可以进行老师基本信息查询,方便与老师进行及时的沟通,同时也提供课表查询,学分查询以及考试信息等服务,用户可以通过选择不同的功能进行信息服务。
小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。
小程序的优点:
基于微信平台开发,享受微信自带的流量,这个优点最大
小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。
遍历的时候:
调用data模型(赋值)的时候:
小程序:this.data.item // 调用,
小程序:this.setDate({item:1})//赋值
Vue:this.item //调用,
Vue:this.item=1 //赋值
小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。
数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序
小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。
优势:
容易上手,基础组件库比较全,基本不需要考虑兼容问题简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。
wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构
wxss 样式文件,是一套样式语言,用于描述WXML的组件样式请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。
而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。