目录

一、请设计并实现下面的Web应用

 1. 运行结果

2. inputNumber.jsp代码

3. ComputerBean.java代码

4. handleCompute

5. lookResult.jsp

二、基于MVC模式完成用户注册功能，不允许添加重名用户，使用AJAX技术在用户填写时进行检查并提示是否重复；用户名验证通过才能完成注册。

1. 运行截图

2. 数据库表

3. Bean

4. 注册表单

5. Js发送异步请求到servlet并根据返回的结果提示用户

6. sql语句

7. UserMapper

8. Service（调用Mapper层方法）

9. Controller

二、心得体会

---

一、请设计并实现下面的Web应用

有一个名为inputNumber.jsp的页面提供一个表单，用户可以通过表单输入两个数和运算符号提交给Servlet控制器；由名为ComputerBean.java生成的JavaBean负责存储运算数、运算符号和运算结果，由名为handleComputer的servlet控制器负责运算，将结果存储到JavaBean中，并负责请求JSP页面lookResult.jsp显示JavaBean中的数据。

 1. 运行结果

2. inputNumber.jsp代码

<p>输入运算数、选择运算符</p

<form action="<c:url value="/handleComputer"/>" method="post">
<!—此处产生下拉运算符供用户选择 -->

    <input type="text" name="numberOne" />

    <select name="operator">

        <option value="+">+</option>

        <option value="-">-</option>

        <option value="*">*</option>

        <option value="/">/</option>

    </select>

    <input type="text" name="numberTwo"/><br>

    <input type="submit" value="计算"/></form>

 

3. ComputerBean.java代码

package Bean;

public class ComputerBean {

private double num1,num2,result;

private String opt;

//此处省略部分setter和getter方法

public double optResult(String opt,double num1,double num2){

if(opt.equals("+")){ result=num1+num2; }

if(opt.equals("-")){ result=num1-num2; }

if(opt.equals("*")){ result=num1*num2; }

if(opt.equals("/")){ result=num1/num2; }

return result; 

}}

4. handleCompute

 

5. lookResult.jsp

二、基于MVC模式完成用户注册功能，不允许添加重名用户，使用AJAX技术在用户填写时进行检查并提示是否重复；用户名验证通过才能完成注册。

1. 运行截图

注册失败（和数据库的用户名冲突）

注册成功

2. 数据库表

 

3. Bean

 

4. 注册表单

 

5. Js发送异步请求到servlet并根据返回的结果提示用户

 

6. sql语句

 

7. UserMapper

我这里没有对它实例化，所以没有DAO层，在service层实例化了

 

8. Service（调用Mapper层方法）

 

9. Controller

二、心得体会

掌握了MVC架构整合Mybatis的方法，熟悉对数据库的查询和修改操作，同时在前端使用jQuery库提供的Ajax方法来发送异步请求，根据后端返回的数据格式（JSON），解析响应数据并提示用户是否可以注册。相比于之前学的转发和重定向，这样可以避免页面刷新，提升用户体验。