使用 uni-app 开发微信小程序的实践 + 踩坑合集

311 阅读2分钟

前言

\

微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

\

我接触小程序也是在2019年5月份的时候,5月份之前做的项目[pc端和webapp端的应用],对于小程序部分是空白的,2019年做了2个小程序,均以上线了,大家可以到微信中去搜索爱实汇爱美食爱实汇商家版体验下。

\

项目截图

\

商家端小程序

\


用户端小程序

\

\


模块展示

\

商家端模块

\

  components --公共组件
  
  pages --展示组件
  
  static -- 静态资源
  
  store -- vuex状态管理
  
  style --样式处理
  
  utils --公用js文件
  
  wxcomponents --其他公共组件
  
  App.vue --全局.vue文件
  
  main.js --全局.js文件
  
  pages.json --路由文件
  
  uni.scss --全局uni.scss样式文件
  
  manifest.json --插件配置

\

用户端模块

\

  api --接口文件
  
  components --公共组件
  
  pages --展示组件
  
  static -- 静态资源
  
  store -- vuex状态管理
  
  style --样式处理
  
  utils --公用js文件
  
  wxcomponents --其他公共组件
  
  App.vue --全局.vue文件
  
  main.js --全局.js文件
  
  pages.json --路由文件
  
  uni.scss --全局uni.scss样式文件
  
  manifest.json --插件配置

项目简述

\

商家端和用户端均采用vue.js框架开发小程序,使用基于uni-app制作 。

商家端实现如下功能:商家入驻,商品核销,添加子帐号,修改密码,退出,注册/登录帐号,结算,菜单分类,订单管理,公告,更新新版本等模块或功能的开发和页面布局的实现制作。

\

用户端实现如下功能:商家入驻,商品砍价、套餐、分享,搜索商家(店铺和商品),订单列表,订单详情,核销码,充值,微信支付,更新新版本等模块或功能的开发和页面布局的实现制作,

\

结束

\

相关代码及功能后面在加入,也提前祝大家新年快乐