一、目的
1、为了使程序员编写的代码更加的简洁，使人阅读起来更加流畅
2、将运算代码与界面代码完全分离开来，利于团队开发，提高团队之间的工作效率
3、 在很短的时间内可以替换整个站点的外观；
4、使程序员可以抽象编程，而无须接触HTML代码；
5、可以重复利用以前的模板。
二、示例
引用前一篇的记忆曲线的JSP文件
1、未进行分离的代码
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2 pageEncoding="UTF-8"%>
3 <%@ page import = "java.util.Date , java.text.*" %>
4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <html>
6 <head>
7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8 <title>Insert title here</title>
9 </head>
10 <body>
11 <table border=1>
12 <tr>
13 <td>天数</td>
14 <td>新学习</td>
15 <td>复习前1天</td>
16 <td>复习前2天</td>
17 <td>复习前4天</td>
18 <td>复习前7天</td>
19 <td>复习前15天</td>
20 </tr>
21 <%
22 Date today=new java.util.Date();//向上转型
23 SimpleDateFormat sdf = new java.text.SimpleDateFormat("yyyy-MM-dd");
24
25 int group=72;
26 int days=group+15;
27 for(int i=0;i<days;i++){
28
29 java.util.Calendar calendar = new java.util.GregorianCalendar();
30 //String day=today.toString();
31 //String day=today.getTime()+"";
32 //给日历一个初始时间
33 calendar.setTime(today);
34 //日历可以获取的时间
35
36 calendar.add(java.util.Calendar.DATE,i);
37 String day=sdf.format( calendar.getTime());
38 String task1="";//
39 String task2="";
40 String task3="";
41 String task4="";
42 String task5="";
43 String task6="";
44 //求算任务1
45 if(i<=group-1){
46 task1=(i+1)+"";
47 }
48 else{
49 task1="--";
50 }
51 //求算任务2
52 if(i<=0||i>group){
53 task2=(i+1)+"";
54 }
55 else{
56 task2=i+"";
57 }
58 //求算任务3
59 if(i<=(0+1)||(i-1)>=(group+1)){
60 task3="--";
61 }
62 else{
63 task3=(i-1)+"";
64 }
65 //求算任务4
66 if((i-3)<=0||(i-3)>=(group+1)){
67 task4="--";
68
69 }else{
70 task4=(i-3)+"";
71 }
72 //求算任务5
73 if((i-6)<=0||(i-3)>=(group+1)){
74 task5="--";
75
76 }else{
77 task5=(i-6)+"";
78 }
79 //求算任务6
80 if((i-14)<=0||(i-14)>=(group+1)){
81 task6="--";
82
83 }else{
84 task6=(i-14)+"";
85 }
86
87 %>
88 <tr>
89 <td><%=day %></td>
90 <td><%=task1%> </td>
91 <td><%=task2 %></td>
92 <td><%=task3 %></td>
93 <td><%=task4 %></td>
94 <td><%=task5 %></td>
95 <td><%=task6 %></td>
96 </tr>
97 <%
98 }
99 %>
100 </table>
101 </body>
102 </html>由代码可知：在JSP的代码界面中掺杂了大部分的运算代码，造成了代码的凌乱与耦合，今天的学习目的就是将这段JSP中的运算代码给拿出来，保证JSP代码的纯净
2、进行代码的分离
2.1、纯净化JSP代码
即将JSP中无关页面布局的代码除去，保留有关页面布局的相关代码，以达到JSP的纯净模式
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2 pageEncoding="UTF-8"%>
3 <%@ page import="java.util.*,java.text.SimpleDateFormat,web.MemTask,web.MemTaskImpl,entity.DayTask" %>
4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <html>
6 <head>
7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8 <title>Insert title here</title>
9 </head>
10 <body>
11 <table border="1px">
12 <tr>
13 <td>日期</td>
14 <td>新学习</td>
15 <td>复习前1课</td>
16 <td>复习前2课</td>
17 <td>复习前4课</td>
18 <td>复习前7课</td>
19 <td>复习前15课</td>
20 </tr>
21 <tr>
22 <td><%=item.getDay()%></td>
23 <td><%=item.getTask1()%></td>
24 <td><%=item.getTask2()%></td>
25 <td><%=item.getTask3()%></td>
26 <td><%=item.getTask4()%></td>
27 <td><%=item.getTask5()%></td>
28 <td><%=item.getTask6()%></td>
29 </tr>
30 </table>
31 </body>
32 </html>
2.2、对方法进行封装
先在src中创建名为DayTask的Java文件，并在其中编写定义实现类和实现方法的代码
代码如下：
1 package entity;
2
3 public class DayTask {
4 private String day;
5 private String task1;
6 private String task2;
7 private String task3;
8 private String task4;
9 private String task5;
10 private String task6;
11 public String getDay(){
12 return day;
13 }
14 public void setDay(String day) {
15 this.day = day;
16 }
17 public String getTask1() {
18 return task1;
19 }
20 public void setTask1(String task1) {
21 this.task1 = task1;
22 }
23 public String getTask2() {
24 return task2;
25 }
26 public void setTask2(String task2) {
27 this.task2 = task2;
28 }
29 public String getTask3() {
30 return task3;
31 }
32 public void setTask3(String task3) {
33 this.task3 = task3;
34 }
35 public String getTask4() {
36 return task4;
37 }
38 public void setTask4(String task4) {
39 this.task4 = task4;
40 }
41 public String getTask5() {
42 return task5;
43 }
44 public void setTask5(String task5) {
45 this.task5 = task5;
46 }
47 public String getTask6() {
48 return task6;
49 }
50 public void setTask6(String task6) {
51 this.task6 = task6;
52 }
53
54 }2.3、设置接口类
在编写代码是要时刻注意对接口的使用：
1. 从定义中，“接口方法可以在不同的方法被不同的类实现”，说明使用接口能够方便的去扩展，比如你在client中调用了一个接口，以后想用其他的实现，只需要重写一个实现类并扩展工厂就行了。
2. 可复用性，比如大型项目中，将Hibernate换成Ibatis的时候，可以只需要在Spring中配置实现类就可以替换了。接口属性能够方便的配置。
3.项目开发人员的分工，当接口定义好后，不同模块的开发人员可以先根据接口的定义开发自己的模块，提高了开发效率
4.方便早期的设计和以后的扩展。
于是我们需要编写一个接口类MemTask
代码如下：
1 package web;
2 import java.util.List;
3
4 import entity.DayTask;
5
6 public interface MemTask {
7
8 public List<DayTask> getAllTask(int group);
9
10 }2.4、实现接口类
新建一个MemTaskImpl类文件，该文件中的代码是用来实现MenTask类中的接口，并编写具体的类来实现算法。
1 package web;
2
3 import java.text.SimpleDateFormat;
4 import java.util.ArrayList;
5 import java.util.Calendar;
6 import java.util.Date;
7 import java.util.GregorianCalendar;
8 import java.util.List;
9
10 import entity.DayTask;
11
12 public class MemTaskImpl implements MemTask {
13
14 @Override
15 public List<DayTask> getAllTask(int group) {
16 List<DayTask> dayTaskList = new ArrayList<DayTask>();
17
18 Date today = new Date();
19 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
20 // 总次数
21 int days = group + 15;
22 for (int i = 0; i < days; i++) {
23 Calendar calendar = new GregorianCalendar();
24 // 给日历一个初始时间
25 calendar.setTime(today);
26 // 日历翻页
27 calendar.add(Calendar.DATE, i);
28 DayTask dayTask = new DayTask();
29 dayTask.setDay(sdf.format(calendar.getTime()) + " ");
30
31 // 求算任务1
32 if (i <= group - 1) {
33 dayTask.setTask1((i + 1) * 2 - 1 + "");
34 } else {
35 dayTask.setTask1("--");
36 }
37
38 // 求算任务2
39 if (i <= 0 || i >= (group + 1)) {
40 dayTask.setTask2("--");
41 } else {
42 dayTask.setTask2(i * 2 - 1 + "");
43 }
44
45
46 // 求算任务3
47
48 if ((i - 1) <= 0 || (i - 1) >= (group + 1)) {
49 dayTask.setTask3("--");
50
51 } else {
52 dayTask.setTask3((i - 1) * 2 - 1 + "");
53
54 }
55 //求算任务4
56 if ((i-3)<=0||(i-3)>=(group+1)){
57 dayTask.setTask4("--");
58
59 }else{
60 dayTask.setTask4((i-3)*2-1+"");
61
62 }
63 //求算任务5
64 if ((i-6)<=0||(i-6)>=(group+1)){
65 dayTask.setTask5("--");
66
67 }else{
68 dayTask.setTask5((i-6)*2-1+"");
69
70 }
71 //求算任务6
72 if ((i-14)<=0||(i-14)>=(group+1)){
73 dayTask.setTask6("--");
74
75 }else{
76 dayTask.setTask6((i-14)*2-1+"");
77
78 }
79 dayTaskList.add(dayTask);
80 }
81
82 return dayTaskList;
83 }
84
85 }2.5、在JSP界面中成功调用封装的类与方法
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2 pageEncoding="UTF-8"%>
3 <%@ page import="java.util.*,java.text.SimpleDateFormat,web.MemTask,web.MemTaskImpl,entity.DayTask" %>
4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <html>
6 <head>
7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8 <title>Insert title here</title>
9 </head>
10 <body>
11 <table border="1px">
12 <tr>
13 <td>日期</td>
14 <td>新学习</td>
15 <td>复习前1课</td>
16 <td>复习前2课</td>
17 <td>复习前4课</td>
18 <td>复习前7课</td>
19 <td>复习前15课</td>
20 </tr>
21 <%
22 //它的实例创建有2个办法
23 //1.传统的new 对象方法
24 //2.使用ioc注入
25
26 //调用已经封装的方法进行运算
27 MemTask memTask = new MemTaskImpl();
28 List<DayTask> dayTaskList = memTask.getAllTask(20);
29 for (DayTask item:dayTaskList){
30 %>
31 <tr>
32 <td><%=item.getDay()%></td>
33 <td><%=item.getTask1()%></td>
34 <td><%=item.getTask2()%></td>
35 <td><%=item.getTask3()%></td>
36 <td><%=item.getTask4()%></td>
37 <td><%=item.getTask5()%></td>
38 <td><%=item.getTask6()%></td>
39 </tr>
40<%} %>
41 </table>
42 </body>
43 </html>2.6、运行结果
启动Tomcat服务，运行该项目
得到的运行结果和前者的效果是一致的，证明了代码的分离是成功的
三、总结
在Java中web方面的学习中，要努力做到界面代码与运算代码无耦合，各方法之间通过使用接口的方式实现低耦合，清晰的分解出代码与代码之间的相关联系、方法的互相调用，使得代码整洁。
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
