Zz_waiting的博客

【代码】案例开发 - 日程管理系统 - 第一期。

搭建项目，先准备数据库，建表，然后可以在 idea 中查看数据库的表格。根据数据库表格创建实体类，在创建实体类，可以使用 lombok 插件在有了实体类之后，可以住呢比 dao 层，在 dao 层中，需要用接口来统一规范方法的名称，参数... 方便上层调用统一dao 层是依据表格，来分为不同的类 user 和 schedule ~Controller 层中，用于接收前端的请求，和返回结果注意理解，利用反射的方法，来做到一个 Servlet 就能接收多种请求，再对应多种解决方法。

我们对之前的前端页面进行重构。

在项目中，用户在未登录的状态下，不允许访问 showSchedule.html 和 SysScheduleController 相关增删改的操作，需要重定向到 login.html 页面中，登录成功后才可以自由访问。我们在日程管理第二期中，完成了一些功能，但有一个点忽略了。

接下来处理显示所有日程数据的问题，showSchedule.vue 中向后端发送异步请求，查询数据并且将数据在前端页面进行展示。前端 Login.vue 中，登录成功后，接收后端响应回来的用户名 id 和用户名，存储在 userStore 中。后端中的 SysScheduleController 类中进行 findAllSchedule 方法的编写。项目改造，进入 demo-schedule 项目中，下载 pinia 依赖。在 main.js 中开启 pinia。在 main.js 中直接导入即可。

即，我们的浏览器，访问的是前端页面的地址，http://localhost:5173，但是却从后端地址 http://localhost:8080 给我们返回数据，浏览器认为这样地址发生了变化而得到的数据是不安全的，因此报错。浏览器知道了后端服务器的存在，向后端服务器发两次请求，第一次称为预检，即确定一下后端服务器的数据是否安全，后端服务器告诉浏览器，放心吧哥们，我没病，然后浏览器再向后端服务器发送请求获取数据。我们在第五期完整了前端代码的重构，在第六期，使用 Axios 的技术完成前后端数据交互。

在第四期内容中，我们主要解决的是用 ajax 技术，实现用户在注册页面时候，输出要注册的用户名，当输入完用户名，点击空白处的时候，前端发送请求，检测用户名是否重复。