zoukankan      html  css  js  c++  java
  • Springcloud学习笔记18--Jeecg-boot环境搭建步骤及前后端启动02(前后端开发环境搭建)

    1.前端开发环境搭建、启动

    (1)安装nodejs、npm、yarn

    (2)用idea打开前端项目ant-design-jeecg-vue

     (3)在terminal终端执行命令 yarn install 下载项目依赖

     (4)项目依赖的模块下载完成,则项目构建完成

     (5)ant-design-jeecg-vue项目配置后台接口

    a. 修改后台接口配置 .env.development

    NODE_ENV=development
    VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot
    VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
    VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

    vue.config.js配置信息修改:

    此处映射地址配置到后台端口即可,如果后台项目名字修改了的话,直接改“/jeecg-boot”

    (6) 启动项目

    调出Show npm Scripts 功能
    找到项目目录下文件package.json文件,鼠标右键选择Show npm Scripts

    点击命令 serve 启动项目
    看到如下日志 则启动成功

    通过 http://localhost:3000 访问前端项目,默认账号密码: admin/123456

     2.后端开发环境搭建、启动

    (1)安装jdk8、Maven、Redis、Mysql

    (2)用idea打开后端项目

    项目结构
    ├─jeecg-boot-parent(父POM: 项目依赖、modules组织)
    │  ├─jeecg-boot-base(共通模块: 工具类、config、权限、查询过滤器、注解、接口等)
    │  ├─jeecg-boot-module-demo    示例代码
    │  ├─jeecg-boot-module-system (系统管理权限等功能) -- 默认作为启动项目
    │  ├─jeecg-boot-starter(微服务starter模块,不需要微服务可以删掉) 
    │  ├─jeecg-cloud-module(微服务生态模块,不需要微服务可以删掉) 

    (3)初始化数据库,要求mysql5.7+

    使用navicat运行SQL文件

     

     运行后,数据库自动创建。

    (4)修改项目配置文件(数据库配置、redis配置)

     配置文件: jeecg-boot-module-system/src/main/resources/application-dev.yml

    a. 数据库配置(连接和账号密码)

    注意:启动本地项目时,需要根据实际修改代码。 

    b. Redis配置(配置redis的host和port)

    (5)启动redis服务

    (6)启动项目&访问

    以上配置完成后,即可启动后台项目
    本地启动:jeecg-boot-module-system/src/main/java/org/jeecg/JeecgSystemApplication.java,右键执行启动
    通过 http://localhost:8080/jeecg-boot/doc.html 访问后台,默认进入swagger文档首页

    参考文献:

    http://doc.jeecg.com/2043874

    nacos 安装--jeecgboot官方推荐教程:https://blog.csdn.net/q15102780705/article/details/102571353

     

  • 相关阅读:
    apache commons-io相关介绍-IOUtils类
    apache commons-io相关介绍-DirectoryWalker类
    apache commons-io相关介绍-FileUtils类
    apache commons-io相关介绍-monitor包
    android笔记--AsyncTask例子
    Java Swing中的SwingWorker
    Predicting Boston Housing Prices
    matplotlib.pyplot 中很好看的一种style
    机器学习算法比较
    udacity 机器学习课程 project2
  • 原文地址:https://www.cnblogs.com/luckyplj/p/15331940.html
Copyright © 2011-2022 走看看