1、创建一个uniapp项目，然后创建云服务空间并使用运行数据库。
 

 

1. 然后在pages文件子目□□录里面的tabbar，新建四个※页面分别□□是首页、分类、购物车和□□我的，并勾选在pages.json里面注册，在pages.json里面写pages里面navigationBarTitleText(header)头部命名，也可以在□□页面里面□□□□进行添加□□□□将navigationBarTitleText元素取消□□就行了，和tabBar语句四个□□页面分别□□□对应各自❖的路径与☆命名，iconPath和selectedIconPath引入访问△时和访问□□后的效果□□图，selectedColor和borderStyle之类的元□□□□素可以设□□□定底部footer样式。

 

1. get_label 云函数编□□□□写，引用数据□□库数据，我们需要□□□在methods里面定义□□函数来获□□□取云函数□□□□返回的值，让将值赋□□□值给定义□□□□的变量，再传给组□□件，组件里使△用props来接收父□□组件传过◢来的值，统一管理●云函数请★求，我们在根□□□□目录下/common/api里面进行□□□封装请求，在api/index.js编写，在main.js中引入，在挂载至$api上供全局□□□□使用。

 

1. 首页页面□□□进行logo和登录搜□□□□索按钮的◤布局及数□□□□据的绑定□□□□和接口使□□用，用内置组□□□□件swiper进行轮播□□图的设计，设计一个□□流行、热的商品4X2的布局flex布局，圆形的商□□□品图下面◤是商品的□□□□名称与简□□□介，再写三个□□□□选项页推□□□荐、新款和精□□选对应各□□□自的商品。

 
5、 //查找之前数组中是否有这个商品
        for(let item of context.state.cartList){
            if(item.iid===obj.iid){
                oldProduct = item;
            }
        }
//商品推荐接口请求
         getRecommend().then((res)=>{
            const {list} = res.data;
            // this.recommend = list;
            // console.log(this.recommend)
            let temp = [];
            for(let i in list){
                temp.push(list[i])
            }
            this.recommend = temp;
        });
 
6、分类页主要左右布局左边放主目录右边放子目录。
 
7、 购物车与□□所有商品□□□□进行绑定，给一个判◣断当购物□□□□车为空时□□显示一张▽图，图的意思□□□□大概就是□□□□没有商品❖之类的。
 
8、 data() {
        return {
            //购物车中的商品数据
            cartList: this.$store.state.cartList,
            //当购物车为空时的图片展示
            img:require('图片')
        };
}
 
9、我的需要□□用户登录□□□之后才会□□□显示余额✦卡包，订单信息□□□□通过css、布局解决。
 

 
10、 最后大家·可以引入◢一些js插件，当进入app时页面中□□央出现旋◇转加载的□□效果。