使用到的技术

element-ui 组件库 vant 组件库: Vant 3 - Mobile UI Components built on Vue vue

需要的自取

本小程序项目需要配合商城服务端和后台 使用,才能跑起来。

功能列表

  • 首页广告
  • 分类首页、分类商品、新品首发、人气推荐商品页面
  • 商品详情页面,包含加入购物车、收藏商品、商品评论功能
  • 搜索功能,砍价功能,拼团功能,优惠券功能,抽奖功能,分销功能,银行卡功能
  • 完整的购物流程,商品的加入、编辑、删除、批量选择,收货地址的选择,下单支付,退款
  • 会员中心(订单、收藏、足迹、收货地址、意见反馈) ....
  • 客服触发对话

以下是部分截图

这里对小程序增加了抽奖转盘和广告弹窗的功能

首页

广告

购物车

商品分类
 

砍价
 

拼团
 

等等其他功能有需要的在小程序上使用。。这里演示

后台已实现的功能

  1. 登录

(请注意,登录只有一个账号,登录界面自己可以更换)

  1. echarts 数据可视化

(呃,姑且就先这么说吧,以后还要加数据)

  1. 基本的订单操作

(修改地址,修改留言,修改价格 (本来是有修改价格的,但是老板说不需要,然后就删掉了),修改用户收货地址,发货,退款,物流查询)

  1. 商品管理

(商品的增删查改,商品规格增删查改,图片上传,富文本控件改写 嗯...似乎也就一点点东西,歪,你是不是觉得商品和商品规格的怎删查改很简单啊 ! 赶紧停止那方面的想像啊喂,原本一千五百行代码,我还重构过一次,很复杂的,你信我啊...喂...心情复杂.png)

  1. 商品分类

(商品分类的增删查改,分类图标显示在主页啊什么的)

  1. 分销模块

