devbox
Cpp五条
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

基于微信小程序的校园二手商城设计与开发_基于微信小程序的论文

作者：Cpp五条 | 2024-04-11 13:41:12

赞

踩

基于微信小程序的论文

今天终于是把源码给补上来了，弥补了当年丢失源码的遗憾了，太激动了！

时间过得可真快啊，转眼间大学四年就结束了，人总是到了要分别的时候才懂得去怀念过去啊。前段时间弄完了毕业论文，最近在导师实验室搬砖，一直没时间整理，今天终于有时间，所以想把毕设给整理一下，首先声明这个毕设做的很一般哈，给大家乐一下，也算是送给自己的毕业礼物吧

正文如下：

软件功能及核心代码

4.1.1 用户登录注册 

首先是在用户进入平台时获取用户微信昵称，保存作为用户名。至于用户ID，是通过java中的UUID方法随机分配一唯一值。最后将这两项必填信息写入数据库完成注册

核心代码如下：

（1）获取用户微信昵称

  1. // 登录
  2.  
  3. let that = this
  4.  
  5. wx.login({
  6.  
  7.     success: res => {
  8.  
  9.     // 发送 res.code 到后台换取 openId, sessionKey, unionId
  10.  
  11.     },
  12.  
  13. })
  14.  
  15.  
  16. // 获取用户信息
  17.  
  18. wx.getSetting({
  19.  
  20.     success: res => {
  21.  
  22.         if (res.authSetting['scope.userInfo']) {
  23.  
  24.  // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
  25.  
  26.  wx.getUserInfo({
  27.  
  28.     success: res => {
  29.  
  30.     // 可以将 res 发送给后台解码出 unionId
  31.  
  32.     that.globalData.userInfo = res.userInfo //获取用户基本信息并保存为全局变量
  33.  
  34.     that.globalData.userName = res.userInfo.nickName //获取用户微信昵称并保存为全局变量


（2）UUID方法随机分配一唯一值

  1. //获取UUID生成的32位数的前8位作为用户ID
  2. String uid = UUID.randomUUID().toString().substring(0, 8);


4.1.2 商品分类导航 

商品总共有4中分类，系统为每种分类分配一ID值，内容栏将会根据不同ID值显示不同类型的商品。

核心代码如下：

  1. //商品类别标签切换事件
  2.  
  3. switchTab: function (e) {
  4.  
  5.     let id = e.currentTarget.dataset.id      //获取前端商品类别的ID值
  6.  
  7.     let type                                   //定义商品类别变量
  8.  
  9.     let num = 0                               //定义保存商品类别的数组初始下标
  10.  
  11.     claArray = []                             //定义保存商品类别数组的临时变量
  12.  
  13.     var that = this
  14.  
  15.     this.setData({
  16.  
  17.     curNavId: id,                             //给前端商品类别赋值
  18.  
  19. })
  20.  
  21.  
  22.  
  23. //通过id分类List页面内容
  24.  
  25. switch(id){
  26.  
  27.     case 1:
  28.  
  29.         type = "推荐"
  30.  
  31.         break;
  32.  
  33.     case 2:
  34.  
  35.         type = "学习"
  36.  
  37.         break;
  38.  
  39.     case 3:
  40.  
  41.         type = "运动"
  42.  
  43.         break;
  44.  
  45.     case 4:
  46.  
  47.         type = "生活"
  48.  
  49.         break;
  50.  
  51.     case 5:
  52.  
  53.         type = "智能"
  54.  
  55.         break;
  56.  
  57. }
  58.  
  59.  
  60.  
  61. if (GoodContent.length > 0){
  62.  
  63.     for (let i = 0; i < GoodContent.length; i++) {
  64.  
  65.         let content = GoodContent[i]
  66.  
  67.         if (content.GoodType == type || type == "推荐") { //content.GoodType很关键
  68.  
  69.             claArray[num++] = content
  70.  
  71.         }
  72.  
  73. }
  74.  
  75.  
  76.  
  77. this.setData({
  78.  
  79.     listContent: claArray
  80.  
  81. })


4.1.3 热门商品展示 

热门商品展示主要是本系统会根据商城各商品的点击浏览量，自动推荐浏览量最高的前5款商品展示在主页。

核心代码如下：

  1. //连接数据库获取商品信息
  2.  
  3. wx.request({
  4.  
  5.     url: 'http://localhost:8080/Ajax-Servlet-Test1/StoreMsg',  //服务器地址
  6.  
  7.     data: {
  8.  
  9.         xx: 'selectAll',
  10.  
  11. },
  12.  
  13. header: {
  14.  
  15.     'Content-Type': 'application/json'
  16.  
  17. },
  18.  
  19. success: function (res) {
  20.  
  21.     that.globalData.GoodMessage = res.data   //将获取的数据保存在GoodMessage 全局变量
  22.  
  23.     }
  24.  
  25. })
  26.  
  27.  
  28.  
  29. var urlList = new Array()          //定义保存热门商品图片Url地址的数组
  30.  
  31. for (let i = 0; i < 5; i++) {
  32.  
  33. urlList[i] = app.globalData.GoodMessage[i].GoodImgUrl
  34.  
  35. }
  36.


4.1.4 模糊搜索商品

  模糊搜索商品主要是根据用户输入的关键字进行检索，用户输入商品信息关键字，与已发布的商品信息进行匹配，搜索到符合要求的商品

核心代码如下：

  1. //获取服务器数据
  2.  
  3. getdata:function(){
  4.  
  5.     let that = this
  6.  
  7.     wx.request({
  8.  
  9.     url: 'http://localhost:8080/Ajax-Servlet-Test1/inputMsg',
  10.  
  11.     data: {
  12.  
  13.         xx: 'select',
  14.         //用户输入的关键字
  15.         yy: that.data.inputValue            
  16.  
  17.     },
  18.  
  19.     header: {
  20.  
  21.         'Content-Type': 'application/json'
  22.  
  23.     },
  24.  
  25.     success: function (res) {
  26.  
  27.         that.setData({
  28.             //将服务器返回的匹配信息保存
  29.             list:res.data                      
  30.  
  31.         })
  32.  
  33. }
  34.  
  35. })
  36.  
  37. },
  38.  
  39. //服务器端与数据库进行交互
  40.  
  41. if(str.equals(goodName)){
  42.  
  43.     String sql = "SELECT * From good WHERE GoodTitle LIKE '%"+goodName+"'%";
  44.  
  45.     PreparedStatement prep = null;
  46.  
  47.     try {
  48.  
  49.         prep = (PreparedStatement) connection.prepareStatement(sql);
  50.     
  51.         ResultSet result = prep.executeQuery();
  52.  
  53.         while(result.next()){
  54.  
  55.             Good good = new Good();
  56.  
  57.             String GoodTitle = result.getString("GoodTitle");
  58.  
  59.             good.setUserName(GoodTitle);
  60.  
  61.             goodList.add(good);
  62.  
  63.         }
  64.  
  65.     } catch (SQLException e) {
  66.  
  67.         e.printStackTrace();
  68.  
  69.     }
  70.  
  71. }
  72.  
  73. Gson gson = new Gson();
  74.  
  75. String goods = gson.toJson(goodList);
  76.  
  77. write.write(goods);

4.1.5 发布商品 

有效用户在发布商品信息时，填写商品名称、商品图片、商品类别、商品介绍、联系人ID、联系人姓名等信息，然后通过request访问服务器将数据写进数据库。

核心代码如下：

（1）获取本地图片，并将图片临时地址保存在数据库

  1. //上传图片
  2.  
  3. bindSendImage:function(res){
  4.  
  5.     let that = this
  6.  
  7.     wx.chooseImage({
  8.  
  9.     count:1,                                  //定义本地选择图片时只能选择一张
  10.  
  11.     sizeType:['original', 'compressed'],      //定义选择的图片可以被压缩
  12.  
  13.     sourceType:['album', 'camera'],           //图片既可以从相册中选择也可以拍照获取
  14.  
  15.     success: function(res) {
  16.  
  17.         that.setData({
  18.  
  19.             imgUrl:res.tempFilePaths[0]               //获取本地图片url地址
  20.  
  21.     })


4.1.6 商品收藏 

用户在进入商品的详细信息界面时，如果喜欢该物品但是又不想立刻购买的话，可以收藏该物品，收藏好的商品也可以点击取消。

核心代码如下：

  1. //收藏事件
  2.  
  3. switchSC:function(id){
  4.  
  5.     let that = this
  6.  
  7.     let userId = app.globalData.userId      //获取登录用户ID
  8.  
  9.     switch (id){
  10.  
  11.         case 0:
  12.  
  13.             this.setData({
  14.  
  15.                 shoucang:"收藏"
  16.  
  17.             })
  18.  
  19.             //连接数据库删除用户收藏信息
  20.  
  21.             wx.request({
  22.  
  23.                 url: 'http://localhost:8080/Ajax-Servlet-Test1/StoreMsg',
  24.  
  25.                 data: {
  26.  
  27.                     xx: 'deleteSC',
  28.                     //用户ID
  29.                     yy: userId,                  
  30.                     //商品ID
  31.                     zz: that.data.GoodId,        
  32.                     //店家ID
  33.                     ss: that.data.DjId           
  34.  
  35.                 },
  36.  
  37.                 header: {
  38.  
  39.                    'Content-Type': 'application/json'
  40.  
  41.                 },
  42.  
  43.                 success: function (res) {
  44.  
  45.                     console.log("删除成功")
  46.  
  47.                 }
  48.  
  49.             })
  50.  
  51.             break;
  52.  
  53.         case 1:
  54.  
  55.             this.setData({
  56.  
  57.                 shoucang:"收藏成功"
  58.  
  59.             })
  60.  
  61.             //连接数据库添加用户收藏信息
  62.  
  63.             wx.request({
  64.  
  65.                 url: 'http://localhost:8080/Ajax-Servlet-Test1/StoreMsg',
  66.  
  67.                 data: {
  68.                     xx: 'insertSC',
  69.                     //用户ID
  70.                     yy: userId,                  
  71.                     //商品ID
  72.                     zz: that.data.GoodId,        
  73.                     //店家ID
  74.                     ss: that.data.DjId           
  75.                 },
  76.  
  77.                 header: {
  78.  
  79.                     'Content-Type': 'application/json'
  80.  
  81.                 },
  82.  
  83.                 success: function (res) {
  84.  
  85.                     console.log("收藏成功")
  86.  
  87.                 }
  88.  
  89.             })
  90.  
  91.             break;
  92.  
  93. }
  94.  
  95. },


4.1.7 商品购买

本平台商品在购买时采用的是伪支付事件。有效用户在主页商品信息展示栏或者进入商品的详细信息界面时，可以选择购买心仪的商品，购买成功的商品不可以点击取消。

核心代码如下：

  1. //购买事件
  2. goumai_btn: function () {
  3.     let that = this
  4.     wx.request({
  5.         url: 'http://localhost:8080/Ajax-Servlet-Test1/StoreMsg',
  6.         data: {
  7.             xx: 'insertGM',
  8.             //用户ID
  9.             yy: userId,                  
  10.             //商品ID
  11.             zz: that.data.GoodId,        
  12.             //店家ID
  13.             ss: that.data.DjId           
  14.  
  15.         },
  16.  
  17.         header: {
  18.             'Content-Type': 'application/json'
  19.         },
  20.  
  21.         success: function (res) {
  22.             console.log("购买成功")
  23.         })
  24.  
  25.     }


4.1.8 商品购物车功能

购物车里展示的是用户已收藏的商品信息，用户可以删除相应已收藏的商品信息，也可以点击进入相应收藏商品的详细信息界面浏览商品信息。

核心代码如下：

  1. //连接数据库获取用户收藏信息
  2. wx.request({
  3.     url: 'http://localhost:8080/Ajax-Servlet-Test1/StoreMsg',
  4.     data: {
  5.         xx: 'showSC',
  6.  
  7.         yy: userId,            //用户ID
  8.  
  9.     },
  10.  
  11.     header: {
  12.  
  13.         'Content-Type': 'application/json'
  14.  
  15.     },
  16.  
  17.     success: function (res) {
  18.         console.log("查询收藏信息成功！")
  19.         that.setData({
  20.         //将查询到的收藏信息保存在listContent数组
  21.         listContent: res.data           
  22.         })
  23.     }
  24.  
  25. })
  26.  
  27. //连接数据库删除用户收藏信息
  28. wx.request({
  29.     url: 'http://localhost:8080/Ajax-Servlet-Test1/StoreMsg',
  30.     data: {
  31.         xx: 'delSCGood',
  32.         //用户ID
  33.         yy: userId,                  
  34.         //商品ID
  35.         zz: msgGId,                  
  36.         //店家ID
  37.         ss: msgUId                   
  38.     },
  39.  
  40.     header: {
  41.         'Content-Type': 'application/json'
  42.     },
  43.  
  44.     success: function (res) {
  45.         console.log("删除收藏信息成功！")
  46.         that.switchType(type)
  47. })

4.1.9 发布商品管理 

主要是展示用户已发布的商品信息，用户可以删除相应已发布的商品信息记录，也可以点击进入相应发布商品的详细信息界面浏览商品信息。核心代码跟购物车里代码相似，这里就不多加赘述。

4.1.10 购买商品管理

主要是展示用户已购买的商品信息，用户可以删除相应已购买的商品信息记录，也可以点击进入相应购买商品的详细信息界面浏览商品信息。核心代码跟购物车里代码相似这里就不多加赘述

以下是项目图片，仅供参考哈

 

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号