【十天奋战04】项目实战启动前后端

后端

作用：就是提供接口的程序。

1. 启动后端时，配置maven，（选择需要使用的环境例如 dev）修改配置文件application.yml。（找到对应的子配置 application-dev.yml）。

2. 启动后端程序入口类。（JeecgSystemApplication）启动成功后，只是后端程序启动。需要启动前端项目后，才可以操作系统页面。

前端

作用：操作页面去主动触发掉接口的动作。

1.首次git clone 项目后，第一步需要先下载依赖。（前提是安装好需要的node.js ，yarn ，pnpm环境）。使用pnmp install下载依赖，项目中会生成 node_modules依赖包。执行成功后，才可以启动项目。

pnpm install

2.启动项目使用 pnpm dev

pnpm dev


> jeecgboot-vue3@3.5.1 dev D:\tianziheng\jeecgboot-vue3
> vite


 WARN  build.terserOptions is specified but build.minify is not set to use Terser. Note Vite now defaults to use esbuild for minification. If you still prefer Terser, set build.minify to "terser".                   22:13:44

                                                                                                                                                                                                                       22:13:46
  VITE v3.2.5  ready in 10928 ms

  ➜  Local:   http://localhost:3100/                                                                                                                                                                                   22:13:46
  ➜  Network: http://192.168.43.211:3100/  

访问系统页面

浏览器打开 http://localhost:3100/

快捷代码开发

1.通过页面操作快速建表

注意

图中圈中的部分明白每个的含义。

2.新增 - 保存后

 3.点击更多 -同步

 

后端代码执行了建表日志

Hibernate: 
    drop table if exists sys_adress
2023-05-22 22:32:46.804 [http-nio-8080-exec-6] INFO  org.hibernate.orm.connections.access:48 - HHH10001501: Connection obtained from JdbcConnectionAccess [org.hibernate.engine.jdbc.env.internal.JdbcEnvironmentInitiator$ConnectionProviderJdbcConnectionAccess@3d817e13] for (non-JTA) DDL execution was not in auto-commit mode; the Connection 'local transaction' will be committed and the Connection will be set into auto-commit mode.
Hibernate: 
    create table sys_adress (
       id varchar(36) not null,
        create_by varchar(50) comment '创建人',
        create_time datetime comment '创建日期',
        update_by varchar(50) comment '更新人',
        update_time datetime comment '更新日期',
        sys_org_code varchar(64) comment '所属部门',
        adress varchar(500) comment '地址信息',
        user_id varchar(50) comment '用户编码',
        status integer comment '地址状态 0是正常 1是失效',
        del_flag integer comment '是否删除 0是正常 1是删除',
        primary key (id)
    ) engine=InnoDB

4.选择角色，权限

 

 

 

 生成代码

 

将后端对应包下的代码复制到项目对应包下，如有报错，全部复制完文件后依次解决包名。

前端代码放到views下对应位置。

 

 参考：

JeecgBoot 文档中心 Online代码生成