Javaweb----------基于MVC分层开发思想的一个小项目demo（登录、添加、修改、删除、登出、将信息列表导出成Excel表格）

于 2021-07-28 17:25:49 发布
阅读量272 收藏 2
点赞数 2
分类专栏： 笔记 文章标签： javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cCENDD/article/details/119177075
版权

其实也是基于以前很多demo的一个综合

准备

需要用到的jar包（包含数据库、POI、德鲁伊数据库池）：百度网盘
提取码：Sjar

结构

在这里插入图片描述

前端页面

只是做简单的组件
用到了bootstarp来做简单的修饰
我这里仅提供用到的一些资源
bootstrap：百度网盘
提取码：bost
jquery:百度网盘
提取码：jqry
看结构要知道这些页面是在哪里创建的

login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + 	request.getServerPort() + request.getContextPath() + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录页</title>
<!--jquery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- bootstrap -->
<link type="text/css" rel="stylesheet" href="bootstrap3/css/bootstrap.min.css" />
<script type="text/javascript" src="bootstrap3/js/bootstrap.min.js"></script>
<base href="<%=basePath%>">
</head>
<body>

	<div>
		<h3 align="center">信息管理系统 <small>登录页</small></h3>
	</div>
	<div align="center">
		<form action="user/login.do" method="post">
		
			账号：<input type="text" name="username"/><br/><br/>
			密码：<input type="text" name="password"/><br/><br/>
		
			<input type="submit" value="提交" class="btn btn-primary btn-sm"/>
		
		</form>
	</div>
	

</body>
</html>

在这里插入图片描述
add.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + 	request.getServerPort() + request.getContextPath() + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>信息添加页</title>
<!--jquery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- bootstrap -->
<link type="text/css" rel="stylesheet" href="bootstrap3/css/bootstrap.min.css" />
<script type="text/javascript" src="bootstrap3/js/bootstrap.min.js"></script>
<script type="text/javascript">

	$(function(){
    
		
		$("#submitBtn").click(function(){
    
			
			//取得表单的jquery对象  调用提交表单方法
			$("#myForm").submit();
		
		})
	
	})
	

</script>
</head>
<body>
	
	<div>
		<h3 align="center">信息管理系统 <small>信息添加页</small></h3>
	</div>
	
	<div align="center">
		<form action="student/save.do" method="post" id="myForm">
		
		请输入姓名：<input type="text" name="name"/><br/><br/>
		请输入年龄：<input type="text" name="age"/><br/><br/>
		<!-- <input type="submit" value="提交"/> -->
		<button type="button" id="submitBtn" class="btn btn-primary btn-sm">提交表单</button>
		
		</form>
	</div>
	
	
</body>
</html>

在这里插入图片描述
edit.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
    %>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + 	request.getServerPort() + request.getContextPath() + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改页</title>
<!--jquery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- bootstrap -->
<link type="text/css" rel="stylesheet" href="bootstrap3/css/bootstrap.min.css" />
<script type="text/javascript" src="bootstrap3/js/bootstrap.min.js"></script>
<script type="text/javascript">

	$(function(){
    
		
		edit();
		
		function edit(){
    
			
			var id = "${param.id}";
			
			$.ajax({
    
				url : "student/edit.do",
				data : {
    
					//要传id
					"id" : id
				},
				type : "get",
				dataType : "json",
				success : function(data){
    
					
					//jquery方式赋值
					$("#myId").val(data.id);
					$("#myName").val(data.name);
					$("#myAge").val(data.age);
					
				}
				
			})
			
			
		}
		
		$("#submitBtn").click(function(){
    
			
			//取得表单的jquery对象  调用提交表单方法
			$("#myForm").submit();
		
		})
	
	})
	

</script>
</head>
<body>
	
	<div>
		<h3 align="center">信息管理系统 <small>信息修改页</small></h3>
	</div>
	<div align="center">
		<form action="student/update.do" method="post" id="myForm">
			<input type="hidden" name="id" id="myId"/>
			请编辑姓名：<input type="text" name="name" id="myName"/><br/><br/>
			请编辑年龄：<input type="text" name="age" id="myAge"/><br/><br/>
			<!-- <input type="submit" value="提交"/> -->
			<button type="button" id="submitBtn" class="btn btn-primary btn-sm">提交表单</button>
		
		</form>
		
	</div>
	
