一、结对同伴

姓名：蔡舜

学号：

博客园地址：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>

五、总结

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