教你怎么仿做得物APP微信小程序

发布日期： 2021-08-23 阅读量： 作者： 网络

教你怎么仿做得物APP微信小程序

最近正在学习微信小程序开发，也是与两个同学一起合作着手仿做得物APP微信小程序。这里主要分享一下我的学习过程及踩过的一些坑，希望对您有所帮助。

开发准备

微信开发者工具
VScode代码编辑器
得物APP微信小程序
有赞vant组件库
阿里巴巴矢量图标库
markman（取色量距）

总体架构

该项目基于小程序云开发，使用的模板是云开发快速启动模板由于是个全栈项目，前端使用小程序所支持的wxml + wxss + js开发模式，命名采用BEM命名规范。后台则是借助云数据库进行数据管理。【相关学习推荐：小程序开发教程】

项目中我负责的部分主要如下（一些数据为固定数据写在config中，js文件通过module.exports暴露，需要引用时在页面对应js头部引入，例const {} = require('../../../../config/buys')）。项目中我使用的较多vant组件，需要在构建npm包时引入vant，详情可见有赞vant的npm安装。页面使用第三方组件时须在对应json文件中声明，为了不做重复工作可直接在app.json中声明。例：（"usingComponents": "van-search": "@vant/weapp/search/index"}）

    |-config  对应数据
        |-assem.js   
        |-buys.js    
        |-detail.js  
        |-kind.js    
        |-search.js  
    |-pages
        |-buy_page
            |-page
                |-assem   筛选排序页
                |-buy     购买首页
                |-detail  商品详情页
                |-kinds   品牌分类页
                |-produce 鉴别简介页
                |-search  搜索页

# 微信小程序 # 小程序 # APP

上一篇: CentOS7如何安装jdk

下一篇: WordPress如何屏蔽国内用户

教你怎么仿做得物APP微信小程序

随便看看