vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

概述

这个是我即小程序云开发实践之后的第二个教程,小程序是研究移动端如何实现的问题,总体是面向于顾客,顾客可以很好的通过小程序来了解商家提供什么样的服务,价格是什么样子的,有意向之后可以在线下单。但是缺点是商家的功能很弱,很多管理工作也无法全部在手机上完成,基于这个缺点于是想要有一套后台系统来满足商家日常的管理需要。
本教程描述了后台系统的功能,技术选型,具体的搭建过程,希望对有此技术的需求的开发者提供一种不一样的视角。

需求分析

以一个海鲜店的需求来进行分析,日常海鲜店有很多商品需要商家销售,为了提高销售额店家发起了促销活动,充值一定的金额赠送一定的额度来提高顾客的复购率,以帮助店铺提高营业额,为此需要有一套后台系统来支撑日常的商品管理、订单管理、会员管理的功能,当然系统还搭配了简单的统计分析功能,能以图表的形式分析展现经营数据。

系统登录

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
输入用户名和密码即可登录系统

注册用户

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
输入邮箱和密码可以进行注册,注册成功之后会发邮件需要到注册的邮箱进行激活,激活后方可登录系统

仪表盘

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
以图表的形式展示店铺经营概况,包括客户的数量、商品的数量、订单的金额、订单的数量,以折线图的形式展示本年度12个月份的营业额。

用户管理

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
对于日常购买商品的顾客,可以录入顾客的基本信息,对于需要充值成为会员的顾客可以进行开卡操作

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

会员管理

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
对于已经是会员的顾客,可以给顾客充值,可以查询会员历次的消费记录和充值记录

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

类别管理

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
可以维护商品类别

商品管理

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
可以创建商品,并管理商品的规格,可以上架商品也可以下架

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

订单管理

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
可以创建订单,选择好商品后系统自动计算订单的金额,对于已经成为会员的可以选择会员卡进行支付,并且自动进行扣费

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

技术选型

因为是基于微信小程序技术路线给店家搭建的管理后台,所以技术路线还是基于腾讯的云开发,好在腾讯云后续出了网站静态模板托管的功能,后端的功能腾讯基本都提供了,差的就是前端页面样式的问题,结合目前的主流技术选择了vue-element-admin这个前端框架,好处是脚手架把该有的功能都提供了,而且文档丰富学习起来比较容易
VUE官方网站
VUE菜鸟教程
ElementUI官方网站
vue-element-admin官方网站
es6菜鸟教程
以上是开发所涉及的技术的官方网站的地址,像我这种技术还是很落后的同学还是一点点的把基础打扎实了才能做出自己满意的应用来
当然基础技术学会了后端的知识也是必须的,腾讯云的后端技术是基于nodejs和mongedb的这两个技术也是必须的,可以都去菜鸟教程学习
微信公众平台
腾讯云
后端知识基本腾讯的文档写的很明白,开发过程中遇到啥问题直接查腾讯的文档即可

搭建步骤

为了开通相应的资源,首先需要在微信公众平台注册账号开通小程序,然后在微信开发者工具里开通按量付费的环境
第一步:打开微信开发者工具,点击云开发的图标

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
点击设置,创建新环境,选择按量计费即可

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
第二步:打开腾讯云开发官网,登录之后找到创建的环境

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
设置登录方式为邮箱登录

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
在静态网站托管上传自己的网站代码即可

vue+element+腾讯云开发打造会员管理系统之实战教程(一)需求分析
上传成功后商家就有了自己的网站的后台

总结

总体依托于腾讯云开发的技术,使得商家既有PC端的管理后台又有了微信小程序,真正实现了云端一体化的理念,乘着腾讯的东风好好拓展自己的商业把,希望未来店铺能业绩节节高,技术为商业服务,商业支撑梦想。

源码

源码请访问
gitee.com/tuodagitee/membercms.git

本作品采用《CC 协议》,转载必须注明作者和本文链接
smartCodeing
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!