标签:
一、结对同伴 姓名:蔡舜 学号: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>
五、总结
这次的界面设计让我学习到了很多知识,也懂得了伙伴的重要性。
标签:
原文地址:http://www.cnblogs.com/xinmingwang/p/5393305.html