便利新邻里微信小程序
2020-11-28 14:30 更新
三.便利新邻里微信小程序 项目描述: 线上购物商城,集搜索、分类、商品下单、支付于一身的线上小程序。 项目使用技术:原生小程序 负责模块: 1.分类列表,分类页面为左右布局方式,左侧渲染一级分类导航栏,右侧渲染二级分类导航栏,点击一级导航栏的时候根据id请求 对应参数渲染到二级页面。 2.商品列表,使用分页方式对页面渲染。当用户即将滑到底部的时候渲染将下页数据推入当前数据内进行拼接渲染,根据页码*页内 数据来判断是否加载完毕,给予提示。 3.登录页面,先进行正则表达式进行前端校验,通过之后发起服务器请求判断用户信息。根据返回值,判断登录是否成功,保存返 回凭证储存到本地库用于访问需要凭证页面的验证。 项目技术栈: 1. 使用小程序,快速搭建小程序应用 2. 微信小程序平台提供的控件和接口以及第三方的组件库 3. 使用promise封装了wx.request,请求后端接口数据,达到前后端交互 4. 使用navigator 组件跳转,实现交互逻辑 5. 小程序的分享 onShareAppMessage 代码优化: 1. 微信小程序页面有时会因为网络问题而出现加载过慢的问题,通过配置uni.showLoading加载中,来告诉用户目前页面的加载进度 2. 触底操作进行优化,在获取商品列表时进行判断,防止重复发起数据请求 项目出现问题:小程序程序报错the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error 解决方法:动态绑定图片要表示变量要用{{}}包裹起来