(三) 设计策划
1、 目标使用人群定位
本系统的用户定位于经常使用网络购物的,有支付宝账号的用户。
2、 模块整体架构
本次设计分为,前台输入页面设计,数据库设计,以及服务器的控制逻辑。
页面设计中,我借用了一个javascript脚本,帮我实现一些条框的限定,
前台页面,按照功能分为三个页面,分别是
⑴ 说明页面,上面是利息分配的规则和公式的说明
⑵ 输入页面,上面能够输入用户的账户,交易金额以及资金滞留时间等数据,并提交计算,并显示计算结果。
⑶ 统计页面,上面通过列表形式记录交易的笔数以及每一笔交易的账户、交易金额、利息分配金额等数据。
(四) 前台页面设计方案
1、 说明页面设计
在说明页面中,主要是要显示出复利计算和分配的规则,是一个比较简单的说明页面,本文来自辣*文#论-文%网,毕业论文 www.751com.cn 加7位QQ324~9114找原文
如同我们在课程中学到的,需要在页面中显示用汉字表示的规则,其代码编译如下。
<script type="text/javascript" src="ipay.js"></script>
<style type="text/css">
/* Styling of global error indicator */
.form-error-state {
font-size: 11px;
padding-left: 20px;
height: 16px;
line-height: 18px;
background: no-repeat 0 0;
cursor: default;
}
.form-error-state-invalid {
color: #C30;
background-image: url(ext/resources/themes/images/default/form/exclamation.gif);
}
.form-error-state-valid {
color: #090;
background-image: url(ext/resources/themes/images/default/dd/drop-yes.gif);
}
/* Error details tooltip */
.errors-tip .error {
font-style: italic;
}
</style>