uniapp

目录结构
项目搭建
顶部搜索内容
滑动导航条
封装网络请求-获取动态数据
滑动导航条数据渲染
H5页面启动
内置vuex创建store仓库
推荐轮播组件
小logo 品牌信息
导航分类展示
好物列表
导航分类布局

目录结构

项目搭建

下后端依赖

配置页面

配置tabBar，底部导航栏

顶部搜索内容

引入阿里巴巴图标库里的图表

全局使用

滑动导航条

使用scroll-view组件

配置全局盒子下的字体大小为28rpx

封装网络请求-获取动态数据

封装网络的请求方法utils/request.js

/*** 封装的网络请求的方法*         url 接口地址*       method 请求方式*        data 参数传递*      options 配置参数*           {*              loading,是否加载动画*                 title,'名称'*           }*/export default function(url,options={loading:true},method='GET',data={}){ //options={loading:true,title:''}return new Promise((resolve,reject)=>{//交互的动画if(options.loading){uni.showLoading({title:"数据加载中"})}uni.request({url,method,data,success:res=>{if(res.data.status===200){uni.showToast({title:"数据加载完毕"})}resolve(res.data)},fail:error => {//信息提示--请求失败reject(error)},complete(){//成功或者失败都执行uni.hideLoading()}})})
}

公共接口的配置 utils/base.js

在页面请求数据

小程序拿到数据

可以配置一下基础配置

滑动导航条数据渲染

这是拿到的数据

渲染数据以及设置点击高亮和下划线

H5页面启动

H5页面跨域的解决办法

在vuecli的官方文档里：

跨域的配置

/*** 跨域的配置*/
module.exports = {devServer: {proxy: {'/api': {target: 'http://localhost:7788',ws: true,changeOrigin: true,pathRewrite:{"^/api":""}},// '/foo': {//   target: '<other_url>'// }}}
}

内置vuex创建store仓库

当很多数据有复用的时候就可以用vuex

在home页面就可以用mapMutations获取到存储在vuex里的数据

小logo 品牌信息

父组件拿到数据传给子组件

子组件接收数据渲染

导航分类展示

数据来自于store里的menu里的state

拿到数据

渲染到页面

点击跳转到外部网页（不是很稳定）

好物列表

在首页拿到数据传给子组件

子组件接收数据并渲染页面

导航分类布局

从后端文件里拿到数据

请求接口挂到全局就不用每次都import

拿到首页里–分类列表的数据

在首页里，点击每一个导航栏都获取对应的id，把id传给子组件

渲染数据
banner轮播图直接用组件的，传入数据渲染就可以

uniapp网易严选项目相关推荐

网易严选 x 网易有数：数据产品+数据中台双引擎模式实践
导读:作为一个"平台+品牌"双模式并存的电商品牌,网易严选(下文简称严选)的数据数据链路天然很长,这给数据化决策和数据化运营带来了不一样的挑战,严选如何打造数据支撑体系支撑业务发展 ...
小程序 node.js mysql_基于Node.js+MySQL开发的开源微信小程序B2C商城（页面高仿网易严选）...
高仿网易严选的微信小程序商城(微信小程序客户端) 界面高仿网易严选商城(主要是2016年wap版) 测试数据采集自网易严选商城功能和数据库参考ecshop 服务端api基于Node.js+Think ...
互联网日报 | 网易严选宣布退出双十一大战；抖音企业号数量突破500万；大兴机场首推外卖直达登机口...
今日看点 ✦ 网易严选宣布退出双十一大战:不发战报,不做复杂优惠玩法 ✦ 盒马火锅正式在全国盒马.饿了么同步上线发售,投入将不设上限 ✦ 抖音企业号数量突破500万,内容日均浏览量达200亿次 ✦ 饿 ...
网易严选宣布退出“双11”；iPhone或将重新使用Touch ID；TypeScript 4.1 RC 发布|极客头条
整理 | 屠敏头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极 ...
NLP判断语言情绪_网易严选nlp预训练语言模型的应用
随着2018年底bert的发布,预训练(pre-train)成为nlp领域最为热门的方向之一,大规模的无监督语料加上少量有标注的语料成为了nlp模型的标配.本文将介绍几种常见的语言模型的基本原理和使用 ...
node 小程序 php,基于Node.js+MySQL开发的开源微信小程序B2C商城（页面高仿网易严选）...
高仿网易严选的微信小程序商城(微信小程序客户端) 界面高仿网易严选商城(主要是2016年wap版) 测试数据采集自网易严选商城功能和数据库参考ecshop 服务端api基于Node.js+Think ...
网易严选如何打造数仓规范和评价体系
数据为王的时代,数据量从最初的几十 G,慢慢沉淀到几十 T,甚至几十 PB 的量.数据工程师,也从最初的 ETL 工程师慢慢成长为数据全栈工程师:采集.同步.模型.离线.实时.规范.平台.工具.产品. ...
网易严选应用的云原生演进实践
1. 背景 Cloud Native 这个名词最近几年一直很火,Pivotal和CNCF 都出过相关的定义,但本质都是为了引导应用在业务日益复杂多变的场景下可以更好地利用云基建,做到更加敏捷高效.20 ...
一步一步 copy163：网易严选 ---- vue-cli
面试点组件间通信生命周期函数路由 - 参数 - 重定向 vuex 参考网易严选商城小程序全栈开发,域名备案中近期上线(mpvue+koa2+mysql) 小程序服务端源码地址小程序源码地址 ...

uniapp网易严选项目