vue+element ui+腾讯云开发打造会员管理系统之实战教程（一）需求分析_云开发会员系统-程序员宅基地

技术标签： node.js  腾讯云开发  es6  小程序  

目录

概述

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

需求分析

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

系统登录

在这里插入图片描述
输入用户名和密码即可登录系统

注册用户

在这里插入图片描述
输入邮箱和密码可以进行注册，注册成功之后会发邮件需要到注册的邮箱进行激活，激活后方可登录系统

仪表盘

在这里插入图片描述
以图表的形式展示店铺经营概况，包括客户的数量、商品的数量、订单的金额、订单的数量，以折线图的形式展示本年度12个月份的营业额。

用户管理

在这里插入图片描述
对于日常购买商品的顾客，可以录入顾客的基本信息，对于需要充值成为会员的顾客可以进行开卡操作
在这里插入图片描述

会员管理

在这里插入图片描述
对于已经是会员的顾客，可以给顾客充值，可以查询会员历次的消费记录和充值记录
在这里插入图片描述
在这里插入图片描述

类别管理

在这里插入图片描述
可以维护商品类别

商品管理

在这里插入图片描述
可以创建商品，并管理商品的规格，可以上架商品也可以下架
在这里插入图片描述

订单管理

在这里插入图片描述
可以创建订单，选择好商品后系统自动计算订单的金额，对于已经成为会员的可以选择会员卡进行支付，并且自动进行扣费
在这里插入图片描述
在这里插入图片描述

技术选型

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

搭建步骤

为了开通相应的资源，首先需要在微信公众平台注册账号开通小程序，然后在微信开发者工具里开通按量付费的环境
第一步：打开微信开发者工具，点击云开发的图标
在这里插入图片描述
点击设置，创建新环境，选择按量计费即可
在这里插入图片描述
第二步：打开腾讯云开发官网，登录之后找到创建的环境
在这里插入图片描述

在这里插入图片描述
设置登录方式为邮箱登录
在这里插入图片描述
在静态网站托管上传自己的网站代码即可
在这里插入图片描述
上传成功后商家就有了自己的网站的后台

总结

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

源码

源码请访问
https://gitee.com/tuodagitee/membercms.git
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012877217/article/details/109778326

智能推荐

leetcode 172. 阶乘后的零-程序员宅基地

