微信小程序实战教程-1：京西购物商城实战

已于 2024-08-10 20:35:41 修改
阅读量260 收藏 1
点赞数
分类专栏： 微信小程序完整教程 文章标签： 微信小程序 小程序
于 2024-08-05 21:49:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WwLK123/article/details/140937818
版权

文章目录

1、起步

1.1 uni-app简介

网址：

https://zh.uniapp.dcloud.io/

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

在这里插入图片描述

1.2 开发工具

uni-app推荐使用HBuilderX来开发uni-app类型的项目。主要好处：

  • 模板丰富
  • 完善的智能提示
  • 一键运行

1.2.1 下载HBuilderX

下载网址：


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  叁拾舞
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          

                

                        订阅专栏
                










                



	

		

			

				
					
微信小程序 - 真机调试调用接口报错{errno: 600001, errMsg: “request:fail -102:net::ERR_CONNECTION_REFUSED}，真机运行测试请求异常

				
			

			

				

					王佳斌
				

				

					08-10
					
					2930
					
				

			

		

		

			
				
微信小程序，真机，调试测试，运行报错，API接口，服务器接口都报错了，小程序报错errno: 600001，小程序报错request:fail -102:net::ERR_CONNECTION_REFUSED，真实手机打开接口全都失效了，微信小程序真机测试失败，微信小程序{errno: 600001, errMsg: "request:fail -102:net::ERR_CONNECTION_REFUSED"}，详细解决方法，https，服务器SSL证书，无法解决，服务器更换SSL证书，接口地址改了也不行

			
		

	



                

              
                



	

		

			

				
					
使用HBuilderX高效搭建Uni-App微信小程序开发环境

				
			

			

				

					qq_31226163的博客
				

				

					05-24
					
					3025
					
				

			

		

		

			
				
Uni-App是一个使用Vue.js开发所有前端应用的框架，支持发布到iOS、Android、H5、以及各种小程序平台（包括微信小程序、支付宝小程序等）。它的核心优势在于一套代码可以编译到多个平台，大大降低了跨平台开发的成本。HBuilderX是DCloud推出的一款专为前端开发者设计的开发工具，内置了对Vue.js、uni-app的完美支持，提供了强大的代码提示、智能感知、模板快速生成等功能，让开发效率飞升。从零开始，申请开通微信小程序全流程_微信公众号申请小程序 csdn-CSDN博客。

			
		

	



                


  
              

                


	

		

			

				
					
05-小程序(优购商城项目介绍,HBuilder和HBuilderX,uni-app介绍)

				
			

			

				

					Tangoneone的博客
				

				

					07-02
					
					3991
					
				

			

		

		

			
				
07- 优购商城项目介绍

商城的业务类型很ok

商城类的小程序是最多的


优购商城的基本逻辑

分类->按关键字搜索找到商品->商品详情->加入购物车->结算
可以参考京东App, 或者小米ite


项目支持多端

uniapp框架本身就用vue写的, 编译成代码兼容多端, iOS, Android, H5, 微信小程序


接口

接口文档



08-原生小程序与第三方小程序框架们
原生小程序是什么？有原生HTML这种说法吗？

原生来自于英文raw
原生是指官方语法
原

			
		

	





	

		

			

				
					
HBuilderX打包人人商城app详解

				
			

			

				

					qq_37691559的博客
				

				

					03-03
					
					390
					
				

			

		

		

			
				
人人商城打包、app识别成H5解决方法、wap2app返回按钮退出应用解决方法、人人商城打包app两个标题栏解决方法

			
		

	



		

			
		



	

		

			

				
					
微信小程序学习笔记--商城案例（黑马教程）

				
			

			

				

					watson_pillow的博客
				

				

					03-15
					
					6408
					
				

			

		

		

			
				
