基于项目资金管理系统的界面设计以及实现

摘  要：如今随着高职院校的不断发展，高校教科研项目也日益增多，本院校当前的财务资金管理基本上处于人工管理方式。针对这种模式的存在，项目和资金不断的扩大，项目资金管理效率的不断改变，越来越难以适应当前的环境变化，尤其在年底或是阶段性变化期间的严重性，人工的管理方式，让这个阶段的统计量非常大，在这情况下就会出现差错，针对这个项目，本小组开发了一个项目资金管理的系统，来实现学校报销情况的高效率运转。这个项目实现了报销内容和项目的查询、显示、添加、删除功能，本论文主要结合本人在该项目中所负责的模块，对项目资金管理系统进行需求分析、网页前台的界面设计、以及如何利用CSS +DIV技术在Microsoft Visual Studio2010中布局及兼容性的测试进行了详细的阐述。本论文主要对整个项目的开发过程进行了详细的阐述，本项目为用户提供了高效的报销平台，有着更好的发展空间。

关键词：资金管理界面设计 网页界面美化 网站布局

目 录

1 引言 1

1.1 课题的研究背景及意义 1

1.2 研究现状与发展趋势 1

2 课题的研究目标和内容 3

2.1 课题的研究目标和内容 3

2.2 我完成的相关任务及我搭档完成的任务 3

3 项目开发环境以及应用到的关键技术的介绍 5

3.1 界面设计开发环境 5

3.2 需求分析及界面设计开发工具 5

3.2.1 PhotoShop 5

3.2.2 Coredraw 6

3.2.3 Dreamweaver 6

3.2.4 Microsoft Visio 2003 8

3.2.5 Microsoft Visual Studio2010 8

3.3 技术分析 8

3.3.1 DIV+CSS 8

3.3.2 网页的兼容性 13

4 项目资金管理系统的需求分析与设计 15

4.1 系统需求分析 15

4.1.1 系统基本目标 15

4.1.2 系统性能需求 15

4.1.3 用户群体分析 15

4.2 总体结构图 16

4.3 项目进度计划 16

4.4 数据库分析 17

4.5 系统功能模块设计 17

4.5.1 登录界面设计 17

4.5.2 管理员模块设计 18

4.5.3 教师模块设计 19

4.5.4 学生模块设计 19

5 项目资金管理系统的概述以及相关界面设计 20

5.1 项目资金管理系统的介绍 20

5.2 项目资金管理系统的界面设计的介绍 20

5.2.1 界面设计风格的介绍 20

5.2.2 界面设计LOGO的介绍 20

6 Web页面设计及布局的实现 21

6.1 界面设计的过程描述 21

6.2 了解客户需求 21

6.3 收集整理相关资料 25

6.4 设计需求分析草图 25

6.5 描绘页面效果图 26

6.5.1 登录界面效果图 26

6.5.2 管理员教师显示、添加项目效果图 28

6.5.3 管理员教师显示、添加凭证效果图 29

6.6 用户确认 31

6.7 布局成静态页面 32

6.7.1 登录界面布局实现 32

6.7.2 管理员查看、显示、添加、删除项目页面布局实现 33

6.7.3 管理员查看、显示、添加、删除凭证页面布局实现 36

6.8 Web页面兼容性分析及测试 37

7 总结与展望 42

致谢 43

参考文献 44