基于框架的Web开发-用户注册.docx

4 用户注册 1 运行效果 数据填满之后点提交 数据填满之后点提交，下面两种情况均只替换中部div内容： 用户名被占用，提示用户，回注册页面( div填充register.jsp页面) 如果没有被占用，向tb_customer表中插入一行用户信息，回首页（div填充所有商品页面） 2 CustomerDao CustomerDao添加两个方法，一个用来查询用户名是否被占用，另一个向tb_customer表中插入新新用户信息。(如有别的想法，dao类和映射文件请自行修改) 对应的customer.xml文件的sql映射请自行补充。 3 CustomerService和CustomerServiceImpl 分别添加两个方法，和上节两个方法对应，自行补充。 CustomerServiceImpl类中，需要更改数据表的方法上（insertNewCustomer方上），加下面事务注解： @Transactional(isolation=Isolation.REPEATABLE_READ,propagation=Propagation.REQUIRED, readOnly = false) 4 在基于框架的Web开发中，用户注册是一个基本但至关重要的功能。这个过程涉及到前端界面、后端服务、数据库操作以及事务管理等多个环节。以下是对这个文档中提到的知识点的详细解释： 1. **用户注册流程**： - 用户在前端填写注册信息后，点击提交按钮。 - 如果提交的数据满足条件（如用户名未被占用），则系统会向数据库的`tb_customer`表中插入一条新的用户信息。 - 如果用户名已被占用，系统会在中部div中显示提示信息，让用户回到注册页面。 - 注册成功后，系统会重定向用户至首页，展示所有商品页面。 2. **DAO层**： - `CustomerDao`需要新增两个方法，一个用于查询用户名是否已被占用，另一个用于插入新的用户信息。 - 配合这两个方法，需要在`customer.xml`的SQL映射文件中添加相应的查询和插入语句。 3. **Service层**： - 在`CustomerService`接口中，需要定义与DAO层相对应的两个方法，一个用于检查用户名，一个用于插入新用户。 - `CustomerServiceImpl`是`CustomerService`的实现类，需要实现这两个方法。在插入新用户信息的方法`insertNewCustomer`上，需添加事务注解`@Transactional`，指定隔离级别为`Isolation.REPEATABLE_READ`，传播行为为`Propagation.REQUIRED`，并且设置`readOnly`为`false`，以确保事务的完整性和一致性。 4. **Controller层**： - 需要添加一个方法用于跳转到注册页面，通常通过HTTP请求处理函数完成。 - 另一个方法处理注册表单的提交，调用Service层的方法进行用户名验证和用户信息插入。如果验证失败，将错误信息返回给前端；成功则插入数据并返回成功信息，然后跳转至商品页面。 5. **前端页面**： - `index.jsp`中，需要增加两个JavaScript函数，一个用于跳转到注册页面，另一个处理注册表单的提交。 - `login.jsp`上的“注册”超链接应调用JavaScript函数`register`，将`register.jsp`页面加载到div中。 - `register.jsp`是注册页面，包含注册表单，提交时调用`checkUserAndInsert`函数，根据控制器返回的结果决定显示哪个页面。 6. **测试**： - 必须对注册功能进行全面测试，包括成功注册的情况（查看`tb_customer`表中的新数据）和失败的情况（如用户名已存在，检查错误信息的正确显示）。 这个过程涵盖了Web应用的基本架构，包括MVC模式（Model-View-Controller）、前端与后端的交互、数据库操作以及事务管理，这些都是Web开发中的核心知识点。同时，它也强调了用户体验和错误处理的重要性，这对于构建健壮的Web应用程序至关重要。