文章浏览阅读63次。题目给定一个整数 n，返回 n! 结果尾数中零的数量。解题思路每个0都是由2 * 5得来的，相当于要求n!分解成质因子后2 * 5的数目，由于n中2的数目肯定是要大于5的数目，所以我们只需要求出n!中5的数目。C++代码class Solution {public: int trailingZeroes(int n) { ...

Day15-【Java SE进阶】IO流（一）：File、IO流概述、File文件对象的创建、字节输入输出流FileInputStream FileoutputStream、释放资源。_outputstream释放-程序员宅基地

文章浏览阅读992次，点赞27次，收藏15次。UTF-8是Unicode字符集的一种编码方案，采取可变长编码方案，共分四个长度区:1个字节，2个字节，3个字节，4个字节。文件字节输入流：每次读取多个字节到字节数组中去，返回读取的字节数量，读取完毕会返回-1。注意1:字符编码时使用的字符集，和解码时使用的字符集必须一致，否则会出现乱码。定义一个与文件一样大的字节数组，一次性读取完文件的全部字节。UTF-8字符集:汉字占3个字节，英文、数字占1个字节。GBK字符集:汉字占2个字节，英文、数字占1个字节。GBK规定:汉字的第一个字节的第一位必须是1。_outputstream释放

jeecgboot重新登录_jeecg 登录自动退出-程序员宅基地

文章浏览阅读1.8k次，点赞3次，收藏3次。解决jeecgboot每次登录进去都会弹出请重新登录问题，在utils文件下找到request.js文件注释这段代码即可_jeecg 登录自动退出

数据中心供配电系统负荷计算实例分析-程序员宅基地

文章浏览阅读3.4k次。我国目前普遍采用需要系数法和二项式系数法确定用电设备的负荷，其中需要系数法是国际上普遍采用的确定计算负荷的方法，最为简便;而二项式系数法在确定设备台数较少且各台设备容量差..._数据中心用电负荷统计变压器

HTML5期末大作业：网页制作代码 网站设计——人电影网站(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 dreamweaver作业静态HTML网页设计模板_网页设计成品百度网盘-程序员宅基地

文章浏览阅读7k次，点赞4次，收藏46次。HTML5期末大作业：网页制作代码 网站设计——人电影网站(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 dreamweaver作业静态HTML网页设计模板常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业_网页设计成品百度网盘

【Jailhouse 文章】Look Mum, no VM Exits_jailhouse sr-iov-程序员宅基地

文章浏览阅读392次。jailhouse 文章翻译，Look Mum, no VM Exits!_jailhouse sr-iov

随便推点

chatgpt赋能python：Python怎么删除文件中的某一行_python 删除文件特定几行-程序员宅基地

文章浏览阅读751次。本文由chatgpt生成，文章没有在chatgpt生成的基础上进行任何的修改。以上只是chatgpt能力的冰山一角。作为通用的Aigc大模型，只是展现它原本的实力。对于颠覆工作方式的ChatGPT，应该选择拥抱而不是抗拒，未来属于“会用”AI的人。AI职场汇报智能办公文案写作效率提升教程 专注于AI+职场+办公方向。下图是课程的整体大纲下图是AI职场汇报智能办公文案写作效率提升教程中用到的ai工具。_python 删除文件特定几行

Java过滤特殊字符的正则表达式_java正则表达式过滤特殊字符-程序员宅基地

文章浏览阅读2.1k次。【代码】Java过滤特殊字符的正则表达式。_java正则表达式过滤特殊字符

CSS中设置背景的7个属性及简写background注意点_background设置背景图片-程序员宅基地

文章浏览阅读5.7k次，点赞4次，收藏17次。css中背景的设置至关重要，也是一个难点，因为属性众多，对应的属性值也比较多，这里详细的列举了背景相关的7个属性及对应的属性值，并附上演示代码，后期要用的话，可以随时查看，那我们坐稳开车了······1: background-color 设置背景颜色2:background-image来设置背景图片- 语法：background-image:url(相对路径);-可以同时为一个元素指定背景颜色和背景图片，这样背景颜色将会作为背景图片的底色，一般情况下设置背景..._background设置背景图片

Win10 安装系统跳过创建用户，直接启用 Administrator_windows10msoobe进程-程序员宅基地

文章浏览阅读2.6k次，点赞2次，收藏8次。Win10 安装系统跳过创建用户，直接启用 Administrator_windows10msoobe进程

PyCharm2021安装教程-程序员宅基地

文章浏览阅读10w+次，点赞653次，收藏3k次。Windows安装pycharm教程新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入下载安装PyCharm1、进入官网PyCharm的下载地址：http://www.jetbrains.com/pycharm/downl_pycharm2021

《跨境电商——速卖通搜索排名规则解析与SEO技术》一一1.1　初识速卖通的搜索引擎...-程序员宅基地

文章浏览阅读835次。本节书摘来自异步社区出版社《跨境电商——速卖通搜索排名规则解析与SEO技术》一书中的第1章，第1.1节，作者： 冯晓宁，更多章节内容可以访问云栖社区“异步社区”公众号查看。1.1　初识速卖通的搜索引擎1.1.1　初识速卖通搜索作为速卖通卖家都应该知道，速卖通经常被视为“国际版的淘宝”。那么请想一下，普通消费者在淘宝网上购买商品的时候，他的行为应该..._跨境电商 速卖通搜索排名规则解析与seo技术 pdf

推荐文章

热门文章

相关标签