uniapp微信小程序(商城项目)

5 篇文章 0 订阅
3 篇文章 0 订阅
作者分享了在学习uniapp小程序时遇到的问题,包括过时的教程导致的API变化,以及如何使用Python爬虫抓取黑马优购的分类和商品数据,最终实现了一个基本的小程序并计划完善后台管理系统并部署到云服务器。
摘要由CSDN通过智能技术生成

最近,闲来无事,打算学一下uniapp小程序

于是在跟着某站上学着做了一个小程序,主要是为了学uniapp和vue某站黑马优购

在这里插入图片描述

完成的功能主要有:首页、搜索、分类和购物车。

有人问了为什么没有登录、和添加订单呢?问的很好,下次别再问了
在这里插入图片描述

其实我也想跟着视频做,但视频是2021年的,一些uniapp的方法早就更新了,出现了很多问题。

  1. 如uni.getUserProfile,获取不到头像和昵称,然后查了很多方法才知道,这个方法已经不返回头像和昵称了 最新方法获取头像和昵称在这里

  2. 然后去调用登录接口去获取token,我也迟迟获取不成功。
    https://api-hmugo-web.itheima.net/api/public/v1/users/wxlogin

然后就开始烦躁。就那种跟着视频做也做不出来,满脑子都是为什么不一样呀。
在这里插入图片描述

于是我想为什么不自己做一个呢?

在这里插入图片描述

于是我就开干,前端的话,不想用黑马优购(看着就来气),于是就去找一个类似uniapp商城的模板,还真找到了。
在这里插入图片描述
但里面数据都是静态的

这时就有一个大问题了,后端服务我可以自己写,数据库我也可以自己创建,但是最重要的数据,不知道从哪里拿,总不能一张一张从网上下载啊!!!!
在这里插入图片描述

爬虫获取数据

于是乎我想起来了,很久以前用python学的爬虫,爬一点点数据下来,黑马大佬应该不介意吧
如果大家没学过爬虫,也不用介意,可以看看这篇简单爬取图片数据文章批量爬取图片

如果不想看,也没关系,问题不大,直接上代码。

import json
import urllib.request
import urllib.parse
import pymysql

url = 'https://api-hmugo-web.itheima.net/api/public/v1/categories'
request = urllib.request.Request(url = url)
#获取响应数据
response = urllib.request.urlopen(request)

response = response.read().decode('utf-8')
array = json.loads(response)

array = array['message']
conn = pymysql.connect(host="127.0.0.1", user="", password="", database="yun_mall")

# 插入数据
cursor = conn.cursor()
#一级分类数据
for item in array:
    #获取二级分类数据
    secondArray = item["children"]
    id = item["cat_id"]
    name = item["cat_name"]
    pid = item["cat_pid"]
    level = item["cat_level"]
    image = item["cat_icon"]
    cursor.execute(
        "INSERT INTO category (id, cat_name, cat_level,cat_image,cat_pid) VALUES (%s, %s, %s,%s, %s)",
        (id, name, level, image, pid))
    for secondItem in secondArray:
        id = secondItem["cat_id"]
        name = secondItem["cat_name"]
        pid = secondItem["cat_pid"]
        level = secondItem["cat_level"]
        image = secondItem["cat_icon"]
        cursor.execute(
            "INSERT INTO category (id, cat_name, cat_level,cat_image,cat_pid) VALUES (%s, %s, %s,%s, %s)",
            (id, name, level, image, pid))
        try:
            #获取三级分类数据
            thirdArray = secondItem["children"]
        except :
            thirdArray = []
        for thirdItem in thirdArray:
            id = thirdItem["cat_id"]
            name = thirdItem["cat_name"]
            pid = thirdItem["cat_pid"]
            level = thirdItem["cat_level"]
            image = thirdItem["cat_icon"]
            cursor.execute(
                "INSERT INTO category (id, cat_name, cat_level,cat_image,cat_pid) VALUES (%s, %s, %s,%s, %s)",
                (id, name, level, image, pid))

# 提交更改并关闭连接
conn.commit()
cursor.close()
conn.close()

主要的难度就是爬取分类数据,因为黑马优购的分类是三级分类,要想办法如何拿到分类数据,然后根据分类级别插入到数据库中。

这样分类数据就下载自己的本地使用了。
在这里插入图片描述
然后就是相关分类的商品数据和商品图片,这里就跟爬取分类数据类似了,这里就不贴代码了
这样数据就大功告成了,就可以写后端服务代码了。

大功告成

再后来 经过漫长的代码编写之旅,终于基本完成了
在这里插入图片描述

最后给大家看一下完成的效果图。

请添加图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

经过我的测试,基本上能正常使用,用来做个毕业设计应该问题不大,但是可能还会出现一些我没发现的bug,但bug存在不是很正常的嘛,我就想问哪个软件没有bug呢,
在这里插入图片描述

最后

后面打算把这个商城的后台管理系统干出来,目前找到了一个成熟的后台管理系统,打算在此基础上面改。
后面如果有可能的话(资金够的话),想部署到云服务器上。大家如果有需要的源码,可以来找我哦,至于有偿还是无偿都可以商量,
在这里插入图片描述

  • 13
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序转化为uni-app项目,需要进行以下步骤: 1. 创建一个新的uni-app项目。可以使用HBuilderX进行创建,选择uni-app模板即可。 2. 将微信小程序的代码文件复制到uni-app项目的目录中。主要包括小程序的页面文件(.wxml, .wxss),JavaScript文件(.js),以及其他资源文件,如图片和样式文件。 3. 对小程序代码进行调整和兼容。由于uni-app是跨平台框架,所以需要对微信小程序代码进行一些调整和兼容处理。比如,需要将微信小程序的原生API替换为uni-app提供的API,或者使用uni-app的组件替代微信小程序的组件。 4. 修改配置文件。对uni-app项目的配置文件进行修改,主要包括manifest.json和pages.json。需要根据uni-app的规范,配置项目的基本信息和页面路径等。 5. 进行样式兼容处理。微信小程序uni-app在样式表达上存在一些差异,需要对样式文件进行兼容处理。具体包括单位转换、选择器调整等。 6. 运行项目进行调试。使用HBuilderX或者其它支持uni-app开发的IDE,进行项目的预览和调试,确保项目可以正常运行。 转化完毕后,就可以在uni-app的跨平台环境中运行、发布小程序了。注意,在转化过程中,需要根据具体的小程序功能和业务逻辑,进行一些额外的调整和修改。同时,也要注意uni-app微信小程序的差异,不同的环境可能需要不同的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值