zyl-me / node-Community

Node.js + Vue.js 全栈开发社区团购商城

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

node-Comunity

Node.js + Vue.js +mongodb 全栈开发社区团购商城

一、安装

1.Community为server端

npm i 安装依赖
npm run dev
需要安装mongodb和redis
在index.js中的cors根据自己的情况配置跨域设置
由于注册使用的是邮箱发送验证码需要在Community/config/config.js中修改自己邮箱的smtp配置信息
邮箱打开smtp方法可在qq邮箱文档. 上查看

2.community_manager为管理系统

npm i 安装依赖
npm run serve
smtp配置好后直接在注册界面用邮箱注册即可
预览地址 http://106.14.173.159:8081

注意 (预览版本与当前版本不一致)

3.community_web为客户端

npm i 安装依赖
npm run serve
预览地址 http://cty.zflzqy.com

注意 (预览版本与当前版本不一致)

二、server端

1.使用koa框架开发
2.数据库使用mongoose,redis
3.使用socket.io给在线用户发送活动信息
4.使用jsonwebtoken,koa-jwt做登陆认证
5.nodemailer去发送邮箱验证码
6.koa-multer处理文件上传
7.koa2-cors配置跨域

三、管理后台

1.基于iview组件库的后台管理基础界面搭建
2.创建分类
3.修改分类
4.删除分类
5.添加商品
6.删除商品,
7.商品管理,
8.使用formData上传图片,
9.团长管理,
10.团长佣金操作,
11.今日订单,
12.订单导出excel表格,
13.社区订单
14.今日金额记录,
15.活动消息推送,
16.首页广告管理
17.用户增加情况,
18.登陆界面
19.路由限制(beforeEach,meta),
20.axios拦截器配置每次请求在headers中带token

四、客户端

1.使用有赞的vant组件库
2.css预处理less,

首页

 1.首页默认匹配距离最近的社区团长
 2.新闻广告
 3.热门购买 
 4.分类 

分类

 1.各分类商品信息
 2.直接加入购物车

购物车

 1.底部推荐商品
 2.购物车内容
 3.计算价格

我的(普通用户)

 1.待支付,代收货,已完成,已取消的订单
 2.申请成为团长操作
 3.设置默认操作,
 4.自己的二维码(团长扫描二维码直接完成发货动作)

我的(团长)

 1.查看一次团购所有人下的订单
 2.佣金记录
 3.提现

About

Node.js + Vue.js 全栈开发社区团购商城


Languages

Language:Vue 64.6%Language:JavaScript 32.5%Language:CSS 2.1%Language:HTML 0.8%