</body>
</html>

在这里插入图片描述
index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
    %>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + 	request.getServerPort() + request.getContextPath() + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
td {
    
	text-align: center;
}

a {
    
	text-decoration: none;
}

</style>
<!--jquery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- bootstrap -->
<link type="text/css" rel="stylesheet" href="bootstrap3/css/bootstrap.min.css"
最低0.47元/天 解锁文章
小岑你来一下！
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaWeb项目（完整）MVC-Demo02
qq_43997991的博客
09-17 1513
MVC-Demo02 开发环境 项目目录如下图 任务如下图 需要的jar包 数据库表 注意：tbl_dept.sql的主键id和tbl_employee.sql的did外键是关联的 tbl_dept.sql /* MySQL Data Transfer Source Host: localhost Source Database: test Target Host: localhost Tar...
基于Javaweb的demo
04-18
Java框架的基础学习
java random 47_GitHub - newRandom47/JavaWEB: JavaWEB学习之中的一些Demo
weixin_39769984的博客
02-13 81
#该仓库主要记录学习javaWEB中一些Demo1.SSM-Demo使用maven整合的Spring,SpringMVC,Mybatis的案例,数据库使用mysql,数据源为druid,可以直接拿过来使用,进行开发.2.Jersey-Demo该Demo是做微信设备功能开发时学习整合的,Demo里面写了Jersey常用配置,以及和Spring的整合,还有微信服务器的验证入口,对于微信设备开发可以直接...
一个简单的Javaweb小demo
smallapprentice的博客
04-15 900
前言 这篇博客是在看完了一篇黑马的文章之后突发奇想下来的。由于最近几天在学习框架的一些知识，对于javaweb中servlet有点忘记了，于是就有了这次的项目。看看自己对于Javaweb的三层架构还熟不熟悉。 任务 这次目的也是特别的简单，从数据库中把查询出来的信息，显示到浏览器上。 流程 1、搭建环境： 数据库使用的Mysql 导入依赖 <dependency> <groupId>junit</groupId> <artifactId&g
JAVA WEB 的一种开发模式---MVC模式和分层思想
qq_41816516的博客
03-16 520
MVC开发模式 M：Model模型 JavaBean的四种作用域 V：View视图 Jsp技术 C：Controller控制器 Servlet技术 ps: JavaBean:就是一个普通类（实体bean），包含三样标准：一个无参构造、私有属性、公共的getter和setter方法 分层思想 将应用分为三个层面：WEB层，业务层，数据访问层 客户端通过WEB层调用业务层的...
JAVAWEB开发模式（MVC 分层思想）
不再的blog
02-07 3560
MVC开发模式（JSP+Servlet+JavaBean）和分层思想 一、JavaWeb开发模式： C/S：客户端/服务器（胖客户端） B/S：浏览器/服务器（瘦客户端） 二、MVC开发模式: M:Model模型: JavaBean|四种作用域 V：view 视图 C：Controller 控制器 Servlet 二、分层思想： 只在Servlet中处理业务操作，会导致程序
JavaWEB学习demo
04-20
JavaWEB项目demos 包含各种框架的demo 可供入门学习，参考
构建一个简单的基于MVC模式的JavaWeb
weixin_34127717的博客
01-06 251
零晨三点半了，刚刚几个兄弟一起出去吼歌，才回来，这应该是我大学第二次去K歌，第一次是大一吧，之后每次兄弟喊我，我都不想去，因为我还是很害怕去KTV，或许是因为那里是我伤心的地方，也或许是因为我在那里失败过，所以内心一直都有点抵触，昨天是一室友的生日，也快过年，也是想和他们一起好好的玩一回，就放下一切去了，很久都没去吼歌了，嗓子现在都感觉哑哑的，今天一天仿佛没有干什么，有些不安，于是回来后把以前学习...
MVC模式在Java Web应用程序中的实现
weixin_33713503的博客
04-23 237
一、MVC简介： 　　MVC架构是一个复杂的架构，其实现也显得非常复杂。。Views可以看作一棵树，可以用CompositePattern来实现。Views和Models之间的关系可以ObserverPattern体现。Controller控制Views的显示，可以用StrategyPattern实现。Model通常是一个调停者可采用MediatorPattern来实现。 　MVC的...
基于MVC模式实现的登录和分页效果的小系统
且行且码且思且娱
10-14 4697
上一篇的小系统是用MV模式实现的，这种模式基于model1结合java class，实现了界面和模型的分离。但是有一些不足之处： 1 JSP技术上主要是作界面显示的，但是login.jsp调用了java class模型，完成对用户的验证。 2.welcome.jsp是用于显示用户信息（数据）的，但是它除了显示数据，还调用了java class模型，代码的优雅性荡然无存，也不利于
MVC模式的应用
11-18
(1) 实现一个MVC模式的Web应用（内容不限，比如登陆、查询（成绩、商品、人员信息）、录入（成绩、商品、人员信息）等）。 采用JSP编写一个页面（考虑美学设计），输入相关信息，提交给Servlet,Servlet通过调用javabean访问数据库并验证信息是否有效。如有效，跳转另一页面；否则提示信息有误，并在5s后跳转至原页面。
jsp基于MVC模式的用户登陆设计
11-08
jsp基于MVC模式的用户登陆设计，对于Javabean，JSP，Servlet各个部分的分类设计，通过设计，清楚认识各部分在网页中的功能。
java web开发的mvc_java的web开发中的mvc模式
weixin_29300931的博客
02-15 139
mvc 1,什么是mvc？ model,view,controller 是一种软件架构模式，其基本思想是：将一个软件的组成部分划分成三部分，即： 模型：封装业务逻辑 视图：数据展现，也就是表示逻辑(即将模型中提供的数据以合适的方法展示出来)， 另外还提供UI(用户接口)，用户通过视图向系统发送请求。 控制器：将视图与模型的关系解耦，即视图与模型的调用要通过...
MVC模式在Java Web应用程序中的实例分析
a4254353213的博客
05-06 156
一个简单的MVC实例 利用jsp+javabean+Servlet模拟一个用户登陆，实现对数据库的增删改查。 1，创建数据库 我使用的数据库是MySQL，创建一个Iuser表，具体如下 2，创建一个javabean类，对表中的3个属性进行封装 User.Java packagecn.jw.vo; publicclassUser { private...
Java学习笔记：编写一个MVC模式Web项目的完整流程
utrotech的博客
06-22 5482
本实例的编写和运行环境：MySQL 8.0、Tomcat 9.0、IntelliJ IDEA 2020.1 本实例演示一个极简的Java Web项目按照M（模型）V（视图）C（控制器）模式编写的过程： 1、新建项目 选择Java Enterprise --> Web Application 2、数据准备 在MySQL中建立一个库mydb1，在其中建立一个表student： SQL代码如下 SET FOREIGN_KEY_CHECKS=0; DROP TABLE..
简单的mvc java web,构建一个简单的基于MVC模式的Java Web应用程序
weixin_33303537的博客
03-10 590
例1-4用JSP、Servlet及JavaBeans构建一个简单的登陆系统。该系统的要求是，当用户在登陆录页面上填写用户名和密码并提交之后，系统将检查该用户是否已经注册；如果该用户已经注册，系统将进入主页面，否则就进入注册页面。我们将按照以下步骤构建这个系统：1.数据库设计：使用MS Access作为数据库，构建数据表T_UserInfo;2.构建视图组件：登录页面login.jsp，主页面mai...
java之学习记录 4 - 1 - 例子：MVC实现登录功能
dear_zx的博客
12-26 312
接https://blog.csdn.net/dear_zx/article/details/111646814最后的mvc示例：（学习记录） 代码结构： user类（数据库自定义类） package com.lagou.demo03.bean; public class User { private int id; private String userName; private String password; public User() { }.
JavaWeb实现MVC设计模式(概念解析)
a_good_programer的博客
10-18 3406
一、MVC介绍：MVC设计模式是一种用于Web应用程序的架构模式，指将Web应用分为 模型层-视图层-控制层，它强制性的将应用程序的输入、处理、输出流程按照 Model-View-Controller 的方式进行分离； MVC ( Model-View-Controller),即模型-视图-控制器；在javaWeb中分别对应着 JavaBean-Jsp-Servlet , 如下图： 1.
使用Pager-taglib实现JavaWeb分页的详细教程
在Java Web开发中，分页是一个常见的需求，用于提高用户体验并优化服务器性能。`pager-taglib`是一个专门解决这个问题的JSP标签库，它提供了一套易于使用的标签来简化分页界面的实现。本资源详细介绍了`pager-taglib...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值