大家好，又见面了，我是你们的朋友全栈君。
在实现简单网页上对数据内容进行增删改查，需要用到三个部分，分别是jsp网页部分 java后台部分 数据库表
我用一个新闻的例子来实现，首先编写java后台程序
java后台程序：
我们用三层的模式进行设计：分别是servlet，service，dao层，并且建立个实体包用来打包数据库和后台要用到的属
性截个图
首先是写功能写的顺序分别是从servlet，service，dao层：
servlet层代码如下：
代码语言：javascript复制public class TypeServlet {
TypeService ts=new TypeServiceImp();//调用service层
/*******添加************************************************************************************/
public int addtype(String name){
int a=0;
a=ts.addtype(name);
return a;
}
/*******查看************************************************************************************/
public List<types> selets(){
List<types> list=new ArrayList<types>();
list=ts.selets(null);
return list;
}
/*******删除************************************************************************************/
public int delete(int id){
int a=0;
types t=new types();
t.setId(id);
a=ts.delete(t);
return a;
}
/*******修改************************************************************************************/
public int update(types t){
int a=0;
a=ts.update(t);
return a;
}
/*******查找一个************************************************************************************/
public types selectone(int id){
types t=new types();
t.setId(id);
types nt=ts.selectone(t);
return nt;
}
}Service层分为两层分别为接口层和实现层
接口程序如下：
代码语言：javascript复制public interface TypeService {
public int addtype(String name);
public List<types> selets(types t);
public int delete(types t);
public int update(types t);
public types selectone(types t);
}接口实现程序：
代码语言：javascript复制public class TypeServiceImp implements TypeService{
TypeDao td= new TypeDaoImp();
public int addtype(String name) { //注意返回数据不要忘记修改
int a=0;
a=td.addtype(name);
return a;
}
public List<types> selets(types t) {
List<types> list=new ArrayList<types>();
list=td.selets(t);
return list;
}
/*******删除************************************************************************************/
public int delete(types t) {
int a=0;
a=td.delete(t);
return a;
}
/*******修改************************************************************************************/
public int update(types t) {
int a=0;
a=td.update(t);
return a;
}
/*******查找单个************************************************************************************/
public types selectone(types t){
types tp=new types();
tp=td.selectone(t);
return tp;
}
}Dao层程序同样分为接口层和实现层
接口层程序：
代码语言：javascript复制public interface TypeDao {
public int addtype(String name);
public List<types> selets(types t);
public int delete(types t);
public int update(types t);
public types selectone(types t);
}实现类程序：
代码语言：javascript复制public class TypeDaoImp implements TypeDao{
Connection con=null;
PreparedStatement ps=null;
ResultSet rs=null;
public int addtype(String name){
int a=0;
try {
//连接数据库
con=Shujuku.conn();
String sql="insert into typesname values(?)"; //设置id自增
ps=con.prepareStatement(sql);
ps.setString(1, name);
a=ps.executeUpdate();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return a;
}
public List<types> selets(types t) {
List<types> list=new ArrayList<types>();
try {
//连接数据库
con=Shujuku.conn();
String sql="select*from typesname";
ps=con.prepareStatement(sql);
rs=ps.executeQuery();
while(rs.next()){
types ty=new types();
ty.setId(rs.getInt("id"));
ty.setTypename(rs.getString("typename"));
list.add(ty);
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return list;
}
/*******删除************************************************************************************/
public int delete(types t) {
int a=0;
try {
con=Shujuku.conn();
String sql="delete from typesname where id=" t.getId();
ps=con.prepareStatement(sql);
a=ps.executeUpdate();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return a;
}
/*******修改************************************************************************************/
public int update(types t) {
int a=0;
try {
con=Shujuku.conn();
String sql="update typesname set typename=? where id=?";
ps=con.prepareStatement(sql);
ps.setString(1, t.getTypename());
ps.setInt(2, t.getId());
a=ps.executeUpdate();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return a;
}
/*******查找一个************************************************************************************/
public types selectone(types t) {
types tp=new types();
try {
con=Shujuku.conn();
String sql="select * from typesname where id=?";
ps=con.prepareStatement(sql);
ps.setInt(1, t.getId());
rs=ps.executeQuery();
if(rs.next()){
tp.setId(rs.getInt("id"));
tp.setTypename(rs.getString("typename"));
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return tp;
}
}最后就是数据库包，为了方便使用，将数据库的驱动连接信息建立一个包存放：
代码如下：
代码语言：javascript复制public class Shujuku {
public static Connection conn(){
//定义地址
String url="jdbc:sqlserver://localhost:1433;DatabaseName=test;";
//定义连接初始值
Connection connection=null;
try {
//加载驱动
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
//建立连接
connection=DriverManager.getConnection(url, "sa", "DCX5201314");
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return connection;
}
}属性包，代码如下：
代码语言：javascript复制public class types {
private int id;
private String typename;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getTypename() {
return typename;
}
public void setTypename(String typename) {
this.typename = typename;
}
}java后台程序就这么多；
接下来是数据库部分：
数据库部分主要就是建立一张表，笔者使用的是SQL Server 2008，首先建个数据库test，建立个表typesname，设置两列分别为id typename，id设为主键，int 型，自增为1；typename设置类型为varchar型，不能为空。
好了，数据库和java后台都搭建好了，现在来到前端网页部分，
网页部分
在myeclipse中新建7个jsp文件
index.jsp是一个总的网页
设置代码如下：
代码语言：javascript复制</head>
<frameset rows="20%,80%">
<frame src="head.jsp">
<frameset cols="20%,80%">
<frame src="left.jsp">
<frame src="right.jsp" name="rights">
</frameset>
</frameset>
<body>
</body>head.jsp
代码语言：javascript复制<body>
<h1>这是头部</h1>
</body>left.jsp
代码语言：javascript复制<body>
<h1>这是左边</h1>
<ul>
<li><a href="addtype.jsp" target="rights">添加新闻类型</a></li>
<li><a href="showtype.jsp" target="rights">查看新闻类型</a></li>
</ul>
</body>right.jsp
代码语言：javascript复制<body>
<h1>这是右边</h1>
</body>addtype.jsp
代码语言：javascript复制</head>
<%
request.setCharacterEncoding("UTF-8");
String name= request.getParameter("typename");
if(name!=null){
TypeServlet tp=new TypeServlet();
int a=tp.addtype(name);
if(a>0){
RequestDispatcher rd = request
.getRequestDispatcher("showtype.jsp");
rd.forward(request, response);
}else{
RequestDispatcher rd = request
.getRequestDispatcher("addtype.jsp");
rd.forward(request, response);
}
}
%>
<body>
<h1>添加新闻类型</h1><hr/>
<form action="addtype.jsp" method="post">
新闻类型：<input type="text" name="typename"></br>
<input type="submit" value="提交">
</form>
</body>showtype.jsp
代码语言：javascript复制<script type="text/javascript">
function deletes_(id){
var f=confirm("是否确定删除？");
if(f){
location.href="showtype.jsp?ids=" id;
}else{
alert("您取消删除");
}
}
function update(id){
location.href="updatetype.jsp?ids=" id;
}
</script>
</head>
<%
request.setCharacterEncoding("UTF-8");
String id=request.getParameter("ids");
String type=request.getParameter("type");
if(id!=null){
TypeServlet ts=new TypeServlet();
int a = ts.delete(Integer.parseInt(id));
response.sendRedirect("showtype.jsp");
}
%>
<body>
<h1> 展示类型</h1>
<table border="1">
<tr><td>编号</td><td>类型名称</td><td>操作</td></tr>
<%
//直接调用后台数据
TypeServlet ts=new TypeServlet();
List<types> list=ts.selets();
for(int i=0;i<list.size();i ){
types n=list.get(i);
%>
<tr>
<td><%=n.getId() %></td>
<td><%=n.getTypename() %></td>
<td><input type="button" onclick="update(<%=n.getId() %>)" value="修改"/>
<input type="button" onclick="deletes_(<%=n.getId() %>)" value="删除"/></td>
</tr>
<%
}
%>
</body>updatetype.jsp
代码语言：javascript复制<body>
<%
request.setCharacterEncoding("UTF-8");
String id=request.getParameter("ids");
TypeServlet tsl=new TypeServlet();
types ts=new types();
String type= request.getParameter("type");
if(type!=null){
String typename=request.getParameter("newtype");//从下面的输入取值
String id1=request.getParameter("id");
ts.setId(Integer.parseInt(id1));//强转
ts.setTypename(typename);
int a=tsl.update(ts);
response.sendRedirect("showtype.jsp");
}else{
if(id!=null){
ts=tsl.selectone(Integer.parseInt(id));
}
}
%>
<h1>修改新闻类型界面</h1>
<hr/>
<form action="updatetype.jsp" method="post">
<input type="hidden" name="type" value="3">
<input type="hidden" name="id" value="<%=ts.getId() %>">
新闻类型：<input type="text" value="<%=ts.getTypename() %>" name="newtype"><br/>
<input type="submit" value="提交">
</form>
</body>最终项目在tomcat上发布。
下面的地址积分系统调的太高了，我重新上传了一份内容是一样的地址在这：new_system重新命名_html获取数据库数据-Java文档类资源-CSDN下载
高积分下载打包文件在这：news_system,实现简单网页 java后台 数据库对标题和内容进行增删改查_网页实现数据库查询-SQLServer文档类资源-CSDN下载
也可以参考在这篇基础上的两个表关联操作：简单界面 JAVA后台 数据库实现页面对数据库的两张关联表操作_静风落叶的博客-CSDN博客_java关联表
有问题也希望各位提出，一起进步，
没积分的留言。留下邮箱，我看到会给你发的，但是太多的，可能会漏发，见谅！！！
也欢迎转载！！！也欢迎转载！！！也欢迎转载！！！
需要代码的人多，直接上传百度云了，大家自己下载，喜欢的话给我点个赞 链接： https://pan.baidu.com/s/1BdYakt5_d0-SlOSaLxVFPA 提取码: 82bd
复制这段内容后打开百度网盘手机App，操作更方便哦
点个赞点个赞点个赞点个赞点个赞
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/142885.html原文链接：https://javaforall.cn
