• 粤嵌实训医疗项目--day01（Vue+SpringBoot）

    目录

    一、创建工作空间及配置Maven环境

    二、创建springboot项目整合web操作

    三、http请求参数获取及登录页面访问操作

    四、数据库设计、数据库创建及导入sql

    五、使用mybatis-plus逆向工程生成代码【vaccinum】

    六、JavaEE三层架构概念及user查询实现

     七、mybatis-plus逆向工程通用API实现原理分析及user模块的接口实现【添删改查】

    八、前端环境配置【Vscode、Node.js】【安装直接默认下一步即可】

    一、创建工作空间及配置Maven环境

    先创建work文件夹，然后在IDEA中打开、然后设置sdk

    --解压maven压缩文件

    在conf/settings.xml 文件中配置本地仓库位置（maven 的安装目录下）：

     【一】打开 settings.xml文件，配置本地仓库位置（也就是本地文件夹）：

    <localRepository>D:\JavaSoftware\mavenlib</localRepository>

    Maven中央仓库配置 

    【二】继续配置settings.xml文件，找到mirrors标签，配置中央仓库位置：

    1.  <mirror>
    2. 		<id>alimavenid>
    3. 		<name>aliyun mavenname>
    4.       	<url>http://maven.aliyun.com/nexus/content/groups/public/url>
    5.       	<mirrorOf>centralmirrorOf>
    6. 	mirror>

     

    在idea中绑定Maven ,然后关掉idea重新打开

     --在ideza中进行测试、创建maven项目

    二、创建springboot项目整合web操作

    在工作空间中new module，使用spring初始化器【springboot选择maven方式构建、选择2.7.1x的springboot版本】

    --选择springboot的版本和项目的web依赖

    --在项目中创建Java类、提供controller代码【注意controller代码要和启动类在同一个package下】

    1. //这个是user模块的控制层代码【用于接收user模块的http请求】
    2. @RestController
    3. public class UserController {
    4.  
    5.     // http://localhost:8080/loginUser  http://127.0.0.1:8080/loginUser
    6.     //定义一个登录的请求接口【请求地址、请求的处理代码(方法)】
    7.     @RequestMapping("/loginUser")
    8.     public String login() {
    9.         //省略了部分的处理代码。。。。。
    10.         //响应数据
    11.         return "login Page!!!";
    12.     }
    13.  
    14. }

    三、http请求参数获取及登录页面访问操作

    --修改Controller中的代码，获取请求参数及实现业务判断

    1. // http://127.0.0.1:8080/loginUser?name=admin&password=123456
    2. //定义功能的http请求接口  【登录】
    3. @RequestMapping("loginUser")
    4. public String login(String name,String password){
    5.     //判断账号
    6.     if(name.equals("admin")&&password.equals("123456")){
    7.         return "login 成功!!!!";
    8.     }else{
    9.         return "login 失败!!!!";
    10.     }
    11. }

    --在resources文件中的static文件夹中创建login.html页面 

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>登录页面title>
    6. head>
    7. <body>
    9. <form action="/loginUser">
    10.     用户名：<input type="text" name="name"/><br>
    11.     密码：<input type="text" name="password"/><br>
    12.     <input type="submit" value="登录"/><br>
    13. form>
    14. body>
    15. html>

    --测试，访问

    http://127.0.0.1:8080/login.html

    四、数据库设计、数据库创建及导入sql

    --1在MySQL链接中创建vaccinum数据库、指定编码和排序规则

     

    --2然后双击选中vaccinum数据库，右键执行sql文件、导入数据、最后f5刷新即可

     

    --3刷新

    五、使用mybatis-plus逆向工程生成代码【vaccinum】

    --1创建springboot项目（MybatisPlusDemo）、选择对应的依赖

     

    --2、在项目的pom.xml文件中的dependencies内添加依赖、然后更新依赖 

     

    2. <dependency>
    3.     <groupId>com.baomidougroupId>
    4.     <artifactId>mybatis-plus-boot-starterartifactId>
    5.     <version>3.3.1.tmpversion>
    6. dependency>
    8. <dependency>
    9.     <groupId>com.baomidougroupId>
    10.     <artifactId>mybatis-plus-generatorartifactId>
    11.     <version>3.4.1version>
    12. dependency>
    14. <dependency>
    15.     <groupId>org.apache.commonsgroupId>
    16.     <artifactId>commons-lang3artifactId>
    17.     <version>3.9version>
    18. dependency>

     3、提供CodeGenerator.java程序【逆向工程的执行程序】、执行生成代码

    1. import com.baomidou.mybatisplus.core.exceptions.MybatisPlusException;
    2. import com.baomidou.mybatisplus.core.toolkit.StringPool;
    3. import com.baomidou.mybatisplus.core.toolkit.StringUtils;
    4. import com.baomidou.mybatisplus.generator.AutoGenerator;
    5. import com.baomidou.mybatisplus.generator.InjectionConfig;
    6. import com.baomidou.mybatisplus.generator.config.*;
    7. import com.baomidou.mybatisplus.generator.config.po.TableInfo;
    8. import com.baomidou.mybatisplus.generator.config.rules.NamingStrategy;
    9. import com.baomidou.mybatisplus.generator.engine.FreemarkerTemplateEngine;
    10.  
    11. import java.util.ArrayList;
    12. import java.util.List;
    13. import java.util.Scanner;
    14.  
    15. // 演示例子，执行 main 方法控制台输入模块表名回车自动生成对应项目目录中
    16. public class CodeGenerator {
    17.  
    18.     /**
    19.      * 
    20.      * 读取控制台内容   appointment,appointment_vaccine,department,doctor,hospital,manager,posts,registration,user,vaccine,vaccine_type
    21.      * 
    22.      */
    23.     public static String scanner(String tip) {
    24.         Scanner scanner = new Scanner(System.in);
    25.         StringBuilder help = new StringBuilder();
    26.         help.append("请输入" + tip + "：");
    27.         System.out.println(help.toString());
    28.         if (scanner.hasNext()) {
    29.             String ipt = scanner.next();
    30.             if (StringUtils.isNotBlank(ipt)) {
    31.                 return ipt;
    32.             }
    33.         }
    34.         throw new MybatisPlusException("请输入正确的" + tip + "！");
    35.     }
    36.  
    37.     public static void main(String[] args) {
    38.         // 代码生成器
    39.         AutoGenerator mpg = new AutoGenerator();
    40.  
    41.         // 全局配置
    42.         GlobalConfig gc = new GlobalConfig();
    43.         String projectPath = System.getProperty("user.dir");
    44.         gc.setOutputDir(projectPath + "/vaccinum/src/main/java");
    45.         gc.setAuthor("jerry");
    46.         gc.setOpen(false);
    47.         // gc.setSwagger2(true); 实体属性 Swagger2 注解
    48.         mpg.setGlobalConfig(gc);
    49.  
    50.         // 数据源配置 example.demo  user,doctor
    51.         DataSourceConfig dsc = new DataSourceConfig();
    52.         dsc.setUrl("jdbc:mysql://localhost:3306/vaccinum?useUnicode=true&characterEncoding=utf8&serverTimezone=UTC");
    53.         // dsc.setSchemaName("public");
    54.         dsc.setDriverName("com.mysql.cj.jdbc.Driver");
    55.         dsc.setUsername("root");
    56.         dsc.setPassword("");
    57.         mpg.setDataSource(dsc);
    58.  
    59.         // 包配置
    60.         PackageConfig pc = new PackageConfig();
    61.         pc.setModuleName(scanner("模块名"));
    62.         pc.setParent("com");//com.example.springmybatisdemo  输入example.springmybatisdemo
    63.         mpg.setPackageInfo(pc);
    64.  
    65.         // 自定义配置
    66.         InjectionConfig cfg = new InjectionConfig() {
    67.             @Override
    68.             public void initMap() {
    69.                 // to do nothing
    70.             }
    71.         };
    72.  
    73.         // 如果模板引擎是 freemarker
    74.         String templatePath = "/templates/mapper.xml.ftl";
    75.         // 如果模板引擎是 velocity
    76.         // String templatePath = "/templates/mapper.xml.vm";
    77.  
    78.         // 自定义输出配置
    79.         List focList = new ArrayList<>();
    80.         // 自定义配置会被优先输出
    81.         focList.add(new FileOutConfig(templatePath) {
    82.             @Override
    83.             public String outputFile(TableInfo tableInfo) {
    84.                 // 自定义输出文件名 ， 如果你 Entity 设置了前后缀、此处注意 xml 的名称会跟着发生变化！！
    85.                 return projectPath + "/src/main/resources/mapper/" + tableInfo.getEntityName() + "Mapper" + StringPool.DOT_XML;
    86.             }
    87.         });
    88.         cfg.setFileOutConfigList(focList);
    89.         mpg.setCfg(cfg);
    90.  
    91.         // 配置模板
    92.         TemplateConfig templateConfig = new TemplateConfig();
    93.  
    94.         templateConfig.setXml(null);
    95.         mpg.setTemplate(templateConfig);
    96.  
    97.         // 策略配置
    98.         StrategyConfig strategy = new StrategyConfig();
    99.         strategy.setNaming(NamingStrategy.underline_to_camel);
    100.         strategy.setColumnNaming(NamingStrategy.underline_to_camel);
    101.         // strategy.setSuperEntityClass("BaseBean");
    102.         strategy.setEntityLombokModel(true);
    103.         strategy.setRestControllerStyle(true);
    104.         // 公共父类
    105.         //strategy.setSuperControllerClass("BaseController");
    106.         // 写于父类中的公共字段
    107.         strategy.setSuperEntityColumns("id");
    108.         strategy.setInclude(scanner("表名，多个英文逗号分割").split(","));
    109.         strategy.setControllerMappingHyphenStyle(true);
    110.         strategy.setTablePrefix(pc.getModuleName() + "_");
    111.         mpg.setStrategy(strategy);
    112.         mpg.setTemplateEngine(new FreemarkerTemplateEngine());
    113.         mpg.execute();
    114.     }
    115.  
    116. }

    --效果如下：

    六、JavaEE三层架构概念及user查询实现

    每个package的作用:

    controller【控制层：http的请求控制处理类（接收和响应）】

    service 【业务层：功能的业务实现逻辑代码】

    mapper 【数据持久层：数据库的操作】

    entity【实体-数据模型-JavaBean：封装数据（比如学生、老师、医生）】

    JavaEE经典三层架构（controller、service、dao{mapper}）

    调用关系:

    controller调用service、service调用dao{mapper}

    编写程序时的顺序:

    dao{mapper}、service、controller

    --1、在mapper层中给所有mapper文件都添加上@Mapper注解

     --在User类中加入主键

     

    1. /**
    2.  * 主键、设置为自增策略
    3.  */
    4. @TableId(type = IdType.AUTO)
    5. private Integer id;

     --2、在controller中的UserController中定义查询请求接口

    1. @RestController
    2. @RequestMapping("/user") //功能模块的请求地址的前缀
    3. public class UserController {
    4.  
    5.     //依赖User模块的业务层对象
    6.     @Autowired  //自动注入对象
    7.     IUserService userService;
    8.  
    9.     //    http://127.0.0.1:8085/user/query
    10.     //定义一个请求功能的请求接口（处理方法）
    11.     @RequestMapping("/query")
    12.     public List query(){
    13.         //查询所有的user、返回是一个集合
    14.         List list = userService.list();
    15.         //返回list集合对象
    16.         return list;
    17.     }
    18.  
    19.  
    20. }

     --3、将项目的resources文件夹中的配置文件修改为application.yml、然后加入配置信息（要注意格式缩进）

    1. #数据库的链接配置
    2. spring:
    3.   datasource:
    4.     driver-class-name: com.mysql.cj.jdbc.Driver
    5.     url: jdbc:mysql://localhost:3306/vaccinum?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=UTC
    6.     username: root
    7.     password:
    8. #服务器的配置
    9. server:
    10.   port: 8085
    11.   tomcat:
    12.     uri-encoding: UTF-8
    13.   servlet:
    14.     encoding:
    15.       charset: UTF-8
    16. #打印sql日志信息
    17. mybatis-plus:
    18.   configuration:
    19.     log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

    --4、启动项目的application启动类，然后访问http请求测试

    http://localhost:8085/user/query

     七、mybatis-plus逆向工程通用API实现原理分析及user模块的接口实现【添删改查】

    --1、在UserController中定义添删改查的请求接口

    1. @RestController
    2. @RequestMapping("/user")
    3. public class UserController {
    4.  
    5.     //依賴user业务层对象
    6.     @Autowired //自动注入
    7.     IUserService userService;
    8.  
    9.     // http://localhost:8085/user/query
    10.     //    定义查询user的请求接口
    11.     @RequestMapping("/query")
    12.     public List query(){
    13.         //調用业务层的查询方法，返回list
    14.         List list = userService.list();
    15.         //返回
    16.         return list;
    17.     }
    18.  
    19.     // http://localhost:8085/user/insert?name=sdfdsf&password=sdfdsfd&codeid=sdfsdffdss&phone=13545631253
    20.     //    定义查询user的添加请求接口
    21.     @RequestMapping("/insert")//注意请求提交的参数key要和实体类的变量名一致
    22.     public boolean insert(User user){
    23.         //調用业务层的方法
    24.         boolean save = userService.save(user);
    25.         //返回
    26.         return save;
    27.     }
    28.  
    29.     // http://localhost:8085/user/update?id=15&name=123456s&password=123456&codeid=45698465sddd&phone=aa13545631253
    30.     //    定义查询user的修改请求接口
    31.     @RequestMapping("/update")//注意请求提交的参数key要和实体类的变量名一致
    32.     public boolean update(User user){
    33.         //調用业务层的方法
    34.         boolean update = userService.updateById(user);
    35.         //返回
    36.         return update;
    37.     }
    38.  
    39.     // http://localhost:8085/user/delete?id=15
    40.     //    定义查询user的删除请求接口
    41.     @RequestMapping("/delete")//注意请求提交的参数key要和实体类的变量名一致
    42.     public boolean delete(Integer id){
    43.         //調用业务层的方法
    44.         boolean delete = userService.removeById(id);
    45.         //返回
    46.         return delete;
    47.     }
    48.  
    49.  
    50. }

    --2、重启服务，并通过http请求进行测试。

    八、前端环境配置【Vscode、Node.js】【安装直接默认下一步即可】

    安装VSCode、然后扩展插件中安装以下的插件

    --配置“vue”插件

    --重新启动VSCode即可

    --安装node.js

    --创建前端项目的工作空间，然后使用vscode软件打开工作空间

    --使用终端打开dos命令行界面、测试环境【npm -v】

    VSCode快捷键：

    --新建一个文件使用：ctrl+n

    --使用英文的感叹号+提示，回车即可（生成html的命名空间）

    --注释代码：ctrl+/

    ---通过使用alt+b快速运行html在浏览器中

    ---快速复制一行代码： alt+shift+方向键

    ---移动代码： alt+方向键

    --回撤：ctrl+z

    --快速删除一行代码：ctrl+x

    --格式化代码： alt+shift+f

  • 相关阅读:
    docker部署的jenkins配置（接口自动化）
    VMwarePlayer安装Ubuntu，切换中文并安装中文输入法
    STM32CubeMX教程17 DAC - 输出三角波噪声波
    《Tree of Thoughts: Deliberate Problem Solving with Large Language Models》中文翻译
    经典面试题-Appium原理
    【Linux】Ubuntu 压缩与解压缩
    【区块链技术与应用】（八）
    Java获取随机数
    VUE3照本宣科——package.json与vite.config.js
    面试题-3
  • 原文地址：https://blog.csdn.net/dogxixi/article/details/133965408