jsp 动态添加一行数据_大数据从入门到深入:JavaEE 之 动态网页开发基础 JSP的数据交互(3)...

547de56ab28b699ec7d2edd196add11c.png

1.7 JSP实战

1.7.1 需求说明 : 采用model 1模式开发数据库表的增删改查业务

假设 数据库有一张表叫person表,完成person表的页面级别的 查询全部 添加 修改 删除 功能

1.7.2 大体思路 :

1. 构建项目

2. 导入jar包

3. 编写实体类 OOP OM Object Mapping 对象映射 表 ­­> 类 字段 ­­> 属性

4. 构建后台数据库连接类 jdbcUtil

5. 构建请求页面

6. 构建控制器页面

7. 构建数据展示页面

8. 完成CURD; 查询 添加 删除 更新

1.7.3 第一部分 : 项目初始化构建

1) 构建项目 : Java Web项目

31e5020c2a029334593b19ed2c084f27.png

2) 导入jar包

3f9f7c918fd295f281e1972e84cfb486.png

编写实体类

02508e5d13ae6a304a1d21cfc06f1902.png

构建后台数据库连接类

2cd481332760a9b1bb98d39a4a059786.png

1.7.4 第二部分 : 完成查询全部需求

1) 创建系统首页

<%

2) 创建控制器

<%

展示页面代码

<%

4) 效果展示

df152a8332c58fe413eb82d7efa672eb.png

点击展示

f57f153a27a8bd5014ffa5979b5e3ab0.png

1.7.5 第三部分 : 完成添加人员需求

1) 首页添加 "添加新人员" 连接

<%

2) 编写添加页面

<%

3) 编写添加控制器

<%

注意,页面中 page 是关键字,是JSP的内置对象,所以此处我们 不能使用!

效果 :

c41c142c3c23cde9dec017c14ab36360.png

622819f39cf2a9a739d6501224af35ef.png

006f0abeec5d22c2c3ef15d66672b379.png

1.7.6 第四部分 : 完成更新人员需求

选择你要更新的数据

展示你要更新的数据

修改数据

提交

如果修改成功 从新查询全部 如果修改失败 返回提示

1) 数据展示也添加 "更新" 和 "删除" 按钮

<%

效果 :

775e1c103ef73243186bb671c94c946e.png

2) 编写跳转JS

<

2) 编写按ID查询人员的控制器页面

<%

2) 编写展示要更新人员信息的页面

<%

3) 编写更新人员信息的控制器

<%

效果 :

dd752e9eb474c72b74367d322843c409.png

80cd2f7f85ccc2f82897bae0ebae4e1e.png

af82836a10981fd7e25a3fec519fb25e.png

131cab4b38aac1bb738a3fc171c94a4f.png

1.7.6 第四部分 : 完成删除人员需求

删除 :

首选 选择你要删除的哪一行 点击删除按钮

询问是否删除 如果点击是

删除

删除成功 ­­> 重新查询全部数据

1) 编写删除的JS脚本

<

2) 编写删除的控制页面

<%

效果:

3fb43ab287b68694557f9dbeb24e27aa.png

b8174d8b1e4b90daf71c2c74998bc1ee.png

5929fb2d2eeea9ddfb6d98b4fc4fd3e6.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值