Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codedart2018/vueWechatPlateform

这是我用Vue 写的一个微信第三方公众号管理平台
https://github.com/codedart2018/vueWechatPlateform

admin iview manage php vue vue-router vueadmin

Last synced: about 2 months ago
JSON representation

这是我用Vue 写的一个微信第三方公众号管理平台

Awesome Lists containing this project

README

        

## 介绍
> **本项目是我前面一个项目的新仓库,没有在那边建分支[原项目](https://github.com/myxingke/vueManage).而是在这里新建了仓库,主要一个原因是
在那边写的时候没考虑太多,一个是目录杂乱,还有一个没有考虑项目的多页情况,当初我的想法是后端 商户端分开建两个项目,但是实际当我要这样做的时候
发现共用太多,我这边复制过去,万一改了呢,好像也不合理。所以新建创建做多页项目。**

## 扫扫更健康 红包大家领
> ![支付宝红包](./demo/images/alipay.jpg)

### 最近比较忙,暂时不提交新东西上来,本项目一开始没有引入eslint 后期我会重新整理项目,把eslint加入进来!还有一开始我从单页项目弄成多入口,最后在实际还是发现应该单页应用。

### 这个项目下面的演示地址不能正常演示了,原因是操蛋的腾讯服务器没有自动快照,我恢复到7月5号快照,有些东西不在了。所以不打算修复了!
### 新的演示地址: https://beta.mp.daimatu.cn
### 新演示项目只有商户管理端,我从7月开始从原来的项目上分离出来,用了更严格的eslint语法检测。相比原来的商户除了授权没有增加上,完善了更多功能!
## 新演示地址 https://beta.mp.daimatu.cn(无需要输入帐号密码。只填入验证码即可!)
## 新演示的源码没有提交上来,我放在码云的。需要源码的可以联系我,但只限于提供前端源码(后端源码请勿问我要)

# 关于文档说明,请认真看完!

# 演示地址: http://www.daimatu.cn
### 后台帐号:admin 密码:123456
### 商户帐号:baide 密码: 123456

## 联系
> QQ: 327.56.88 (请把点换成0,验证:瞎想)\
> 加微信请先打赏(不介意加QQ) \
> ![微信联系人](./demo/images/wechat_contacts.jpg)

### 前台:
> vue-cli \
> vue \
> vue-router \
> vuex \
> iview \
> axios

### 后台:
> nginx \
> PHP \
> mysql redis

### API
> 之前没有提供API 现在我补上了 \
> 把项目里的 http://www.hphp.cn 替换成 http://api.daimatu.cn
> 我后端是没有开启跨域的,只有你们自己 把 config 里的 proxyTable 配置好即可

### 源码
> 由于此项目是给我自己的自有项目,请不要问我要后端源码。谢谢!本框架是我业余时间写的,还有
很多没有完善,待完善后我可以提供框架。虽然目前能用来生产,但还有很多细节并没有完善。

### 帐号
> 超级管理员帐号:admin 登陆密码:123456 \
> 测试帐号:test 登陆密码:123456 \
> 关于验证码(验证码可以不填正确,但必须填) \
> 请不要随便修改密码。

#### 关于跨域
> 我本地不论访问 http://www.php.cn 还是 http://api.daimatu.cn 都是没有问题的。但有朋友反应无法跨域,我暂时后端开启了跨域,但不定哪天关闭了
建议装一个跨域插件 把 api.daimatu.cn 规则加进去就可以了。 \
> 插件地址:https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

#### 数据说明(特别是权限节点添加删除)
> 为了方便演示,我也不好把这数据的增删改查给屏掉。菜单我没有弄实时的,这个我最后上线才会去弄,由于节点里面有添加组件地址。而组件地址是会影响一个项目的运行的。 所以添加了节点组件后不会立即生效,
但是退出重新登陆是会生效的,我希望大家添加数据后走的时候把你添加的数据给删除掉。我不希望我经常都去同步数据。

### 后端实现功能
* 后台登录
* 用户登录
* 用户退出

* 角色权限(已完成前后台权限鉴证,还差细化到按钮级的权限)
* 节点列表
* 节点添加
* 节点修改
* 节点搜索
* 节点删除
* 角色列表
* 角色添加
* 角色修改
* 角色搜索
* 角色授权
* 后台用户
* 用户列表
* 用户搜索
* 用户添加
* 用户修改
* 密码一键重置

* 商户管理
* 商户列表
* 商户添加
* 商户搜索
* 商户详情
* ~~商户编辑~~
* ~~商户审核~~
* 商户用户
* 商户用户密码重置
* 商户用户搜索

* 微编辑器
* 素材分类
* 添加分类
* 编辑分类
* 删除分类
* 素材列表
* 添加素材
* 编辑素材
* 删除素材

* 微信平台管理
* 公众号列表
* ~~被举报公众号~~

* 财务管理
* ~~财务数据~~
* ~~退款记录~~

* 反馈记录
* ~~反馈记录~~

* 站点配置
* ~~站点配置~~

* 菜单列表
* 左侧菜单 全根据后台取出来(2.4 路由有坑) 已完成根据权限获取菜单节点

### 商户端实现功能

### 2.4 路由的坑:
> 2.4 动态路由无论怎么追加都在通配路由后面导致登陆后取到的路由点击404页面。\
> 我提的问题 https://github.com/vuejs/vue-router/issues/1341 \
> 解决方法 先不要安装路由 进入node_modules 单独安装
```
cd node_modules
git clone https://github.com/vuejs/vue-router.git
npm install
npm run build
```
> 这样就可以完全解决以上问题. \
> 目前官方没有路由删除掉。等官方下一个版本看是否有删除路由功能。暂时退出我自己把登陆追加进去的路由给删除了。

#### 亲测了打包后动态路由照样可以使用,不用担心路径问题!不用担心路径问题!说两遍。

### 截图

![多项目入口](./demo/images/index.jpg)

#### vue 微信编辑器(微信编辑器我并没有上传,这个不打算提交,请删除 router.js 里的 微信编辑器 再进行运行)
![vue 微信编辑器](./demo/images/wx_editor.gif)

#### vue 微信编辑器
![vue 微信编辑器](./demo/images/edit.jpg)

![vue 微信编辑器](./demo/images/wx-editor1.jpg)

![vue 微信编辑器](./demo/images/wx-editor2.jpg)

![vue 商户平台管理中心](./demo/images/manage.jpg)

![vue 微信消息回复](./demo/images/message.jpg)

![vue 微信菜单](./demo/images/wx-menu.jpg)

#### vue 百度编辑器
![vue 百度编辑器](./demo/images/editor.jpg)

#### 非法权限请求
![非法权限请求](./demo/images/auth2.jpg)

#### 角色授权
![角色授权](./demo/images/auth.gif)

#### 角色授权
![角色授权](./demo/images/auth.jpg)

#### 角色列表
![角色授权](./demo/images/auth1.jpg)

#### 节点列表
![节点列表](./demo/images/rule.jpg)

#### 添加节点
![添加节点](./demo/images/add_rule.jpg)

##### 登陆页

![登陆页](./demo/images/login.jpg)

##### 登陆后

![登陆后](./demo/images/main.jpg)

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8088
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).