基于Struts2框架的名片管理系统
目录
本篇博文将分享一款基于Struts2框架的名片管理系统，JSP引擎为Tomcat9.0，数据库采用的是MySQL5.5，集成开发环境为Eclipse IDE for Java EE Developers。
名片管理系统主要包括用户管理和名片管理功能。用户功能主要包括：用户注册、用户登录、修改密码和修改基本信息功能；名片管理主要包括：添加名片、查询名片、修改名片、删除名片功能。
希望通过本篇的学习，朋友们不仅能掌握Struts 2应用开发的流程、方法和技术，还能够熟悉名片管理的业务需求、设计以及实现。
1、系统设计
1、系统功能需求
名片管理系统主要包含以下功能：
- 非注册用户可以注册为注册用户；
- 成功注册的用户，可以登录系统；
- 成功登录的用户，可以添加、修改、删除以及浏览自己客户的名片信息；
- 成功登录的用户，可以在个人中心查看自己的基本信息和修改密码。
2、系统模块划分
用户登录成功后，进入管理主页面（main.jsp）可以对自己的客户名片进行管理。系统模块划分，如下图所示。
名片管理系统功能
2、数据库设计
系统采用加载纯Java数据库驱动程序的方式连接MySQL5.5数据库。在MySQL5.5的数据库card中，共创建两张与系统相关的数据表：usertable和cardinfo。
1、数据库概念结构设计
根据系统设计与分析，可以设计出如下数据结构：
- 用户
包括用户名和密码，注册用户名唯一。
- 名片
包括ID、名称、电话、邮箱、单位、职务、地址、Logo以及所属用户。其中，ID唯一，“所属用户”与“1．用户”关联。根据以上的数据结构，结合数据库设计的特点，可画出如下图所示的数据库概念结构图。
数据库概念结构图
其中，ID为正整数，值是从1开始递增的序列。
2、数据库逻辑结构设计
将数据库概念结构图转换为MySQL数据库所支持的实际数据模型，即数据库的逻辑结构。用户信息表（usertable）的设计，如下表所示：
用户信息表
名片信息表（cardinfo）的设计，如下表所示：
名片信息表
3、系统管理
1、导入相关的jar包
新建一个Struts 2应用cardManage，在所有JSP页面中尽量使用EL表达式和JSTL标签，又因为系统采用纯Java数据库驱动程序连接MySQL5.5以及JSON数据转换。所以，需要将对应的JAR包复制到WebContent\WEB-INF\lib的目录下，JAR包如下图所示：
所需JAR包
2、JSP页面管理
由于篇幅受限，这里仅附上运行效果图，所有实现见源代码。
-
管理主页面
注册用户在浏览器地址栏中输入http://localhost:8080/struts2cardManage/login.jsp访问登录页面，登录成功后，进入管理主页面（main.jsp），main.jsp的运行效果如下图所示：
管理主页面
-
程序报错页面
当Java程序运行出现异常时，系统会执行全局页面error.jsp。
- 无权限提示页面
在没有成功登录的情况下，对名片进行增、删、改、查等操作时，系统执行无权限操作，提示页面nologin.jsp。
- 包文件和配置文件管理
本系统的包文件和配置文件层次结构如下图所示：
包层次结构图
所需包文件说明如下所示：
-
action包
-
-
该包是系统中所有Action类，包括名片管理的Action类和个人中心的Action类。
-
-
Conf文件夹
-
-
该文件夹的xml文件是本系统所有Action类的配置。“card.xml”是名片管理Action类的配置，“user.xml”是个人中心Action类的配置。这些xml文件需要在struts.xml文件中包含进来。
-
-
dao包
-
-
dao包中存放的Java程序是实现数据库的操作。其中BaseDao是一个父类，该类负责连接数据库；CardDao是BaseDao的一个子类，有关名片管理的数据访问在该类中；UserDao是BaseDao的另一个子类，有关用户的数据访问在该类中。另外，该包中还有一个名为“jdbc.properties”的文件，该文件是有关数据库的配置。包括驱动类名、数据库URL、用户名以及密码等。
-
-
entity包
-
-
该包中有1个实体类：Card，封装名片信息。
-
-
interceptor包
-
-
该包中有1个拦截器类：LoginValidateInterceptor，进行权限控制。
-
-
util包
-
-
该包中MyUtil类是获得一个时间字符串的工具类。
-
-
所需配置文件文件说明如下所示：
-
-
struts.xml
-
-
在软件系统开发中，模块化设计是最常用的一种方式。为了方便管理，本系统也不例外，将不同模块的配置分别放在不同的配置文件中。然后，在struts.xml文件中，通过include引入这些配置文件。
-
-
user.xml
-
-
该配置文件负责配置和用户有关的Action。
-
-
card.xml
-
-
该配置文件负责配置个人中心有关的Action，在此处使用了通配符“*”动态匹配Action的请求名称。
4、用户管理
用户功能主要包括：用户注册、用户登录、修改密码和修改基本信息功能。
1、Action的实现
UserAction类负责处理“会员注册”、“会员登录”、“安全退出”以及“个人中心”的功能。
2、注册
在系统默认主页index.jsp，单击“注册”链接，打开注册页面register.jsp，效果如下图所示：
注册页面
在deleteSelect.jsp页面所示的注册页面中，输入“姓名”后，系统会根据Ajax异步请求路径“jsontest/isUse.action”检测“姓名”是否可用。输入合法的用户信息后，单击“注册”按钮，实现注册功能。
3、登录
在系统默认主页index.jsp，单击“登录”链接，打开登录页面login.jsp，效果如下图所示：
登录界面
用户输入姓名和密码后，系统将对姓名和密码进行验证。如果姓名和密码同时正确，则成功登录，将用户信息保存到session对象，并进入系统管理主页面（main.jsp）；如果姓名或密码有误，则提示错误。
单击登录界面中“确定”按钮，通过请求路径“user/login.action”，将登录请求提交给Action。配置文件user.xml根据请求路径找到对应Action类UserAction（6.1节）的login方法处理登录请求。
4、修改密码
单击主页面中“个人中心”菜单的“修改密码”菜单项，打开密码修改页面updatePWD.jsp。页面效果如下图所示：
密码修改页面
在密码修改页面中输入“新密码”和“确认新密码”后，单击“修改密码”按钮，将请求通过“user/updatePwd.action”提交给Action。配置文件user.xml根据请求路径找到对应Action类UserAction（6.1节）的updatePwd方法处理密码修改请求。
5、基本信息
单击主页面中“个人中心”菜单的“基本信息”菜单项，打开基本信息页面userInfo.jsp。页面效果如下图所示：
基本信息页面
5、名片管理
与系统相关的JSP页面、CSS和图片位于WebRoot目录下。在第3节中，已经介绍了系统的数据库操作，所以本节只是介绍JSP页面和Action的实现。
名片管理主要包括：添加名片、查询名片、修改名片、删除名片功能。
1、Action的实现
CardAction类负责处理“名片管理”的功能，包括添加、修改、删除、查询等。
2、添加名片
用户输入客户名片的姓名、电话、E-Mail、单位、职务、地址、Logo后，单击“提交”按钮实现添加。如果成功，则跳转到查询页面；如果失败，则回到添加页面。addCard.jsp页面实现添加名片信息的输入界面，如下图所示：
添加名片页面
单击上图中“提交”按钮，将添加请求通过“card/addCard.action”提交给Action处理。配置文件card.xml根据请求路径找到对应Action类CardAction（5.1节）的add方法处理添加功能。添加成功跳转到查询Action；添加失败回到添加页面。
3、查询名片
管理员登录成功后，进入名片管理系统的主页面，在主页面中初始显示查询页面queryCards.jsp，查询页面运行效果如下图所示：
查询页面
单击主页面中“名片管理”菜单的“查询名片”菜单项，打开查询页面queryCards.jsp。“查询名片”菜单项超链接的目标地址是个Action。该Action的请求路径为“card/queryCard.action”，配置文件card.xml根据请求路径找到对应Action类的query方法处理查询功能。在该方法中，根据动作类型（“修改查询”、“查询”以及“删除查询”），将查询结果转发到不同页面。
在queryCards.jsp页面中单击“详情”超链接，打开名片详细信息页面detail.jsp。“详情”超链接的目标地址是个Action。该Action的请求路径为“card/selectACard.action”。配置文件card.xml根据请求路径找到对应Action类的selectA方法处理查询一个名片功能。将查询结果转发给详细信息页面detail.jsp。名片详细信息页面如下图所示：
名片详情
4、修改名片
单击主页面中“管理名片”菜单的“修改名片”菜单项，打开修改查询页面updateSelect.jsp。“修改名片”菜单项超链接的目标地址是个Action。找到对应Action类CardAction的方法query，在该方法中，根据动作类型，将查询结果转发给修改查询页面。
单击updateSelect.jsp页面中的“修改”超链接打开修改名片信息页面updateCard.jsp。“修改”超链接的目标地址是个Action。找到对应Action类CardAction的方法selectA，在该方法中，根据动作类型，将查询结果转发给updateCard.jsp页面显示。
输入要修改的信息后，单击“提交”按钮，将名片信息提交给Action，找到对应Action类CardAction的方法update，在方法中执行修改的业务处理。修改成功，进入查询名片。修改失败，回到updateCard.jsp页面。updateSelect.jsp页面的运行效果如下图所示。
updateSelect.jsp页面
updateCard.jsp页面的运行效果如下图所示：
updateCard.jsp页面
5、删除名片
单击主页面中“管理名片”菜单的“删除名片”菜单项，打开删除查询页面deleteSelect.jsp。
“删除名片”菜单项超链接的目标地址是个Action。找到对应Action类CardAction的方法query，在该方法中，根据动作类型，将查询结果转发给deleteSelect.jsp页面，页面效果如下图所示：
deleteSelect.jsp页面
在上图的复选框中选择要删除的名片，单击“删除”按钮，将要删除名片的ID提交给控制器Action。找到对应Action类CardAction的方法delete，在该方法中，根据动作类型执行批量删除的业务处理。
单击上图中的“删除”超链接，将当前行的名片ID提交给控制器Action，找到对应Action类CardAction的方法delete，在该方法中，根据动作类型执行单个删除的业务处理。删除成功后，进入删除查询页面。
请关注微信公众号，回复关键字：名片管理系统，获取源码~
本文整理来源于：
1、《Java Web开发从入门到实战》陈恒 姜学 主编
2、清华计算机学堂
文章来源: handsome-man.blog.csdn.net，作者：不脱发的程序猿，版权归原作者所有，如需转载，请联系作者。
原文链接：handsome-man.blog.csdn.net/article/details/108901471
- 点赞
- 收藏
- 关注作者
评论（0）