LinkWeChat

平台介绍

LinkWeChat，是一款基于企业微信的开源SCRM系统，为企业构建私域流量系统的综合解决方案，显著提升企业社交运营效率！

应用场景：

泛零售、电商行业企业微信用户，提供多种工具多渠道多方式添加客户到企业微信好友，通过营销互动与客户标签管理等建立强连接。

内置功能

环境部署

准备工作

1JDK >= 1.8 (推荐1.8版本)
2Mysql >= 5.5.0 (推荐5.7版本)
3Redis >= 3.0
4Maven >= 3.0
5Node >= 10

运行系统

后端运行

• 导入LinkWeChat到Eclipse，菜单 File -> Import，然后选择 Maven -> Existing Maven Projects，点击 Next> 按钮，选择工作目录，然后点击 Finish 按钮，即可成功导入Eclipse会自动加载Maven依赖包，初次加载会比较慢（根据自身网络情况而定）
• 创建数据库LW-vue并导入数据脚本
• 打开运行com.linkwechat. LinkWeChatApplication.java

前端运行

1# 进入项目目录
2cd linkwe-ui
3
4# 安装依赖
5npm install
6
7# 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
8npm install --registry=https://registry.npm.taobao.org
9
10# 本地开发 启动项目
11npm run dev

4、打开浏览器，输入：http://localhost:80 （默认账户 admin/admin123） 若能正确展示登录页面，并能成功登录，菜单及页面展示正常，则表明环境搭建成功

必要配置

1、修改数据库连接

• 编辑resources目录下的application-druid.yml
• url: 服务器地址
• username: 账号
• password: 密码

2、开发环境配置

• 编辑resources目录下的application.yml
• port: 端口
• context-path: 部署路径

部署系统

后端部署

• bin/package.bat 在项目的目录下执行
• 然后会在项目下生成 target文件夹包含 war 或jar （多模块生成在linkwe-admin）
• 1、jar部署方式
• 使用命令行执行：java –jar LinkWeChat.jar
• 2、war部署方式
• pom.xml packaging修改为war 放入tomcat服务器webapps

前端部署

当项目开发完毕，只需要运行一行命令就可以打包你的应用

1# 打包正式环境
2npm run build:prod
3
4# 打包预发布环境
5npm run build:stage

构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 .js 、.css、index.html 等静态文件。

通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可，其中的 index.html 是后台服务的入口页面。

项目介绍

文件结构

后端结构

1com.linkwechat     
2├── common            // 工具类
3│       └── annotation                    // 自定义注解
4│       └── config                        // 全局配置
5│       └── constant                      // 通用常量
6│       └── core                          // 核心控制
7│       └── enums                         // 通用枚举
8│       └── exception                     // 通用异常
9│       └── filter                        // 过滤器处理
10│       └── utils                         // 通用类处理
11├── framework         // 框架核心
12│       └── aspectj                       // 注解实现
13│       └── config                        // 系统配置
14│       └── datasource                    // 数据权限
15│       └── interceptor                   // 拦截器
16│       └── manager                       // 异步处理
17│       └── security                      // 权限控制
18│       └── web                           // 前端控制
19├── linkwe-generator   // 代码生成
20├── linkwe-quartz      // 定时任务
21├── linkwe-system      // 系统代码
22├── linkwe-admin       // 后台服务
23├── linkwe-ui          // 页面前端代码
24├── linkwe--wecom      // 企业微信功能
25

前端结构

1├── build                      // 构建相关  
2├── bin                        // 执行脚本
3├── public                     // 公共文件
4│   ├── favicon.ico            // favicon图标
5│   └── index.html             // html模板
6├── src                        // 源代码
7│   ├── api                    // 所有请求
8│   ├── assets                 // 主题 字体等静态资源
9│   ├── components             // 全局公用组件
10│   ├── directive              // 全局指令
11│   ├── layout                 // 布局
12│   ├── router                 // 路由
13│   ├── store                  // 全局 store管理
14│   ├── utils                  // 全局公用方法
15│   ├── views                  // view
16│   ├── App.vue                // 入口页面
17│   ├── main.js                // 入口 加载组件 初始化等
18│   ├── permission.js          // 权限管理
19│   └── settings.js            // 系统配置
20├── .editorconfig              // 编码格式
21├── .env.development           // 开发环境配置
22├── .env.production            // 生产环境配置
23├── .env.staging               // 测试环境配置
24├── .eslintignore              // 忽略语法检查
25├── .eslintrc.js               // eslint 配置项
26├── .gitignore                 // git 忽略项
27├── babel.config.js            // babel.config.js
28├── package.json               // package.json
29└── vue.config.js              // vue.config.js

核心技术

• 前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、element-ui

• 后端技术栈 SpringBoot、MyBatis、Spring Security、Jwt

最终业务架构

在线体验

1. 演示演示（暂未开放）：http://www.topitclub.cn/
2. 交流群

开发进度

部分演示图，持续更新