实现方法:JSP+Servlet+JavaBean

基本实现思想:jsp文件为显示界面,包括增删改查四个界面,然后使用form或者href超链接的方法将网页获得的值传到Servlet中的方法里;而servlet方法中调用dao层里面的包括增删改查等方法的对象,以此实现对数据库里面的数据的增删改查,最后返回页面输出操作的结果。

具体实现步骤:

首先使用操作数据库软件(Navicat),新建数据库,建立好自己所用的表中包括的内容,然后按照以下步骤编写代码,实现操作。

1.建立DB包,DB类方法中包括的是连接数据库的方法,并实现数据库关闭的方法;

2.建立JavaBean包,里面的course类定义将要操作的对象以及其相关属性以及get、set方法;

3.建立dao层的包,在dao包里实现数据库的增删改查的方法,使用SQL语句实现,运用数据库语言,这是本次实验最重要的一个包,也是实验实现的关键。

4.建立Servlet包,新建servlet,里面包括两大部分,第一是接受来自JSP界面的相关参数,收集参数,传到dao层操作。第二大部分是将dao层传回来的操作结果返回至JSP界面进行显示。以此利用servlet来实现界面的交互跳转操作。

(工程实现时,可以再建立一个service包,实现dao中方法封装的功能)

5.建立一系列jsp文件,实现操作要求,功能如下:

首页:包括四个不同功能(课程添加、删除、查询、修改),利用href超链接跳转到四个不同的界面实现功能。

增加:(1)在add.JSP页面中的Form表格中输入要添加的相应的信息,通过Form表格的提交按钮将输入框Input中的内容和值(该值确定调用Servlet中的add方法)传给Servlet;(2)在Servlet中调用dao层中的add方法,dao层中的add方法;(3)通过DB层获取与数据库的连接,实现数据库的添加;(4)返回操作结果给Servlet的add方法,由Servlet中的add方法判断输出添加成功的JSP信息页面

删除:(1)输入要删除的课程名称,然后传值到Servlet中;(2)在Servlet中通过调用dao层的查询方法,在数据库中查找是否存在此课程,若存在,将课程全部信息存入List中传给Servlet,Servlet在用JSP文件显示该课程全部信息;(3)用户确定是否要删除,若要删除则继续传值给Servlet,调用Servlet中的删除del方法,该方法调用Dao层的del函数,实现数据库中的数据的删除;(4)操作结果返回至Servlet中,在Servlet中判断输出一个JSP结果页面。

修改:(1)显示全部的数据,点击要修改的一组数据,传值(此值为要修改的id )给Servlet;(2)Servlet中调用dao层的update修改方法,update方法修改数据库中数据;(3)操作结果返回至Servlet中,JSP弹出操作结果。

查找:(1)输入要查询的信息,进行粗略和精确查询,将输入的内容通过Form表格传值给Servlet;(2)Servlet中查询search方法调用dao层的查询search方法,在数据库中进行模糊或者精确查询,将查询到的信息装在List中传给Servlet;(3)JSP返回最终查询的信息。

除此之外,可以添加细节,来完善程序,对输入框中输入的信息要进行判断,通过Form表格进行onsubmit的判断,判断输入的内容是否合理,是否为空。

Web界面实现数据库增删改查过程的更多相关文章

  1. 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查

    AngularJS中的$resource服务相比$http服务更适合与RESTful服务进行交互.本篇后端使用ASP.NET Web API, 前端使用$resource,实现增删改查. 本系列包括: ...

  2. 2. MongoDB基本操作 —— 用Mongo.exe操作数据库增删改查

    一.开篇 传统的关系数据库一般由数据库(database).表(table).记录(record)三个层次概念组成,MongoDB是由数据库(database).集合(collection).文档对象 ...

  3. go——beego的数据库增删改查

    一直都不理解使用go语言的时候,为什么还要自己去装beego,以为使用go便可以解决所有的问题,结果在朋友的点拨下,才意识到: go与beego的关系就好比是nodejs与thinkjs的关系,因此也 ...

  4. (转)SQLite数据库增删改查操作

    原文:http://www.cnblogs.com/linjiqin/archive/2011/05/26/2059182.html SQLite数据库增删改查操作 一.使用嵌入式关系型SQLite数 ...

  5. WindowsPhone8 数据库增删改查

    今天第一次在博客园发表文章,如果有的地方写的不对,还请大家指出! 1.这就是一个简单wp8数据库增删改查 1.创建数据表Person [Table] public class Person : INo ...

  6. MVC——数据库增删改查(Razor)——Html语法

    一.显示界面 .Models(模板) private MyDBDataContext _context = new MyDBDataContext(); public List<Info> ...

  7. MVC——数据库增删改查(aspx)

    MVC: V(View) :视图→就是页面的模板 C(Control): 控制器→客户主要面对的就是控制器, M(Model):模板→在模板里面主要就是写关于数据库的各种增删改查的方法 它们之间的关系 ...

  8. Android SQLite 数据库 增删改查操作

    Android SQLite 数据库 增删改查操作 转载▼ 一.使用嵌入式关系型SQLite数据库存储数据 在Android平台上,集成了一个嵌入式关系型数据库--SQLite,SQLite3支持NU ...

  9. spring--boot数据库增删改查

    spring--boot数据库增删改查 数据库配置:(必须配置),我写的文件是yml的,和properties是相同的 1 spring: 2 datasource: 3 driver-class-n ...

随机推荐

  1. poj1564 Sum It Up dfs水题

    题目描述: Description Given a specified total t and a list of n integers, find all distinct sums using n ...

  2. CSS弹性(flexible)盒子

    弹性盒子         弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成 弹性容器通过display:flex | inline-flex将其定义为弹性容器 ...

  3. Confluence 6 编辑站点欢迎消息使用模板编辑器的小提示

    站点欢迎消息是一个模板而不是一个页面,所以你需要使用模板编辑器来对你的消息进行编辑. 你可以和在你 Confluence 中其他页面中一样,在站点欢迎消息模板中添加文本,连接和宏.但是添加图片的话会有 ...

  4. Mysql哪些字段适合建立索引

    数据库建立索引常用的规则如下: 1.表的主键.外键必须有索引: 2.数据量超过300的表应该有索引: 3.经常与其他表进行连接的表,在连接字段上应该建立索引: 4.经常出现在Where子句中的字段,特 ...

  5. laravel 注入那点事

    public function delete(Group $groupId, Post $postId) { $postId->delete(); return response()->j ...

  6. 怎么编辑PDF,如何给PDF加水印

    在使用PDF文件的时候,往往会用到PDF编辑器来修改,那么,在使用PDF编辑器修改文件的时候,想要在文件中添加水印,这该怎么操作呢,不会的小伙伴可以看看下面的文章了哦,说不定就会了. 1.打开运行PD ...

  7. 登录界面之Axure原型制作

    *****登录界面制作步骤***** 1.背景色:需要设定的背景色不知道色值,可以使用截图工具截取一小块粘贴到axure页面, 点击页面样式中的背景色左上角的取色器点击一下该色块,即可将背景色全部填充 ...

  8. javascript 将毫秒值转换为天-小时-分钟-秒钟

    var start_timeMS = new Date(start_date).getTime(); var end_timeMS = new Date(end_date).getTime(); va ...

  9. POJ 2001 Shortest Prefixes(字典树活用)

    Shortest Prefixes Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 21651   Accepted: 927 ...

  10. vetur插件提示 [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives错误的解决办法

    错误提示: [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the ...