目录起步运行于小程序Git托管到码云
起步
黑马教程的教程，地址(https://www.escook.cn/docs-uni-shop/)
基于uniapp开发，官网地址(https://uniapp.dcloud.net.cn/)
下载Hbuilder开发工具，
安装sass编译插件，
新建，项目，基于uni-ui模板，生成的项目。
一个 uni-app 项目，默认包含如下目录及文件：
┌─components            uni-app组件目录
│  └─comp-a.vue        

			
		

	





	

		

			

				
					
计算机实战项目之 含论文+辩论PPT+源码等]精品微信小程序ssm药店管理系统+后台管理系统|前后分离VUE

				
			

			

				

					why_yxq的博客
				

				

					02-15
					
					1344
					
				

			

		

		

			
				
《微信小程序药店管理系统+后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等



本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE

微信小程序——前台涉及技术：WXML 和 WXSS、JavaScript、uniapp

Java——后台涉及技术：

前端使用技术：JSP,HTML5,CSS3、JavaScript、VUE等

后端使用技术：Spring、SpringMvc、Mybatis（SSM）等

			
		

	





	

		

			

				
					
微信小程序 ---- 组件应用和实际开发的DEMO

				
			

			

				

					01-09
				

			

		

		

			
				
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的线上服务。本主题聚焦于微信小程序的组件应用与实际开发，通过一系列DEMO来深入理解其核心功能和...

			
		

	





	

		

			

				
					
莫凡图书商城-微信小程序企业应用实战精讲

				
			

			

				

					07-01
				

			

		

		

			
				
（1）本套视频教程属于微信小程序企业实战最新内容精讲视频，没有废话；由《微信小程序简明开发教程 第二版》作者 小刚老师亲自录制； （2）本套课程视频后续会出配套书籍《微信小程序开发项目教程》； （3）本套...

			
		

	





	

		

			

				
					
微信小程序完整项目实战(前端+后端)

					
热门推荐

				
			

			

				

					商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
				

				

					06-20
					
					14万+
					
				

			

		

		

			
				
基于微信小程序的在线商城系统，采用前后端分离的模式，使用C#作为后端语言进行开发，界面完整，上手简单。

			
		

	





	

		

			

				
					
微信小程序实战教程：模仿—网易云音乐

				
			

			

				

					05-15
				

			

		

		

			
				
微信小程序实战教程：“模仿—网易云音乐”是一个项目，旨在教授如何使用微信小程序开发一个功能齐全的音乐播放器。这个教程特别关注了如何利用 Leancloud 作为后端服务，以及如何巧妙地应用数据绑定和Promise来处理...

			
		

	





	

		

			

				
					
微信小程序0 校园任务跑腿接单平台 Android hbuilderx App毕业设计.

				
			

			

				

					QQ3166678367的博客
				

				

					05-05
					
					1462
					
				

			

		

		

			
				
校园跑腿平台+后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等



本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE

微信小程序——前台涉及技术：WXML 和 WXSS、JavaScript、uniapp

Java——后台涉及技术：

前端使用技术：JSP,HTML5,CSS3、JavaScript、VUE等

后端使用技术：Spring、SpringMvc、Mybatis（SSM）等

...

			
		

	





	

		

			

				
					
基于java+ssm+vue的网上商城微信小程序

				
			

			

				

					2301_78959975的博客
				

				

					08-11
					
					92
					
				

			

		

		

			
				
随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，微信小程序被用户普遍使用，为方便用户能够可以随时进行小程序的相应信息内容的管理，特开发了基于微信小程序的网上商城小程序。

			
		

	





	

		

			

				
					
计算机毕业设计Node.js+uniapp购物小程序(源码+程序+lw+远程调试)

					
最新发布

				
			

			

				

					bysj1166的博客
				

				

					07-23
					
					390
					
				

			

		

		

			
				
订单管理，在已支付管理页面可以对索引,订单编号,商品名称,商品图片,购买数量,价格/积分,折扣价格,总价格/总积分,折扣总价格,支付类型,状态,地址,电话,收货人,下单时间等内容进行详情，发货和删除操作，还可以对已发货订单，未支付订单，已取消订单，已退款订单，已完成订单进行详细的操作管理；商品信息管理，在商品信息管理页面可以对索引,商品编号，商品名称，商品分类，品牌，规格，图片，上架日期，价格，单限，库存等信息进行详情，修改，查看评论和删除等操作，如图5-9所示。1.运行环境：最好是Nodejs。

			
		

	





	

		

			

				
					
商城源码小程序APP

				
			

			

				

					zhangjing5556的博客
				

				

					05-12
					
					203
					
				

			

		

		

			
				
此商城系统适用于B2C、单商户、自营商城场景。完美契合私域流量变现闭环交易使用。系统拥有丰富的营销玩法，强大的分销能力，支持电子面单和小程序直播等功能。功能介绍：分销、拼团、砍价、抽奖、支付宝支付、APP商城等等功能模块。包含H5商城端，小程序商城端、APP商城端、PC管理后台端！！

			
		

	





	

		

			

				
					
基于springboot在线闪送外卖订餐点餐管理系统+vue(源码+lw+部署文档+讲解等)

				
			

			

				

					全网粉丝10W+、全栈领域优质创作者、掘金、阿里云等社区博客专家、专注于全栈领域和毕业项目实战
				

				

					05-23
					
					940
					
				

			

		

		

			
				
💗博主介绍：✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻 精彩专栏 推荐订阅👇🏻🌟文末获取源码+数据库🌟。

			
		

	





	

		

			

				
					
计算机毕业设计Node.js+uniapp安卓超市生鲜购物APP(源码+程序+lw+远程调试)

				
			

			

				

					Node程序源码强子
				

				

					01-29
					
					307
					
				

			

		

		

			
				
项目运行环境配置：Node.js最新版+ Vs项目技术：Express框架+ Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境：建议是用5.7版本均可4.硬件环境：windows 7/8/10 1G内存以上；

			
		

	





	

		

			

				
					
基于微信小程序的宠物用品商城小程序

				
			

			

				

					qq_61827376的博客
				

				

					05-25
					
					572
					
				

			

		

		

			
				
随着当今网络的发展，时代的进步，各行各业也在发生着变化，于是小程序已经逐步进入人们的生活，给我们生活或者工作提供了新的方向新的可能。本毕业设计的内容是设计实现一个宠物用品商城小程序。它是以SpringBoot框架MYSQL为数据库开发平台，Tomcat网络信息服务作为应用服务器。宠物用品商城的功能已基本实现，主要包括用户、商铺信息、商品分类、商城信息、系统管理、订单管理等。本项目系统架构选择B/S模式总体功能模块运用自顶向下的分层思想。

			
		

	





	

		

			

				
					
uniapp+vue+hbuiderx企业产品在线商城销售订单系统 微信小程序_sd5v0

				
			

			

				

					豆包程序员
				

				

					12-15
					
					42
					
				

			

		

		

			
				
最后要对系统进行测试，还要对测试的结果进行总结和分析，为以后APP的维护提供方便，也为以后类似APP的开发提供参考和帮助。管理员模块属于是网站的后台，进入之后有大量的管理员功能，管理员也可以使用用户模块的功能，为了维护网站的稳定与页面的布局，将管理员模块的功能详细化后可以使用系统管理对页面进行布局修改，可以系统简介提示用户规范，用户模块只可以对产品资讯、反馈建议、购物车等进行查询等，并且更改个人信息，成都奥科厨具厂产品在线销售系统总体结构图如图4-2所示。3.4.1 关于系统的基本要求    5。

			
		

	





	

		

			

				
					
微信小程序转uni-app：从搭建到迁移全面指南

				
			

			

				

					
				

			

		

		

			
				
本文档主要介绍了如何将微信小程序迁移到uni-app，一个跨平台的前端开发框架。首先，从搭建uni-app项目框架开始：  1. **HBuilder可视化界面**:  - 安装HBuilderX，官方提供下载地址，这是uni-app的主要开发工具。  ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
叁拾舞

			
你的鼓励将是我最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值