JAVA名片注册_JavaWeb练习-网上名片管理系统

实验项目名称

JavaWeb网上名片管理系统

实验目的

实现名片的增、删、改、查等操作。

实验基本原理

JSP指令、JSP动作、JSP内置对象等

主要仪器设备及耗材

Win10、Myeclipse

实验步骤

83a101eb4145f7de76a45c1bd07b3c5e.png

f5f1f3cf7f6b0c0729e5a808c873b0b0.png

说明:再打开本项目的时候,需要修改为自己本地的数据库名和密码,

并导入我的数据库里面的表。所有的连接数据库驱动的操作使用一个公共类实现,对外只提供一个静态的连接数据库的接口。

57b8ca440b97aa20ae020949ec2e8b41.png

1e7521285c8490c3bc4046a9435eb612.png

df08ae9b88800cfda9be92d086da1f7a.png

(一)、用户登录与注册

用户登录

界面设计:

使用bootstrap 部分代码如下:

ef20d87eb36571ad92b562b21e2c3c89.png

ba0cb39ca1831ab2952acd4b71c13cbb.png

用户名或密码为空时报错,密码错误时报错!然后自动返回登录界面;

66e33bab40fee1a57b153d99952a42f5.png6bf699bc3dded9c6bec3ebc8dfb2a041.png

部分后端代码:

089457a7d7448a6cba51b4a113644e87.png

用户注册

使用bootstrap部分代码如下:

0bb2b4d8a0691c46f64b4c9003229b23.png

界面设计:

7544af4f07e3cad5b8a29a079d8c7fbb.png

当用户名或密码为空以及两次输入不一致时,会报错!

7db31ce62ac0d8bf0fa143b32528305c.png85d50a71019640bbef4847389def92e7.png

当用户名存在时报错

924366f800299a01bff00298274ccc23.png

部分后端代码:

9f48beaf05aeb0b3fab8156c389ae077.png

然后插入数据库,并返回登录界面!!

671da3fd6191b50acd49ee57ded961c4.png

(二)、主界面

界面设计:利用bootstrap设计,采用下拉菜单实现导航功能

4ddb78ee70762fc6d443c1105d7fd553.png

部分代码如下:

ad63acc309d4f001560e013a9f570739.png

(三)、名片管理

添加名片

界面设计:利用bootstrap以仿真形式增加名片信息。

c8a93407bb670c248f6a61592c230dd0.png

用户名为空会报错!用户名已存在会报错!

6f0450d3cdcd62d988669541991ba41d.pnge0440b0f1e77041824cc24e27f5ea159.png

部分后端代码:获取前端信息,判断数据库中是否存在,若存在则报错,不存在则插入数据库。

02ff09101c56d834bfcf757bff38d7ca.png

修改名片

界面设计:

e6dd9e161e0d43a085a9b9e2a0032277.png

a9919950598eb72db851f6fa4a83e2c5.png

ee66177c0010b683eb59ca8e24e83597.png

部分后端代码:首先获取想要修改的姓名,然后从数据库中查找到这条记录,然后显示到前端,然后再修改后,修改到数据库中。

注意:如果修改名字的话,需要3个jsp页面。一个前端,两个后端,在第二个里面将姓名用session.setAttribute("name", name);设置为会话属性,然后在第三个jsp获取这个属性,因为如果要改姓名的话,会按照你当前改的去数据库查询,所以肯定会抛出异常。

9228b25008dd8de4fb5ad77a467f63a3.png

d5fad1917dc8ee74b94bad2da1b7f736.png

c6a5740bfa09365ca0fac8489ee24f1a.png

查询名片

界面设置:

采用模糊查询的方式,把姓氏相同的人查出来,放在列表里。

63043a5469817afd2c5e74c0a348a966.png

部分后端代码:从数据库中选出符合条件的记录。然后利用while语句放入列表中。

adcc9a1bda7b52e071a3d66aa1376433.png

3bc7ec77684673390036474048822362.png

删除名片

界面设计:分为彻底删除和放入回收站

72480394fac3f56a326aff48cd6f6797.png

e9e1f68aed02c0ddcd9b69badee2e459.png

放入回收站:

1899cabfb907c2be526fedeef513fe89.png

8e9894b1a71c3d39dda9454f02def40f.png

后端部分代码:

根据输入的姓名,然后选择不同的删除。设计三个jsp,第一个是前端,第二个就是从数据库中彻底删除数据,第三个是放入回收站中,如何实现在点击不同代码的的时候跳转提交到不同的jsp是个重点:

442b01fd868010ddb8442e46ec4c3e04.png

第一个按钮就通过外层的form提交的相应的jsp,然后第二个按钮就设计formaction属性跳到相应的jsp页面。

彻底删除部分代码如下;

3c2c9da25ef2a4186147a5c0557a273d.png

放入回收站部分代码如下:

放入回收站的操作:首先根据姓名找到该数据,然后建一个与前一个表对应的新表,先把数据加入新表,然后再把前一个表的数据删除。

aa34d523fe9f5280bb73c95233b64929.png

0f0e67d88b0286ccb26a3d8a74a617a0.png

(四)、回收站管理

还原

界面设置:

3b19f034dd7db4777fbd3bc69d52fe6c.png

部分后端代码:

还原与放入回收站互为逆操作,只需将相应的提示消息和表名改一下即可

4ffdacb084e90658deff5a6eee442428.png

彻底删除

界面设计:

彻底删除就直接将回收站的表里的记录删掉即可

1ee5dfe64e1af7c622b63d5c58bfafd5.png

部分后代代码:

1743ce3ea3ed3bdca686715c08680e5c.png

浏览和查询

界面设计:就将回收站数据库中的记录一条条全部输出到列表

部分后端代码:

f0f4b61f2ac3256f1b214e0d925aca3c.png

思考讨论题或体会或对改进实验的建议

此次实验的不足在于代码过于繁琐,下次可以考虑把相同的CSS设计样式写到一个样式表中并引用,实现代码复用,提高编程效率。

参考资料

Bootstrap档案

数据库课本

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值