Jeecg | 完成配置后,如何启动整个项目?

前端启动步骤:

1.  以管理员身份打开控制台,切换到前端项目目录。

2. 输入 pnpm install

3. 输入 pnpm dev 

4. 等待前端成功运行。 

可以看到此时前端已经成功启动。

后端启动步骤:

1. 启动 mysql 服务器。 管理员身份打开控制台,输入命令 net start mysql ,成功启动MySQL服务。

2. 启动 Redis 服务器。 管理员身份打开控制台,切换到Redis的安装目录下,输入exe的完整路径。具体命令如下:D:\Tools\Redis-x64-5.0.14.1\redis-server.exe redis.windows.conf

 可以看到Redis已经成功启动。

3. 用IDEA打开后端项目,选择要运行的代码,run即可。

此时,前端和后端都已经成功运行,打开浏览器,输入网址:http://localhost:3100/jeecg-boot 登录即可。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JeecgBoot 是一个基于代码生成器的开发框架,可以快速搭建后台管理系统。如果要使用字典编码功能,需要进行前后端配置。 1. 后端配置 首先,需要在数据库中创建字典表,例如: ``` CREATE TABLE sys_dict ( id varchar(36) NOT NULL COMMENT '主键', dict_code varchar(100) NOT NULL COMMENT '字典编码', dict_name varchar(100) NOT NULL COMMENT '字典名称', dict_type varchar(10) NOT NULL COMMENT '字典类型', description varchar(200) DEFAULT NULL COMMENT '描述', create_time datetime DEFAULT NULL COMMENT '创建时间', update_time datetime DEFAULT NULL COMMENT '更新时间', PRIMARY KEY (id) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='系统字典表'; ``` 然后,需要在后端代码中进行配置。在 `SysDictController` 类中,添加以下代码: ``` @ApiOperation(value = "查询字典数据", notes = "根据字典类型查询字典数据") @GetMapping(value = "/getDictItems/{dictType}") public Result<List<SysDictItemVO>> getDictItems(@PathVariable String dictType) { List<SysDictItemVO> dictItems = sysDictService.queryDictItemsByDictType(dictType); return Result.ok(dictItems); } ``` 这段代码会根据字典类型查询字典数据,并返回一个包含字典项的列表。 2. 前端配置前端代码中,需要进行如下配置: 首先,在 `src/api` 目录下创建 `dict.js` 文件,添加以下代码: ``` import request from '@/utils/request' export function getDictItems(dictType) { return request({ url: '/sys/dict/getDictItems/' + dictType, method: 'get' }) } ``` 这段代码会调用后端接口,获取字典项列表。 然后,在需要使用字典编码的组件中,例如表单中的下拉框,添加如下代码: ``` <el-select v-model="form.dictCode"> <el-option v-for="item in dictItems" :key="item.dictCode" :label="item.dictName" :value="item.dictCode"></el-option> </el-select> ``` 这段代码会绑定一个 `dictItems` 数组,其中包含了字典项列表。在组件初始化时,需要调用 `getDictItems` 方法获取字典项,并将返回结果赋值给 `dictItems` 数组: ``` import { getDictItems } from '@/api/dict' export default { data() { return { dictItems: [], form: { dictCode: '' } } }, created() { getDictItems('dict_type').then(response => { this.dictItems = response.data }) } } ``` 这段代码会在组件创建时调用 `getDictItems` 方法,并将结果赋值给 `dictItems` 数组。其中,`dict_type` 是字典类型编码,可以根据实际情况修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

访问宇宙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值