软件架构与应用开发 实验三

代码地址：Github

实验目的和要求

  1. 能解释应用程序分层开发模式--MVC
  2. 能够使用视图技术Thymeleaf开发简单应用
  3. 理解控制器的使用来开发web应用
  4. 能利用MVC模式的开发Web应用程序
  5. 能在编写的程序中体现验证数据功能

实验内容和原理

  1. 利用Thymeleaf技术实现学生基本信息记录集的翻页功能
  2. 利用MVC模式实现学生基本信息展示
  3. 创建学生信息表单的录入功能，并提供学号长度、性别、身份证（注意身份证号的校验规则）和电子邮件功能，并显示提交成功后的学生信息

实验内容和原理

我觉得 Thymeleaf 目前使用并不广泛同时本人更加擅长 vue + springboot 开发，因此本实验个人将采用此技术开发

index

image-20230316135609143

  • 这里包含了数据库内的学生展示
  • 采用分页查询的方式

user

image-20230316135714503

  • 展示了用户的基本信息
  • 通过 index 页面直接跳转

add

image-20230316135825204

  • 进行用户添加操作
  • 通过 index 跳转
  • 基本的表单验证
    • 学号：非空、8 位数字
    • 姓名：
      • 不能有特殊字符和数字；
      • 可以输入英文，可以有空格，可以输入英文名字中的点；
      • 可以输入汉字；
      • 中文英文不能同时出现；
      • 长度在1-20；
    • 性别：男或女
    • 邮箱：自带验证
    • 身份证号：分位验证、末尾字符验证