孤尽T31训练营-让项目跑起来

薪炎乙志
328 阅读2分钟

目标

  1. 让项目运行起来
  2. 写个hello world接口
  3. 写个返回乘客列表的接口

已有的资料

现在老师们给的资料有

  1. 建表与初始数据脚本, t31.sql
  2. 后端基础代码, t31-parent
  3. 前端代码, t31-ui
  4. nacos,主要是配置文件

初始化数据库

这里假定你本地已经有一个MySQL数据库了,本人本地版本5.7没问题

# 第1步:sql脚本文件 找到脚本文件的绝对路径, 假设为:/xxxx/doc/sql/t31.sql

# 第2步:命令行登录数据库

# 第3步:创建数据库t31
create database t31;

# 第4步:使用数据库
use t31;

# 第5步:执行脚本
# 这个脚本路径是你本地存放脚本的路径
source /xxxx/doc/sql/t31.sql;

# 第6步:确认成功
# 显示 Query OK, 0 rows affected (0.00 sec) 表示成功

配置Nacos

启动Nacos

# 加参数,使用单机模式(启动文件中默认使用cluster)
./startup.sh -m standalone

# 访问 http://localhost:8848 用户名/密码:nacos/nacos

导入配置

这是提供的nacos启动后存在的配置,现在把它导出放到了仓库的doc/config目录下了,大家可以去网上下载一个1.4.1版本的nacos启动后导入即可

image-20211107145224469.png

修改数据库配置---nacos上的db.yaml

主要是把 数据库的配置信息改成与你本地一致

image-20211107145705895.png

后端代码

我们在ticket-service这个应用中先写个hello world吧

修改ticket-service中的pom.xml

先注释掉对oauth2的引用

image-20211107145823043.png

修改ticket-service中的bootstrap.yml

先注释掉对security.yaml的引用

image-20211107150106874.png

写个hello passenger接口

在PassengerController.java中写个hello passenger

@RestController
@RequestMapping("/passenger")
public class PassengerController extends BaseController<IPassengerService, Passenger> {

    @GetMapping("/hello")
    ResponseEntity<String> hello() {
        return ResponseEntity.ok("hello passenger");
    }

}

写个返回乘客列表的接口

@RestController
@RequestMapping("/passenger")
public class PassengerController extends BaseController<IPassengerService, Passenger> {
  

    @GetMapping("/hello")
    ResponseEntity<String> hello() {
        return ResponseEntity.ok("hello passenger");
    }

    @GetMapping("/test/list")
    ResponseEntity<PageInfo> testList() {
        return ResponseEntity.ok().body(service.listPage(new Passenger(), 1, 10));
    }

}

启动并测试

  1. 首先保证Nacos正在运行

  2. 启动gateway,通过查看配置我们知道网关的端口为8062

  3. 启动ticket-service服务

  4. 访问http://localhost:8848 用户名密码:nacos/nacos

  5. image-20211107150608968.png

  6. 查看路由规则

  7. image-20211107151038334.png

  8. 访问http://localhost:8062/api/self/passenger/hello 我们的hello passenger

  9. image-20211107151133537.png

  10. 访问http://localhost:8062/api/self/passenger/test/list 返回乘客列表

  11. image-20211107203805788.png

前端代码

注释掉菜单及认证相关代码

image-20211104063303722.png

image-20211104063504630.png

注释掉passenger相关路由

image-20211104063948478.png

安装运行

# 安装前端插件
yarn install

# 运行
yarn run dev

# 访问如下链接

http://localhost:3131/#/admin/user

image-20211107151519485.png

不熟悉spring cloud alibaba,把运行项目过程与遇到的一些问题记录下来,下一步进行编写乘客的管理

附仓库地址: gitee.com/clzbgl/t31-…

avatar
文章
阅读
粉丝