復利計算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>

五、總結
   
  這次的界面設計讓我學習到了很多知識，也懂得了伙伴的重要性。