复利计算v6.0--web版--软件工程

一、结对同伴

姓名：蔡舜

学号：201406114220

博客园地址：http://www.cnblogs.com/caishun/  
http://www.cnblogs.com/caishun/p/5392896.html



 

 

二、想法

 

这个数据我经常会填.....帮我预先填上呗？......
把界面做得简单漂亮好操作一点呗？
能不能帮我转成个APP，我装到手机上就更方便了？
我觉得这个很有用，很多人可能都需要这些功能，做到我的微信公众号上吧？
能不能不要让我填表单，让我发条消息，或者对着手机说句话就可以了？
每组选一两个方向加以改进，让我们的投资计算与记录工具，达到可以发布给用户使用的版本，并发布博客对此次更新进行说明与总结。
 

 

 

三、任务分配

 

蔡舜：设计整体框架、代码的编写

王昕明：界面设计、协同检查代码
   
    

 

四、部分代码

<div class="row">
    <div class="col-lg-1 col-md-2">
    </div>
    <div class="col-lg-2 col-md-2">
        <div>
            <nav class="navbar" >
                <div class="container-fluid-vertical ">

                    <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
                        <ul class="nav nav-pills nav-stacked">
                            <li class="bg-success"><a href="Menu.html" >主菜单</a></li>
                            <li class="bg-success"><a href="Benjin.html">本金计算</a></li>
                            <li class="bg-success"><a href="Fuli.html">终值计算</a></li>
                            <li class="bg-success"><a href="Years.html">年限计算</a></li>

                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
        </div>
    </div>

    <div class="col-lg-6 col-md-2">
        <div >

            <form class="text-center" >
                <div class="input-group col-lg-5 center-block">
                    <input type="text" class="form-control text-center " id="benjin" placeholder="本金" aria-describedby="basic-addon1">
                </div>
                <div class="input-group col-lg-5 center-block">

                    <input type="text" class="form-control text-center" id="years" placeholder="年限" aria-describedby="basic-addon2">
                </div>
                <div class="input-group col-lg-5 center-block ">

                    <input type="text" class="form-control text-center" id="lilv" placeholder="终值" aria-label="Amount (to the nearest dollar)">
                </div>

                <br/><br/><br/><br/><br/><br/>
                <div class="btn-group">
                    <input type="submit" class="btn btn-success"> <input type="reset" class="btn btn-warning">
                </div>
                <br/> <br/>
                <div class="input-group col-lg-3  text-height-3 center-block" >
                    <br>
                    <input type="text" class="form-control text-center" name="res" placeholder="结果">
                </div>

            </form>
        </div>

    </div>
</div>

五、总结
   
  这次的界面设计让我学习到了很多知识，也懂得了伙伴的重要性。

 

 

转载于:https://www.cnblogs.com/xinmingwang/p/5393305.html