Mybatis练习之表白墙练习

目录

功能介绍

相应的数据表 

相应的后端操作 

数据对象

过程对象

 Mapper对象

 Service对象

 Controller对象

前端页面 

HTML

 CSS

 JS​

---

功能介绍

主页

•  主页有各个页面（代表各个功能）的跳转
• 数据存储的地方，这个数据表的数据的显示

注册功能

•  注册功能，在这里输入用户名和用户密码，就会在后端存储对应的用户信息

登录功能

•  只有登录功能，才能进行发信息的功能（后面是cookie和 session的原理）

发布页面

•  这里发布的信息会在主页的信息表格显示，会使用session的username

大概资源的分类 

相应的数据表 

两个数据表

 用于存储用户信息的表

•  uid是主键，用来标识一列数据
• username,表示用户名
• password表示用户密码

用于存储相应信息的表

•  mid表示每条信息的主键，用于标识一个信息
• uid来对应是谁发的，因为我们uid是用户的主键，肯定能找到对应的用户信息
• whom，用来存储是谁发给谁的信息
• what表示发的是什么信息

相应的后端操作 

数据对象

• 这个数据对象用于封装Message中的一行数据，一个messgae对象对应message表的一行数据
• 数据对象我们是不会交给Spring去拖管

• 这个数据对象用于封装User表的一行数据，一个User对象对应user表的一行数据

过程对象

 Mapper对象

•  MessageMapper是一个过程对象，对应的是Message的代理类，里面对应从数据库中的插入message操作(对应我们前端的发信息的操作)和拿出message表的所有的数据（用于展示到前端的主页数据表格）
• 实现从数据库中对应的数据的操作，用XML的方式操作​​​​​​​​​​​​​​

•  UserMapper也是一个过程对象，对应的是一个User对象的代理类，里面对应的是我们的插入用户信息的操作insert（对应我们前端的注册用户的操作），selectOnerByUsername(对应我们在前端的登录操作，查询用户，然后验证密码)
• 实现从数据库中对应的数据的操作，用XML的方式操作​​​​​​​​​​​​​​​​​​​​​

 Service对象

• 我们的Service过程对象，在Mapper过程对象下的辅助下，进一步的进行业务处理 

Controller对象

• Controller对象对应的是我们后端对应着前端的最后一层，这里面存放着动态资源，可以让前端直接调用，比如Get,Post这些HTTP方法来调用，也可以用ajax或者表单来调用 

前端页面 

HTML

主页面的格式

• 里面引用了JS资源，JS资源提供AJAX的方式来完成对应tbody表单的DOM树的改变，达成对应的页面改变

 登录页面

• 登录页面，登录的表单，对应的HTTP方法是POST,请求的/login.do的动态资源，Controller的过程对象会利用Service->Mapper来操作数据对象来实现登录的功能

 发布页面

• 发布页面，发布的表单，对应的HTTP方法是POST,请求的/publish的动态资源，Controller的过程对象会利用Service->Mapper来操作数据对象来实现发布信息的的功能

 注册页面

• 注册页面，注册的表单，对应的HTTP方法是POST,请求的/register的动态资源，Controller的过程对象会利用Service->Mapper来操作数据对象来实现登录的功能

 CSS

主页面的修饰格式

 JS

•  利用ajax的格式，去申请了获得数据库中message表的全部信息（使用GET方法，调用messgae-list.json的资源，然后Controller->Service->Mapper，来操作数据对象和数据库），然后转换成JSON的格式来传到前端，来改变tbody的DOM树，起到改变页面的效果