整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JeecgCloud 微服务开发平台-部署文档

境说明

  • JDK: 1.8
  • Maven: 3.5+
  • MySql: 5.7+
  • Redis: 3.2 +
  • Node Js: 10.0 +
  • Npm: 5.6.0+
  • Yarn: 1.21.1+

IDE插件

  • Lombok Plugin (必装)

# 一、项目下载

git clone https://github.com/zhangdaiscott/jeecg-cloud.git

# 二、配置本地hosts

建议使用 switchhost,进行本地host设置 软件下载

# 本地测试环境  
127.0.0.1   jeecg-cloud-redis
127.0.0.1   jeecg-cloud-mysql
127.0.0.1   jeecg-cloud-nacos

# 三、初始化数据库

  • 脚本说明
jeecg-cloud/doc/db/jeecgcloud_mysql5.7.sql  |  初始化库脚步

# 四、启动Nacos

  • nacos的环境搭建,参考 官方文档启动nacos, 访问: http://127.0.0.1:8848/nacos (默认账号密码 nacos/nacos)

  • 参考截图创建两个属性文件 配置列表,注意类型选择YAML
 jeecg-cloud/doc/NACOSCONFIG/application-jeecg-cloud.yml
 jeecg-cloud/doc/NACOSCONFIG/jeecg-cloud-gateway.yml
  • 数据库密码修改下面文件
application-jeecg-cloud.yml
  • redis配置,修改以下文件
application-jeecg-cloud.yml
jeecg-cloud-gateway.yml

# 五、启动顺序

1. JeecgGatewayApplication | 9999
2. JeecgSystemApplication  | 8001
3. JeecgDemoApplication    | 8002
  • 使用监控再启动以下项目
JeecgMonitorApplication  | 9111

# 六、启动前端

  • 项目下载
git clone https://github.com/zhangdaiscott/jeecg-boot.git
cd /jeecg-boot/ant-design-vue-jeecg
  • 配置后台接口地址 ant-design-vue-jeecg/public/index.html
window._CONFIG['domianURL'] = 'http://127.0.0.1:9999';
  • 安装cnpm 代理 npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装依赖 cnpm install
  • 启动 npm run dev

eecgBoot前端UI项目,可以打成app安装手机上,采用HBuilder工具,详细步骤如下

第一步: 在vue.config.js中加入 baseUrl: './', 代码示例如下图:

修改public目录下index.html文件把全局配置的地址改成域名。如下图

修改src/utils/request.js

把axios 的baseURL修改一下,如下示例图:

第二步: 在HBuilder中选择文件—>打开目录,选择build后的dist文件,如下图:

第三步: 选中项目,右击选择转换成移动App

第四步: 选中项目,右击选择发行,弹出来菜单,选择第一项。出现一个窗口如下图: 点击打包,即可完成打包

下面是苹果打包截图:

如果打包的app访问不到后台数据,请修改HBuilder中的配置文件,如下图

jeecgboot方便快捷,不过基于jeecgboot二次开发,个性化自己的标题等信息还是有必要的,具体的几个位置如下:


ant-design-vue-jeecg/public/index.html



ant-design-vue-jeecg/public/logo.png


ant-design-vue-jeecg/src/components/layouts/TabLayout.vue


ant-design-vue-jeecg/src/components/layouts/UserLayout.vue


ant-design-vue-jeecg/src/components/page/GlobalFooter.vue


ant-design-vue-jeecg/src/components/page/GlobalHeader.vue


ant-design-vue-jeecg/src/components/tools/Logo.vue


目前发现Jeecgboot前端的个性化就这些,后期如果有新的发现会继续更新。。。