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

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序(商城项目)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

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

有人问了为什么没有登录、和添加订单呢?问的很好,下次别再问了
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

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

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

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

然后就开始烦躁。就那种跟着视频做也做不出来,满脑子都是为什么不一样呀。
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

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

uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

于是我就开干,前端的话,不想用黑马优购(看着就来气),于是就去找一个类似uniapp商城的模板,还真找到了。
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序
但里面数据都是静态的

这时就有一个大问题了,后端服务我可以自己写,数据库我也可以自己创建,但是最重要的数据,不知道从哪里拿,总不能一张一张从网上下载啊!!!!
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

爬虫获取数据

于是乎我想起来了,很久以前用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()

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

这样分类数据就下载自己的本地使用了。
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序
然后就是相关分类的商品数据和商品图片,这里就跟爬取分类数据类似了,这里就不贴代码了
这样数据就大功告成了,就可以写后端服务代码了。

大功告成

再后来 经过漫长的代码编写之旅,终于基本完成了
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

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

uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

经过我的测试,基本上能正常使用,用来做个毕业设计应该问题不大,但是可能还会出现一些我没发现的bug,但bug存在不是很正常的嘛,我就想问哪个软件没有bug呢,
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序

最后

后面打算把这个商城的后台管理系统干出来,目前找到了一个成熟的后台管理系统,打算在此基础上面改。
后面如果有可能的话(资金够的话),想部署到云服务器上。大家如果有需要的源码,可以来找我哦,至于有偿还是无偿都可以商量,
uniapp微信小程序(商城项目),Java,uniapp,vue,uni-app,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-860023.html

到了这里,关于uniapp微信小程序(商城项目)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

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

    于是在跟着某站上学着做了一个小程序, 主要是为了学uniapp和vue 。某站黑马优购 完成的功能主要有:首页、搜索、分类和购物车。 有人问了为什么没有登录、和添加订单呢? 问的很好,下次别再问了 其实我也想跟着视频做,但视频是2021年的,一些uniapp的方法早就更新了,

    2024年04月27日
    浏览(46)
  • uniapp微信小程序项目-优购商城

    原网页笔记文档: https://www.escook.cn/docs-uni-shop/ uni-app 是一个使用 Vue.js 开发所有前端应用的框架 。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 详细的 uni-app 官方文档,请翻阅 https://uniapp.dcl

    2024年02月09日
    浏览(69)
  • uniapp微信小程序实现《优购商城项目》

    目录 一.下载HBuliderX与安装 创建项目 二.搭建项目 目录结构 页面名称  首页效果图  业务逻辑 代码如下:  分类页面效果图 业务逻辑 代码如下: 商品列表效果图  业务逻辑 代码如下: 商品详情页效果图 业务逻辑 代码如下: 购物车页面效果图 业务逻辑 代码如下: 支付页面效果

    2024年02月07日
    浏览(118)
  • 微信小程序 uniapp+vue电子数码商城系统

    电子数码商品交易系统具有商品分类、商品信息功能。电子数码商品交易系统采用Java语言,uniapp框架,基于mysql数据开发,实现了用户、商家、商品分类、商品信息、订单信息等内容进行管理,本小程序具有良好的兼容性和适应性,为用户提供更多的信息,也提供了良好的平

    2024年04月09日
    浏览(64)
  • 基于JavaSpringBoot+Vue+uniapp微信小程序实现鲜花商城购物系统

    博主介绍 : ✌ 全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战 ✌ 🍅 文末获取源码联系 🍅 👇🏻 精彩专栏 推荐订阅 👇🏻 不然下次找不到哟 2022-2024年

    2024年02月12日
    浏览(87)
  • 【微信小程序】基于Java+uniapp框架开发的全开源微信小程序商城系统

    基于Java+uniapp框架开发的全开源微信小程序商城系统,前端采用目前主流的uniapp框架开发,后端采用Java语言开发,前后端代码全部开源,减少重复造轮子,支持小程序商城秒杀、优惠券、多商户、直播卖货、分销等功能,帮助商家快速搭建一个属于自己的微信小程序商城。

    2024年02月16日
    浏览(62)
  • 微信小程序vue+uniapp体育用品羽毛球购物商城

    随着移动互联网的发展,电子商务在全球范围内迅速发展。电子商务的快速发展促使传统零售业转向电子商务,羽毛球购物商城小程序作为一种新型的购物方式,已经吸引了越来越多的消费者。本文旨在探讨羽毛球购物商城小程序系统的设计和实现。 本文首先分析了羽毛球购

    2024年01月23日
    浏览(58)
  • vue基于uniapp的助农商城APP系统LW 微信小程序

    (a) 管理员;管理员使用本系统涉到的功能主要有:首页、个人中心、用户管理、农产品信息管理、农户管理、热卖产品管理、区域管理、农产品类型管理、系统管理等功能。管理员用例图如图3-1所示。   语言:python+java+node.js+php均支持 框架支持:springboot/Ssm/thinkphp/django/flask

    2024年03月13日
    浏览(59)
  • 【毕业设计】微信小程序vue+uniapp助农平台的农产品商城系统uniapp

    1.    题目:助农平台的设计与实现(这是毕设题目不是平台名称,平台名称是爱心助农) 2.    概述:针对小农产品销售进行设计的平台。用户可以通过平台快捷购买小农产品,通过平台有更好的购买体验。销售方可在平台注册商家销售产品,也可以设定自己的优惠活动和

    2024年02月04日
    浏览(52)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月05日
    浏览(97)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包