**这里仅仅提供代码在本地修改和二开的环境,介绍时默认Mysql 和 Redis 分别都在本地,如果你连接远程数据库自行针对环境修改** > 注意: >本地环境和开发工具 >>Java运行环境 >>jdk1.8 >>Maven3.3 >>IntelliJ idea >>这里默认你本地的 Maven 环境和 idea 的 lombok 插件已经安装了,如果导入后 get set 报错,请确认该插件已经正确安装 >WEB PC 管理端环境和开发工具 >>node >>WebStrome/Vscode >移动端开发工具 >>Hbuilder x >>微信小程序开发工具 ## java 后端项目运行(idea) 文档示例以 intelliJ IDEA 为例 因本项目前端、后端以及移动端项目在一个仓库,建议先手动clone或者下载zip包到本地后再导入对应的开发工具 两个平台代码一致,国内用户建议使用gitee |平台| 源码地址| |--- |--- | |gitHub| https://github.com/crmeb/crmeb_java| |gitee|https://gitee.com/ZhongBangKeJi/crmeb_java| 打开idea 直接导入项目,首次导入会加载 Maven 配置,速度取决于你的网络环境 ![](https://img.kancloud.cn/20/d4/20d41586d6d646dfcb94770faeef6ba6_3812x1854.png) 根据如上图所示导入当前项目目录下 crmeb 目录 导入数据库SQl文件 根据自己使用的客户端 ![](https://img.kancloud.cn/a2/52/a25292fa8c73505a139a19ec027774a9_1798x892.png) 修改开发环境对应的配置文件 mysql 配置和 redis 配置 ![](https://img.kancloud.cn/56/a9/56a9dca9ff27ee5d840853f02ec8c5c2_2706x1276.png) 运行项目:找到 CrmebApplication 类 根据下图操作即可,这是分包前的截图,后期分包后可针对配置找到运行地址即可 ![](https://img.kancloud.cn/57/49/574949760962a30d29c479a2604a0997_3840x2110.png) 看到如下图sql打印 即代表java项目启动成功 ![](https://img.kancloud.cn/37/fb/37fbfa3a88d385af3f0edff0d511bc2f_3840x2110.png) 访问swagger 文档确定下 Java 项目正确运行 http://localhost:8080/doc.html ![](https://img.kancloud.cn/fe/3d/fe3de4ea64bda690c0e8859199dcee73_3658x1924.png) ## WEB PC 管理端项目运行 (vue + Element ui) web pc 管理端项目开发工具根据个人而定,建议 WebStom 或者 VsCode 打开如下图所示 admin 包 ![](https://img.kancloud.cn/20/d4/20d41586d6d646dfcb94770faeef6ba6_3812x1854.png) 初次运行可以不导入开发工具 直接修改根目录下的环境文件即可 ![](https://img.kancloud.cn/e6/bc/e6bc7f0216b7930d8c2da9d1da2b0314_2592x1648.png) 修改环境文件对应的Path(也就是java服务的地址) ![](https://img.kancloud.cn/40/0e/400e91d84d91dc0bd8ecf03a2d21a385_2438x696.png) 执行命令 ~~~ npm install -- 安装依赖包 npm run dev -- 运行开发环境 npm run build:stage -- 打包测试环境 npm run build:prod -- 打包正产环境 ~~~ 本地运行 执行 npm run dev 本地运行后 浏览器会自动打开 http://localhost:9527 如下图表示运行成功 ![](https://img.kancloud.cn/68/02/6802170d0a67cd6269b2de7ede554a6b_1769x979.png) ## 设置素材 本项目中图片服务是单独提供的,本地可以搭建nginx或者tomcat等等,目的是一样的,通过http服务映射磁盘存储资源文件。示例以nginx为例。 本地开发的 nginx 配置 ![](https://img.kancloud.cn/58/49/584948d7325a4d0afaf1bbc8ce3b6a0e_1148x302.png) 还需要将域名和地址在后台系统中配置 ![](https://img.kancloud.cn/04/04/0404456f836ca4eccc921669d633a688_1792x1017.png ) 将系统默认的资源包解压到配置目录即可 资源下载地址 v1.3.2 版本对应的素材 链接:https://pan.baidu.com/s/1i5TOV2fP6hkO0OHWgyrY8A 密码:m8de v1.3.3 版本对应的素材(新年素材) 链接:https://pan.baidu.com/s/1yV1qaIGCC1zJZkZie-q1fg 密码:ipea v1.3.4 版本对应的素材 (5.1素材) 链接: https://pan.baidu.com/s/1A935aCbelziIjdMv4fcnSA 密码: 6vha v1.3.5 版本对应素材 链接: https://pan.baidu.com/s/1Pt_JJOgyN6AHKa4WxOsfiA 密码: usqm **说明:提供素材的初衷是初次运行起来基础icon都存在,后面的升级最多也是测试数据或者变更,自由素材的可以不用接入自己手动上传即可** 加载图片资源正确 ![](https://img.kancloud.cn/5a/a6/5aa68747a0f18cb530ea602ee4618468_1782x1005.png) 默认是 demo 演示账户 自己搭建后管理员账户 admin / 123456 ## 前端运行常见问题 > 安装依赖失败 可以通过配置淘宝镜像源解决 ~~~ npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry 在 ~/.npmrc 加入下面内容,可以避免安装 node-sass 失败 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ .npmrc 文件位于 win:C:\Users\[你的账户名称]\.npmrc linux:直接使用 vi ~/.npmrc ~~~ > Linux 或者 Windows 安装node-sass 无法安装的问题 解决方法 ~~~ 1. 单独安装:npm install --unsafe-perm node-sass 2. 直接使用:npm install --unsafe-perm ~~~ ## 移动端运行 (H5 和 微信小程序) 下载安装 [Hbuilder](https://www.dcloud.io/) 导入移动端项目 开源地址中对应的 app 目录 ![](https://img.kancloud.cn/3b/75/3b75e1194eb7fe44c84270dec954c978_2220x1074.png) 移动端访问 api 设置,下图设置包涵App的配置 ![](https://img.kancloud.cn/e3/2f/e32f32e542491174bd100d5b72dfa01e_2268x1224.png) 在文件中修改对应java服务的api地址即可 > 注意: 配置文件放在移动端的包外面 是为了方便在调试过程中频繁修改地址域名,根据自己需求可以在 /app/config/app.js 修改 运行H5 <!-- ![](https://img.kancloud.cn/f0/0e/f00ec83128e012f23744656c40010319_2206x1068.png) --> ![](https://img.kancloud.cn/9a/83/9a835eddb8d41675ccd6e17645592e8d_2234x1440.png) 第一次使用可能Hbuider要求登录等等,跟着操作即可 <!-- 弹出提示输入 ![](https://img.kancloud.cn/23/02/23022ab23a1cec42cf74dbc385109f06_2200x1062.png) --> <!-- 生成完毕后会自动打开本地默认浏览器,虽然移动端做了适配H5的样式,但还是简体调试的时候将浏览器调整为模拟移动端 --> H5运行成功 ![](https://img.kancloud.cn/43/c5/43c55daafc84533339623014b687547e_1194x908.png)