微信小程序商城

微信小程序商城开发详解
本文介绍了微信小程序商城的开发,包括功能需求分析、技术与经济可行性、用例分析以及数据库设计。用户、商家和管理员各自的功能模块被详细阐述,采用CSS+JS+TP5+MySQL作为技术栈,实现无须安装即可使用的便捷应用。小程序功能涵盖浏览、点单、订单管理和商品管理等。
                                        微信小程序商城

前言:
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。

  1. 微信小程序需求分析
    1.1微信小程序功能需求
    本小程序的使用者主要有三种角色分类,分别为用户,商家和管理员。功能模块也主要分为这三大部分。
    (1)用户模块:用户授权登陆小程序,允许授权,可使用点单,生成订单,付款(无接口权限),加入购物车。否则,仅有浏览功能。
    (2)商家模块:商家后台登陆查看订单,出单,完成交易。
    (3)管理员模块:管理员是本系统中权限拥有者,分为管理员和超级管理员,使用RBAC数据表设计,分为不同的权限,可以对系统进行综合的管理。管理商品分类,管理商品,管理订单。
    除了这三大功能模块之外,还有一些通用功能模块,如登陆功能,系统的各个角色都会使用到这个功能。
    1.2可行性分析
    1.2.1 技术可行性分析
    技术选型上采用CSS+JS+TP5+MySQL开发。这些技术都已经经过了多年的市场考验,技术已经非常成熟,可以在规定时间内保质保量完成本项目的功能。
    1.2.1 经济可行性分析
    本项目为自行开发,项目并未将整个系统功能全部实现(支付),开发平台都是开源免费或者试用的不需要投入金钱的工具,经济投资较小。
    1.3用例分析
    用户用例图
    商家用例图
    商家用例图
    管理员用例图
    管理员用例图
    2.微信小程序数据库关系
    小程序页面内的数据通过http请求接口,将数据从数据库中取出,并渲染到前端页面内。
    商品表
    在这里插入图片描述
    在这里插入图片描述
    用户表
    在这里插入图片描述
    在这里插入图片描述
    用户地址表
    在这里插入图片描述
    RBAC数据表设计
    管理员表
    在这里插入图片描述
    权限表
    在这里插入图片描述
    角色表
    在这里插入图片描述
    角色权限表
    在这里插入图片描述
    订单表
    在这里插入图片描述
    3.功能展示
    小程序首页
    在这里插入图片描述
    地址管理
    在这里插入图片描述
    购买流程
    在这里插入图片描述
    新增地址
    在这里插入图片描述
    地址管理
    在这里插入图片描述
    历史订单
    在这里插入图片描述
    提交订单
    在这里插入图片描述
    管理员使用页面 后期更改为 Vue-element-admin
    在这里插入图片描述
    管理页面
    在这里插入图片描述
    当管理权限范围之外的功能,权限不足
    在这里插入图片描述
├── api │   └── api.js //接口 ├── app.wpy //入口文件 ├── components //组件 │   ├── address_add.wpy //新增地址组件 │   ├── address_edit.wpy //编辑地址组件 │   ├── address_list.wpy //地址列表组件 │   ├── bomb_screen.wpy //首页弹屏组件 │   ├── collection_list.wpy //收藏列表组件 │   ├── comment_list.wpy //评论列表组件 │   ├── common //公共组件 │   │   ├── bottomLoadMore.wpy //底部加载更多组件 │   │   ├── placeholder.wpy //空列表显示组件 │   │   ├── timer.wpy //倒计时组件 │   │   ├── wepy-area-picker.wpy //省市区组件 │   │   ├── wepy-sign-time.wpy //签到组件 │   │   └── wepy-swipe-delete.wpy //左滑删除组件 │   ├── discover.wpy //发现列表 │   ├── filterSlider.wpy //筛选右侧栏组件 │   ├── filter_bar.wpy //分类排序组件 │   ├── order_item.wpy //订单列表组件 │   ├── points_detail.wpy //列表组件 │   ├── points_rule.wpy //列表组件 │   ├── rate.wpy //评分组件 │   ├── search.wpy //搜索组件 │   ├── shop_cart.wpy //购物车组件 │   ├── shop_grid_list.wpy //矩阵列表 │   ├── shop_item_list.wpy //条形列表 │   └── tab.wpy //选项卡组件 ├── images //图片文件夹 ├── pages //页面 │   ├── address.wpy //地址 │   ├── classify.wpy //分类 │   ├── collection.wpy //收藏 │   ├── comfire_order.wpy //确认订单 │   ├── comment.wpy //评论列表 │   ├── comment_add.wpy //添加评论 │   ├── exchange_goods.wpy //换货 │   ├── filter.wpy //筛选 │   ├── goods_detail.wpy //商品详情 │   ├── home.wpy //首页 │   ├── home_detail.wpy //首页详情 │   ├── info.wpy //我的 │   ├── logistics.wpy //物流 │   ├── messages.wpy //我的消息 │   ├── order.wpy //订单列表 │   ├── order_detail.wpy //订单详情 │   ├── pay_success.wpy //支付结果 │   ├── points.wpy //积分 │   ├── points_more.wpy //更多积分 │   ├── points_rule.wpy //积分规则 │   ├── register.wpy //注册 │   ├── reorder.wpy //-- │   ├── replenishment_goods.wpy //补货 │   ├── search.wpy //搜索 │   ├── setting.wpy //设置 │   ├── shop_cart.wpy //购物车 │   ├── sign_in.wpy //签到 │   ├── test.wpy //--- │   └── wholesale.wpy //现货批发 ├── plugins //插件 │   └── wxParse //富文本 │   ├── html2json.js │   ├── htmlparser.js │   ├── showdown.js │   ├── wxDiscode.js │   ├── wxParse.js │   ├── wxParse.wxml │   └── wxParse.wxss ├── styles //样式 │   ├── base.less │   ├── icon.less // 图标文件 │   └── style.less └── utils //工具类 ├── constant.js //常量 ├── md5.js //md5 ├── regions.js //省市区数据 ├── tip.js //提示弹框组件 ├── util.js //工具 └── wxRequest.js //ajax请求
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值