网站设计资料.doc

家 庭 财 务 管 理 网 站 设 计 与 实 现 JSP网站设计 家庭财务管理网站及其结构介绍 【备注】根据目前电子商务越来越受人们的亲睐，在线用户越来越多的利用了所学的jsp,web和网页设计做了一个有关于家庭财务管理的网站。也想测试一下这个在线的家庭财务管理对家庭财务有没有帮助，能不能节俭以及明清家里日常事务开销。使得家里的每一笔开销都有出路，不存在模糊的账务。 网站的首页是一个大概，里面有几个链接，想查看关于哪方面的就可以点击一链接进去，不过得先登陆，有家庭成员登陆和非家庭成员登陆，还有非家庭成员注册。非家庭成员注册就是为了以后有不是自己家里人也想加入这个家庭组织而特意增添的一个功能。首页的构造大块如下： 里面设计了财务动向、日常开销、动向详情以及财务管理的链接，链接进去可以实现你所想要的相应的功能。 先是家庭成员登陆和注册吧，你得有自己的密码和名，否则就得注册了。注册是一个如这样的框架：。 其中用户名和密码是一定要填写的，以便以后可以继续登陆。注册完就是接下来的登陆的了。然后进入到在线理财的页面： 其实如果你已经登陆了就可以依照自己的意愿选择要进入的页面，按照链接来的就是根据网站设计的一个个步骤。如上面的页面，点击【取出】就会跳到： 这样一个页面，告诉你所进行的操作是否成功。或者点击存入就会有如下一个信息需要填入： 所填的信息会存入一个数据库中，以便以后的查看或使用。页面到后面也会有相应的回主页，取消，查看等链接，方便使用者实现自己想要的那个功能。 账务存取的信息就会在这个数据库里保存下来，用了负号的就是表示去出去了。里面记录了处理账务的日期、人物、用途、金额的多少。 另外还有一个家庭成员和非家庭成员的数据库管理： 用Y表示的是家庭成员，N表示的是后来注册进去，可以有详细信息，也可以略微写一点，反应在表中的就如上所示了。为了方便，应当把这些表都放在一个数据库里。 像这些保存在表里的信息如若在以后有需要改动的，也是照样可以的。首先查看的话应该是会有： 这样的窗口出现，而修改则是： 可以对里面任何一条进行修改。再对数据库确认你修改的信息，是会显示出来的。 网站和数据库是连在一起的，用数据库保存信息，通过代码实现对数据库的增删改查等相应的功能，进而达到我们对家庭财务的在线统一管理和服务。 数据库介绍 前面网站介绍也提到了数据库的相关信息，这里也不再做什么重复的讲解了。就说数据库里有三个相关联的表，分别记录了人员信息、账务出入和账务动向等信息。 差不多就是这三个模块。具体的还要与网站实现相应的功能。 网站的功能 网站是借用数据库和JSP、WEB、网页设计和JAVA等相关知识的结合来实现对家庭 财务的管理。网站可以实现账务的增加，修改，查询，删除以及对家庭成员和非家庭成员的增加、查询、修改、删除。比如说查询吧： 这个就是输入要查询的人的姓名，然后会跳出查询的结果如上面所示。也可以修改个人的信息： 相应的表就会如下面所示： 对照上面的表就可以发现用户名是sw的密码已经从123更改为12345了。更多功能要用到网站上就更加方便快捷。 主要模块的实现的思路 主页的构造 网页的头部和底部都分别用了单独的代码把它们保存，便于之后的网页里用到和实现。Body部分是一个静态页面的编写，运用了table标签，用表格的形式将他们进行排版，再用到了div对它们布局，有一个公用的div用了统一的一个代码页面归结到一起了： A:link { FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: underline } A:hover { FONT-SIZE: 9pt; COLOR: #ff0000; TEXT-DECORATION: underline } A:visited { FONT-SIZE: 9pt; COLOR: #0000ff; TEXT-DECORATION: underline} .title { font-family: 宋体; FONT-SIZE: 12pt; COLOR: #FF0000; margin-top: 10px } .body { FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none} td {font-size: 10pt} tr {height:30} 这样就方便如果是一样的布局就可以读引用到这个代码了。而后就是一些需要链接到其它网页和引用图像的链接。总的来说首页就是一个静态页面和一个小小的注册的插入的编写，其中实现一些超链接和登陆注册的