(注:只是一级分销,兄弟别激动...,就是用户申请成为分销员,后台同意后该用户分享商品后,其他用户通过其分享的链接进入小程序,绑定关系以其他用户确认收货为准,绑定关系永久存在,他/她买商品之后,分销员就会获取一部分佣金,嘘,佣金可以提现的喔~ ,

  1. 店铺管理

(就是一些主页轮播图啊,常见问题啊什么的)

  1. 店铺运营

(包括优惠券,拼团,砍价,抽奖模块,大部分时间都花在这些上面,哼,自己去看,不想说它)

  1. 用户管理

(包括用户列表和用户反馈)

最后

谢谢大家支持

后台默认登录账号为 admin 密码为 123456

Navicate 数据库基本操作

  1. 导出数据库数据结构及数据,转储 SQL 文件;
  2. 新建数据库的名称(对应连接数据库的配置);
  3. 然后运行 SQL 文件,就得到了数据库的所有内容;

navicate 导入 sql 数据库

这里一直会导出错误,可能是开始的时候使用的不是 navicate,所以在导入的时候会出各种问题。导入后再导出,文件就正常了。dwshop.sql。

  1. 在本地建一个与数据库同名的数据库;
  2. 运行 SQL 文件;
  3. 如果出错,取消每个运行中,运行多重查询
  • 填写微信登录和微信支付配置 src/common/config/config.js
// default config
module.exports = {default_module: 'api',weixin: {appid: '', // 小程序 appidsecret: '', // 小程序密钥mch_id: '', // 商户帐号IDpartner_key: '', // 微信支付密钥notify_url: '' // 微信异步通知}
};
  • 填写人机行为验证 src/common/config/config.js
vaptcha:{vid:'',key:''
},
  • 填写七牛上传配置 src/common/config/config.js
qiniu: {accessKey: '', // 七牛提供的公钥secretKey: '', // 七牛提供的私钥bucketName: ''// 存储空间名
},
  • 填写阿里云通信基础能力业务短信发送 (需要填写,运行的时候此处为空会报错,看效果的话请不要留空随便填点数据) src/common/config/config.js
SMSClient:{accessKeyId: '',secretAccessKey: '',SignatureName: '',TemplateDomesticCode: '',//国内短信codeTemplateAbroadCode: '',//国际短信code
},

以上就是我花了1个多月做的完整展示啦!功能总得来说还算齐全,基本满足小程序个人运营需要。

最新完成的一个全栈微信小程序商城,包含后台和小程序端,服务器端相关推荐

  1. 如何成为一个全栈数字化设计师

    一个全栈的数字设计师需要懂业务.懂工具.还需要能处理协调部门之间的复杂协同.Ricky就是这样一个全栈数字设计师,在一个省属投资平台担任财务负责人的他,上周的直播分享了如何利用自动化工具,协助企业内部 ...

  2. 程序员:如何成为一个全栈的工程师?

    全栈工程师,英文 Full Stack developer,是指那些掌握多种技能,并能利用多种技能独立完成产品的人.当然,现在「全栈工程师」很吃香,非常吃香!这是因为在移动互联网时代,IT 系统变得愈 ...

  3. java的虚拟机不支持在鲲鹏上_屌炸天,Oracle 发布了一个全栈虚拟机 GraalVM,支持 Python!...

    前阵子,Oracle 发布了一个黑科技 "GraalVM",号称是一个全新的通用全栈虚拟机,并具有高性能.跨语言交互等逆天特性,真有这么神奇? GraalVM 简介 GraalVM ...

  4. 一个全栈式的应用集成平台,打破“信息孤岛”

    源宝导读:随着企业数字化进程的逐渐深入,企业存在大量的异构系统,各个系统之间信息传输.资源利用困难.本文将介绍明源云ERP为了打破这种"信息孤岛",而进行的思考与实践. 一.前言 ...

  5. 从零开始开发一个全栈Web应用实录

    虽说学习了大半年前端,但是对前端的理解仍然停留在对HTML,CSS,JS,JQuery的概念理解上,并且没有接触过相关的后端开发,所以说,这个项目也可称为从零开始,是新手向的文章,不要害怕有门槛哈. ...

  6. python全栈第21期_2019 Python最新基础入门(全栈21期)

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 2019 Python最新基础入门(全栈21期) 01s21开班仪式 开班入学必听Alex大神讲行业前景1 .mp4 开班入学必听Alex大神讲行业前景2 ...

  7. 0217前端日报:2020前端实践|优雅的实现一个全栈项目

    给 「前端开发博客」 加星标,每天打卡学习 长按二维码即可识别"进入网页"查看哟~ 1.2020前端实践|优雅的实现一个全栈项目(一) vweb_visual是一个简单的后台管理项 ...

  8. 面试超尴尬瞬间:我从没参与过一个全栈项目

    写简历是找工作的第一步,第二步就是面试,那么简历就是一块敲开面试大门的敲门砖,所以写简历的根本目的就是要体现出你的专业水平和项目经验,那么什么样的简历能够快速的抓住HR的眼球呢?作为前端工程师的简历来 ...

  9. 屌炸天,Oracle 发布了一个全栈虚拟机 GraalVM,支持 Python

    转载自   屌炸天,Oracle 发布了一个全栈虚拟机 GraalVM,支持 Python 前阵子,Oracle 发布了一个黑科技 "GraalVM",号称是一个全新的通用全栈虚拟 ...

最新文章

  1. 大型网站系统架构系列:分布式消息队列(二)
  2. 网易SRC指责白帽子私自披露已修复漏洞,强势表态违刑必究
  3. 基于TestNG 与Selenium 的自动化测试设计与实施
  4. Plugin [id: 'org.jetbrains.kotlin.jvm'] was not found in any of the following sources:
  5. 23种设计模式简介_设计模式简介
  6. docker php示例,Docker PHP 例子
  7. ospf 环回口的路由条目_路由策略之重分发示例分析
  8. XML动态排序(1)
  9. pythonrequests证书_python requests证书问题解决
  10. python 函数 过程_python学习之函数(三)--函数与过程
  11. hset php,HSET命令_视频讲解_用法示例-redis编程词典-php中文网
  12. 深入研究微服务架构——第三部分
  13. 模型人的因素_肺癌风险预测模型中纳入肺功能如何?
  14. 我一个软件测试,为什么要转开发?
  15. 计算机视觉知识体系图,计算机视觉系统框架的新构思
  16. KVM虚拟化平台搭建实操+KVM理论详解
  17. SAP标准价及实际价查看
  18. 计算机和电脑键盘进水怎么办,笔记本键盘进水失灵了怎么办?别着急,只需记住这几招!...
  19. ***无人驾驶***整理的apollo 入门课程
  20. 程序员的半衰期只有15年

热门文章

  1. 实现pdf.js批注功能(高亮文本/下划线/导入导出)
  2. OPPOR8207_官方线刷包_救砖包_解账户锁
  3. Java | 图形界面中paint,repaint,paintcomponent等函数的理解
  4. [python]重新安装pip
  5. 客户逾期贷款预测[8] - 特征选择(iv值、随机森林)
  6. 读博士计算机专业学制几年,最容易考的博士专业-博士要读几年的?博士学制几年?容易考吗? – 手机爱问...
  7. 域名升级中 自动跳转_今天没事,把自己的官网从http升级到https
  8. 泛微E9二次开发,用计划任务定时发送邮件提醒
  9. C语言自带的排序函数
  10. 年终盘点!2017年超有价值的Golang文章