基于微信小程序的校园二手图书设计与开发

今天终于毕业答辩通过咯,本文就记录一下这次关于微信小程序的主要内容把。
5.1注册模块实现
在用户登一次登陆的时候,需要注册登陆。在系统中可以使用到官方提供API接口,也就是wx.Login()函数来实现这一功能[18],具体实现流程图如下图5-1所示。
注册登陆主要是调用API接口,然后通过这个接口得到一个ID,并且通过使isRes等于1来确认用户是否注册,如果不是则弹出重新注册的窗口,当用户输入满足系统所设置的条件,也就是QQ号在5-11位之间、微信号满足a-z、A-Z并且在5-19位之间具体代码如图5-2第9行到第24行,用户便成功注册,然后系统会将用户的信息上传到云端的数据库里,核心的代码如图5-3第58行到73。
基于微信小程序的校园二手图书设计与开发
图5-2 检测代码
基于微信小程序的校园二手图书设计与开发
图5-3 注册模块核心代码
通过上述代码便可以完成本模块的使用,具体实现的效果图如5-4所示。

基于微信小程序的校园二手图书设计与开发
图5-4 注册功能实现

5.2商品搜索模块
商品搜索模块中包含三个功能分别是:根据关键字搜索书籍、查看搜索历史、推荐书籍,实现这一模块主要步骤包括:1.通过前段页面获取用户输入的信息,这里是通过wxml的input代码来实现获得。2.将得到的数据与publish数据中的key相对比,与此同时将用户搜索的信息通过wx.setStorage保存的缓存中的key(history)。3.更多推荐中的推荐信息,根据数据库publish中getTime的数据按照creat的大小,从大往小的排序。
(1)推荐书籍核心代码如图5-5,在48-53行通过对创建时间降序排列,并且在55-61中限定5个推荐内容。
基于微信小程序的校园二手图书设计与开发
图5-5 推荐书籍核心代码
(2)根据关键字搜索核心代码如图5-6,82-84行会在搜索结果上面显示输入搜索的内容,91-105为小程序云开发模糊查询的规范代码。
基于微信小程序的校园二手图书设计与开发
图5-6关键字搜索核心代码
(3)添加到搜索历史核心代码如图5-7,其中116-125是当搜索成功时,将数据转换格式,并且添加到本地的key中的history,如果用户删除小程序时用户便看不到搜索历史了。
基于微信小程序的校园二手图书设计与开发
图5-7添加到核心代码
根据以上代码实现的效果图如5-8所示
基于微信小程序的校园二手图书设计与开发
图5-8 搜索推荐界面
5.3图书发布功能
本系统采用两种方式发布如图5-9第69行至第89行,一个是根据手动输入ISBN码录入另外一个是通过摄像头扫码录入。根据图5-10的115-135先检查是否存在该书记录,如若有则调用本地数据库中的书籍信息,若无则调用再进行云函数调用。最后将本次发布的书籍的详细信息添加到books数据中,具体实现如图5-11第149-167行,正式发布如图5-12中所示。
基于微信小程序的校园二手图书设计与开发
图5-9 图书发布功能输入ISBN功能
基于微信小程序的校园二手图书设计与开发

基于微信小程序的校园二手图书设计与开发
基于微信小程序的校园二手图书设计与开发
基于微信小程序的校园二手图书设计与开发
基于微信小程序的校园二手图书设计与开发
基于微信小程序的校园二手图书设计与开发