复利计算- 结对2.0--复利计算WEB升级版

客户在大家的引导下,有了更多的想法:

  1. 这个数据我经常会填.....帮我预先填上呗?......
  2. 把界面做得简单漂亮好操作一点呗?
  3. 能不能帮我转成个APP,我装到手机上就更方便了?
  4. 我觉得这个很有用,很多人可能都需要这些功能,做到我的微信公众号上吧?
  5. 能不能不要让我填表单,让我发条消息,或者对着手机说句话就可以了?

每组选一两个方向加以改进,让我们的投资计算与记录工具,达到可以发布给用户使用的版本,并发布博客对此次更新进行说明与总结。

------------------------------------------------------------------

  这次的结对项目我们针对简易型和外观性做了整体的改善,之前的结对项目我们用的是MyEC在JAVA程序项目上做了开发,然而这次我们尝试了一下将JAVA版的复利计算改善成WEB版的复利计算,这个WEB版的复利计算用的是JSP来完成的,我们也希望通过之前的复利计算学到更多JAVA方面知识,在这次的WEB复利计算上面,学到更多网页开发知识。

------------------------------------------------------------------

一、程序与开发

WEB版复利计算器所用到的软件主要有:MyEclipse10.0 和Adobe Dreamweaver

程序的部分运行截图:

复利计算- 结对2.0--复利计算WEB升级版复利计算- 结对2.0--复利计算WEB升级版

  这次的网页复利计算器主要美化了选择类型方面的选项框按钮:

通过对每一组内的选项进行判定:单击动作和页面去向

1 <input name="RadioGroup1" type="radio" id="RadioGroup1_0" value="单选" onclick="index1()">    //onclick 单击动作

    <a href="index1.jsp">1.复利计算</a></label></td>
      </tr>

1 <script type="text/javascript" ">
2 function index1() {
3 window.location.href = "index1.jsp";    // 页面去向
4 }
5 </script>

  除了在选择按钮方面、背景颜色有了改进,还有就是进行了简单的视频内嵌调用。这里就调用了一个视频链接,这样增强了网页程序的吸引性了:

复利计算- 结对2.0--复利计算WEB升级版
1         <embed pluginspage="http://www.macromedia.com/go/getflashplayer"
2         menu="true" loop="true" play="true" type="application/x-shockwave-flash"
3         style="z-index:-1;"
4         src="http://player.youku.com/player.php/sid/XMTQ5MTI0NTQzNg==/v.swf">
5      </embed>
复利计算- 结对2.0--复利计算WEB升级版

 

复利计算- 结对2.0--复利计算WEB升级版
复利计算- 结对2.0--复利计算WEB升级版
 1       <%
2
3 String p = request.getParameter("benjin");
4 String i = request.getParameter("lilv");
5 String n = request.getParameter("year");
6 String k = request.getParameter("cishu");
7 double P=0,I=0;
8 int N=0,K=0;
9 if(p==null){
10 p="0";
11 i="0";
12 n="0";
13 k="0";
14 }
15 try{P=Double.valueOf(p).doubleValue();
16 I=Double.valueOf(i).doubleValue();
17 N=Integer.valueOf(n).intValue();
18 K=Integer.valueOf(k).intValue();
19 double f=P*Math.pow(I/K+1,K*N);
20 out.println("<div align='center'>你所存入的本金:"+P);
21 out.println("<div align='center'>你所存的年利率比:"+I);
22 out.println("<div align='center'>你所存的年限:"+N);
23 out.println("<div align='center'>你所存的复利次数:"+K);
24 out.println("<div align='center'><strong>你所获得的金额为:"+String.format("%.2f", f));
25 }
26 catch(NumberFormatException e){
27 out.print("<br>"+"请输入数字字符");
28 }
29 %>
复利计算- 结对2.0--复利计算WEB升级版
复利计算- 结对2.0--复利计算WEB升级版

  在结对开发过程中,出现好多错误,就是刚开始在设计输入列表中,为什么每次都是输出一堆编码呢?还好在过程中有队友的及时发现,原来是没有先插入表单,再设计输入列表的表格。(下右图红色框为表单)

  复利计算- 结对2.0--复利计算WEB升级版

二、结对伙伴信息

  201406114130 卢利钦   http://www.cnblogs.com/luliqin/

  201406114134 黄冠锋  http://www.cnblogs.com/hgf520/

三、Github代码地址:

    https://github.com/luliqin/qin/tree/master/fuliweb/fuli-web

四、记录

预计时间       4h
实际时间 7h
搭档的工作 查找代码错误,编程思路
我的工作 界面的设计,编写代码

 

五、总结

这次对复利计算器的修改很成功,结合了新学的web知识,实现了对界面的可视化,和队友的配合也更加默契了。

上一篇:复利计算--4.0 单元测试之JAVA版-软件工程


下一篇:linux服务器安装Mysql后,只能看到information_schema/test这两个库,无法修改密码