5 系统详细设计与实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV16w411p7WB/
三、运行截图:
5.1 系统登录实现
系统登录界面效果如图5-1所示。

图5-1 系统登录界面效果
5.2 系统管理员模块实现
系统管理员实现了成本管理,公告管理,项目管理,押金管理、权限管理、供应商管理、用户管理、支出管理、角色管理、我的进度。
(1)成本管理模块实现
管理员登录系统后点击成本管理显示项目名称、成本金额等信息,并实现对成本信息的查找、查看、删除、添加等操作。成本管理实现界面如下图5-2所示。

图5-2 成本管理实现界面
(2)公告管理模块实现
管理员登录系统后点击公告管理,显示公告信息,管理员对公告信息进行编辑。公告管理实现界面如图5-3所示:

图5-3公告管理模块实现界面
(3)项目管理模块实现
管理员登陆后进入相应的项目管理界面,显示项目名称、项目预算、项目进度、成本统计、押金统计、支出统计、进度管理等,系统管理员可以对项目信息进行查找、查看、删除、添加操作。项目管理实现界面效果图如图5-4所示。

图5-4项目管理实现界面效果图
(4)押金管理模块实现
系统管理员登陆后点击押金管理,显示押金信息,实现了对押金信息的增删改查管理,其实现界面效果图如图5-5所示。

图5-5押金管理实现界面效果图
(5)权限管理模块实现
系统管理员登录系统后点击权限管理,显示权限相关信息,管理员可以对权限信息进行管理。其实现界面效果图如图5-6所示。
图5-6权限管理实现界面效果图
(6)供应商管理模块实现
系统管理员登录系统后点击供应商管理,显示供应商信息,管理员可以对供应商信息进行删除、修改、添加管理,其实现界面效果图如图5-7所示。

图5-7供应商管理实现界面效果图
(7)用户管理模块实现
系统管理员登录系统后点击用户管理,显示用户信息,管理员可以对用户信息进行删除、修改、添加管理,其实现界面效果图如图5-8所示。

图5-8用户管理实现界面效果图
(8)支出管理模块实现
系统管理员登录系统后点击支出管理,显示支出信息,管理员可以对支出信息进行删除、修改、添加管理,其实现界面效果图如图5-9所示。

图5-9支出管理实现界面效果图
(9)角色管理模块实现
系统管理员登录系统后点击角色管理,显示角色信息,管理员可以对角色信息进行删除、修改、添加管理,其实现界面效果图如图5-10所示。

图5-10角色管理实现界面效果图
(10)我的进度模块实现
系统管理员登录系统后点击我的进度,显示我的进度信息,管理员可以对我的进度信息进行删除、修改、添加管理,其实现界面效果图如图5-11所示。

图5-11角色管理实现界面效果图
5.3 财务人员模块实现
(1)支出管理
财务人员登录系统后点击支出管理,显示支出信息,财务人员可以对支出信息进行删除、修改、添加管理,其实现界面效果图如图5-12所示。

图5-12支出管理效果图
(2)押金管理
财务人员登陆后点击押金管理,显示押金信息,实现了对押金信息的增删改查管理,其实现界面效果图如图5-13所示。

图5-13押金管理效果图
(3)成本管理
财务人员登录系统后点击成本管理显示项目名称、成本金额等信息,并实现对成本信息的查找、查看、删除、添加等操作。成本管理实现界面如下图5-14所示。

图5-14成本管理效果图
5.4 文员模块实现
(1)项目管理
文员登陆后进入相应的项目管理界面,显示项目名称、项目预算、项目进度、成本统计、押金统计、支出统计、进度管理等,文员可以对项目信息进行查找、查看、删除、添加操作。项目管理实现界面效果图如图5-15所示。

图5-15项目管理效果图
(2)我的进度
文员登录系统后点击我的进度,显示我的进度信息,文员可以对我的进度信息进行删除、修改、添加管理,其实现界面效果图如图5-16所示。

图5-16我的进度效果图
1
本文详细描述了一个使用Java、JavaScript和VUE.js开发的系统,包括登录界面、管理员模块(成本、公告、项目、押金、权限、供应商、用户、支出和角色管理)以及财务人员和文员模块的实现,涉及MySQL5.7数据库管理和IDEA/Eclipse开发工具。
2万+

被折叠的 条评论
为什么被折叠?



