精华内容
下载资源
问答
我要提问

  • jsp添加删除mysql数据库_Jsp/bean Mysql数据库 新增 修改 删除

     2021-01-18 21:00:24
    使得我们可方便地对数据库进行记录增加编辑删除修改. 这个些功能的编制可完全自动化完成,也就是说,只要设计好数据库, 对这个数据库的新增编辑删除功能的JSP代码就能自动编制完成.现将其思路分析如下:1.建立数据库xxx... 
    Jsp/bean Mysql数据库 新增 修改 删除的通用方法
    板桥里人 jdon.com
    由于Javabeans的方便快速数据库特性,见我的另外一文.
    使得我们可方便地对数据库进行记录增加编辑删除修改. 这个些功能的编制可完全自动化完成,也就是说,只要设计好数据库, 对这个数据库的新增编辑删除功能的JSP代码就能自动编制完成.现将其思路分析如下:
    1.建立数据库xxx:
    需要保证有一个PRIMARY KEY
    CREATE TABLE xxx (
    id int(20) NOT NULL AUTO_INCREMENT,
    记录名
    记录名二
    ........
    PRIMARY KEY (id)
    )
    2. 建立的bean 假设名为xxx.java
    //set数据表记录名
    //get数据表记录名
    //这是bean的规定写法, 可见我的文章 数据bean的自动赋值
    private int id = 0;
    public void setId(int id) { this.id = id; }
    public int getId() { return id; }
    private String 记录名 = 0;
    public void set记录名(String 记录名) { this.记录名 = 记录名; }
    public String get记录名() { return 记录名; }
    ....
    //建议用replace 代替insert 和update能
    //在replace方法中 实现 对数据库xxx 的replace操作
    //如 replace intp xxx (id,记录名,..) values (?,?,..)
    public void replace() throws Exception {
    .....
    }
    public void delete() throws Exception {
    .....
    }
    public void selete() throws Exception {
    .....
    }
    3.在xxx.jsp中加入流程控制:
    //下面一句保证jsp表单中的数据自动进入javabean对应的数据中
    />
    .....
    if (request.getParameter("save"))
    //调用bean中的replace方法
    xxx.replace()
    else if (request.getParameter("del"))
    //调用bean中的delete方法
    xxx.delete()
    else{
    %>
    //显示录入数据的表单
    if (request.getParameter("edit")!=null)
    {
    //如果是编辑 查询数据库 将相应的数据值显示出来
    xxx.select();
    %>
    }
    %>
    >
     >
    .......
    4.调用:
    新增功能: xxx.jsp
    编辑功能: xxx.jsp?edit=on&id=xxx
    删除功能: xxx.jsp?del=on&id=xxx
    总结:
    只要知道数据库的结构, javabean /jsp 通过表单对这个数据库的管理功能可以不费脑筋的自动出来,有的只是繁琐,这一过程其实完全可以让程序执行,只要告诉这个程序你的数据库结构,记录名,记录类型(int
    String 或float类型),程序就会自动输出一套Jsp/bean的代码程序.这套代码程序就是用来对数据库进行数据新增 编辑 删除.
    在我们日常开发中,只要有数据库,就有对数据库的新增 编辑 删除 查询等功能, 使用这套思路,就可以轻松完成. 2002/03/01
    补充，现在可以是Jdon Framework直接完成这些功能了，见Jdon Framework.
    相关文章：
    收起
    展开全文

  • jsp中数据库的查询，增加，删除，修改

     热门讨论 2011-04-28 21:48:55
    能够实现简单的jsp中数据库的查询，增加，删除，修改，但是如果要实现的自建数据源。是很简单的用例，希望对大家的学习有所帮助。 
    
                                    
    
                                    
    收起 
    
                                
    
                            
    
                                
    
                                    
                                        jdbc   
                                
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    Springboot day 03 如何写web 以及 不连接数据库的增加删除修改查询
    
                                    
                                2020-12-21 16:47:58
                            
    
                            
    
                                
    
                                    Springboot-web的访问 #thymeleaf 模板配置 spring:  thymeleaf:  prefix: classpath:/templates/ ... cache: false  Controller 类的配置  @RequestMapping("/")  public String demo(){ ...之前我们用jsp 跟后台做交
                                
    
                                
    
                                    
    
                                        
    Springboot-web的访问
    

    #thymeleaf 模板配置
spring:
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
    cache: false

    

    Controller 类的配置
    

        @RequestMapping("/")
    public String demo(){

        return "index";
    }

    

    在这里插入图片描述thymeleaf 的认识以及语法
    
之前我们用jsp 跟后台做交互。而Springboot 项目首先是以jar 的方式，不是war .像第二，我们用的还是嵌入式的Tomcat,所以，是不支持jsp 的
    
Springboot 推荐使用的是模板引擎，springboot 推荐使用的是thymeleaf .
    
简单的案例demo
    
html
    

    <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>hhh</title>
</head>
<body>
<!--获取的是普通前台的文本-->
<div th:text="${msg}"></div>
<!--获取的是一个前台的h1 标签-->
<div th:utext="${msg}"></div>
<table>
    <tr th:each="prod:${session.username}">
        <td th:text=${prod.id}></td>
        <td th:text=${prod.name}></td>
        <td th:text="${prod.pwd}"></td>
    </tr>

</table>

</body>
</html>

    

    Controller
    

    package com.jj.demo.Controller;


import com.jj.demo.pojo.Username;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

@Controller
public class TestController {
//自己课上的
    @RequestMapping("login")
    public String login(HttpServletRequest request){
        Username username = new Username();
        String name="娇娇";
        username.setName(name);
        username.setId(1);
        username.setPwd("123");

        HttpSession session = request.getSession();
        session.setAttribute("username",username);
        return "index";
    }

//    web的
    @RequestMapping("/class1")
    public String Class1(Model model){
//        设置属性
        model.addAttribute("msg","<h1>msg</h1>");
        return "index";
    }

}


    

    不连接数据库的小demo
    
1,准备工作  实体类
    

    package com.jj.demo.pojo;

import lombok.*;

//部门表
@Data
@AllArgsConstructor
@NoArgsConstructor
@Getter
@Setter
public class Department {
    private Integer id;
    private String departmentName;

}


    

    package com.jj.demo.pojo;

import lombok.*;

import java.util.Date;
@Data
@NoArgsConstructor
@Getter
@Setter
public class Employee {
    private  Integer id;
    private String lastName;
    private String email;
    private Integer gender;
    private Department department;
    private Date birth;



    public Employee(Integer id, String lastName, String email, Integer gender, Department department) {
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
        this.department = department;
        //默认自动生成日期
        this.birth = new Date();
    }
}


    

    dao 层
    

    package com.jj.demo.dao;

import com.jj.demo.pojo.Department;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

//部门的dao
@Repository
public class Deptdao {
//    添加数据
    private static Map<Integer, Department> dept=null;
//    静态内部类
    static {
    dept = new HashMap<Integer,Department>();


//    添加假的数据

    dept.put(101,new Department(101,"开发部"));
    dept.put(102,new Department(102,"教学部"));
    dept.put(103,new Department(103,"学工部"));
    dept.put(104,new Department(104,"教研部"));
    dept.put(105,new Department(105,"后勤部"));
}
//全查
    public Collection<Department> show(){
        return dept.values();
    }
//    根据id 查询
    public Department Departmentbyid(Integer id){
        return dept.get(id);
    }
}


    

    package com.jj.demo.dao;

import com.jj.demo.pojo.Department;
import com.jj.demo.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

@Repository
public class Empdao {
    @Autowired
    Deptdao deptdao;
    //    添加数据
    private static Map<Integer, Employee> emp=null;
    //    静态内部类
    static {
        emp = new HashMap<Integer,Employee>();


//    添加假的数据
        emp.put(1001,new Employee(101,"zyh","2307041422@qq.com",1,new Department(101,"开发部")));
        emp.put(1002,new Employee(102,"fjj","3307041422@qq.com",0,new Department(102,"教学部")));
        emp.put(1003,new Employee(103,"xhm","6307041422@qq.com",0,new Department(103,"学工部")));
        emp.put(1004,new Employee(104,"zzb","5307041422@qq.com",0,new Department(104,"教研部")));
        emp.put(1005,new Employee(105,"ll","4307041422@qq.com",1,new Department(105,"后勤部")));
    }
//    设置主键id 自增加
    private static Integer id =1006;
//    自增加的方法
    public void add(){
        Employee employee = new Employee();
        if (employee.getId()==null){
            employee.setId(id++);
        }
        employee.setDepartment(deptdao.Departmentbyid(employee.getDepartment().getId()));
        emp.put(employee.getId(),employee);
    }
//    查询全部员工信息
//全查
public Collection<Employee> show(){
    return emp.values();
}
//通过id 查
    public Employee Employeebyid(Integer id){
       return emp.get(id);
    }
//    通过id 删
    public void del(Integer id){
    emp.remove(id);
    }
}


    

    登录的页面
    
记得引入thymeleaf 的命名空间
    

    <!DOCTYPE html>
<html lang="en"   xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Signin Template for Bootstrap</title>
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link th:href="@{/css/signin.css}" rel="stylesheet">
	</head>

	<body class="text-center">
		<form class="form-signin" action="dashboard.html">
			<img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
			<label class="sr-only">Username</label>
			<input type="text" class="form-control" placeholder="Username" required="" autofocus="">
			<label class="sr-only">Password</label>
			<input type="password" class="form-control" placeholder="Password" required="">
			<div class="checkbox mb-3">
				<label>
          <input type="checkbox" value="remember-me"> Remember me
        </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
			<p class="mt-5 mb-3 text-muted">© 2019-2020</p>
			<a class="btn btn-sm">中文</a>
			<a class="btn btn-sm">English</a>
		</form>

	</body>

</html>

    

    国际化
    
在resources 下创建一个名叫 i18n 的文件夹
    
在这里插入图片描述
    
可以在里面添加一些国际化的
    
在这里插入图片描述
    
在这里插入图片描述可以同时写了
    
在页面可以这样获取
    
在这里插入图片描述
    
在这里插入图片描述配置文件的配置
    

    

    #thymeleaf 模板配置
spring:
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
#    关闭缓存
    cache: false
#    邮箱的配置
  mail:
    host: smtp.163.com
    username: fengjiaojiao2020@163.com
    password: ***
    protocol: smtp
    default-encoding: UTF-8
    #数据库的配置
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/op?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT
    username: root
    password: 123456
    #配置国际化
  messages:
    basename: i18n/login

    

    如何设置点击中英文实现切换国际化
    
在这里插入图片描述
    
1，先在html 更改
    

    	<a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
			<a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>

    

    2，写一个自己的MylocaleResolver 类 实现人家 spring boot 自己的 localeResolver
    

    package com.jj.demo.config;

import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;

public class MylocaleResolver implements LocaleResolver {
    @Override
    public Locale resolveLocale(HttpServletRequest Request) {
//        获取请求中的语言参数
        String l = Request.getParameter("l");
        Locale aDefault = Locale.getDefault();//如果没有就改变默认的
//        如果请求的连接携带了国际化的参数
        if (!StringUtils.isEmpty(l)){
//            分割
            String[] s = l.split("_");
            aDefault = new Locale(s[0], s[1]);
        }
return aDefault;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}


    

    3，写一个扩展类 因为人家springboot 的源码也大都是 加一个@bean 所以只要写的跟他一样，加上该有的注释，就可以实现配置自己了啦
    

    package com.jj.demo.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration

public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
    }
    @Bean
    public LocaleResolver localeResolver(){
        return new MylocaleResolver();
    }
}


    

    跑项目就可以实现点击切换中英文了。记得配置上面的那个
    
在这里插入图片描述
    

    实现登录功能。由于没有真的数据，我们就做几个简单的判断。
    
先在我们自己的扩展类做一下假的的跳转登录。就是登录之后不能让别人知道你是咋跳过来的
    

    package com.jj.demo.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration

public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
        registry.addViewController("/jj.html").setViewName("dashboard");
    }
    @Bean
    public LocaleResolver localeResolver(){
        return new MylocaleResolver();
    }
}


    

    在控制类写
    

    package com.jj.demo.Controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;


@Controller
public class DomeController {
    @RequestMapping("login")
//    @ResponseBody
    public String demo(@RequestParam("name") String name, @RequestParam("pwd") String pwd, Model model){
        if (!StringUtils.isEmpty(name)&& "123456".equals(pwd)){
            return "redirect:jj.html";
        }
        else {
            model.addAttribute("msg","你的是无法的！！");
            return "index";
        }

    }
}


    

    前台做一下判断，用来实现如果密码输入错误友好提示
    
在这里插入图片描述
    
就可以实现了，样式
    
在这里插入图片描述
    
如果密码账号输入正确
    
在这里插入图片描述
    
是个假的登录，看不到我们的信息。
    
实现拦截器的功能
    
记得在控制层设置session 会话
    
1，写拦截器类，获取session 会话 ，判断是否为空
    

    package com.jj.demo.config;

import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class loginInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //        获取session 会话
        HttpSession session = request.getSession();
        Object name = session.getAttribute("name");
//        判断名字是否为空
        if (name == null) {
//            提示用户
            request.setAttribute("msg", "没有登录");
            request.getRequestDispatcher("/index.html").forward(request, response);
            return false;
        }else {
            return true;
        }

    }
}


    

    2，在自己的扩展类里写上关于拦截器的 给 记得给资源放行
    

    //拦截器的
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
    registry.addInterceptor(new loginInterceptor()).addPathPatterns("/**").excludePathPatterns("/index.html","/","/login","/css/*","/js/**","/img/**");
    }
}

    

    实现全查的方法
    
控制层
    

    @RequestMapping("emps")
    public String demo(Model model){
    Collection<Employee> show = empdao.show();
    model.addAttribute("emps", show);
    return "emps/list";

}

    

    前端页面 关键代码
    

    <!--	引入头部导航栏组件 -->
		<div th:replace="~{common/common::topBar}"></div>

		<div class="container-fluid">
			<div class="row">
<!--				dashboard是指的页面名称 ~{.. :: ..}是insert格式 sideBar是dashboard页面的侧边栏组件名-->
			<div th:replace="~{common/common::sideBar}"></div >
				<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
					<h2>Section title</h2>
					<div class="table-responsive">
						<table class="table table-striped table-sm">
							<thead>
								<tr>
									<th>id</th>
									<th>名字</th>
									<th>邮箱</th>
									<th>性别</th>
									<th>部门</th>
									<th>生日</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr th:each="emp:${emps}">
									<td th:text="${emp.id}"></td>
									<td th:text="${emp.lastName}"></td>
									<td th:text="${emp.email}"></td>
									<td th:text="${emp.gender==0?'女':'男'}"></td>
									<td th:text="${emp.department.getDepartmentName()}"></td>
									<td th:text="${#dates.format(emp.getBirth(),'yyyy-MM-dd HH:mm:ss')}"></td>
									<td>
										<button class="btn btn-sm btn-primary">编辑</button>
										<button class="btn btn-sm btn-danger">编辑</button>
									</td>
								</tr>

							</tbody>
						</table>
					</div>
				</main>
			</div>
		</div>

    

    样式
    
在这里插入图片描述
    
这里是抽取公共部分的代码
    
在这里插入图片描述
    
在这里插入图片描述
    
可以用replace获取也可以用insert
    

    添加功能的实现
    

    在这里插入图片描述控制层
    

    在这里插入图片描述
    

    更新的页面
    

    <!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>Dashboard Template for Bootstrap</title>
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link th:href="@{/css/dashboard.css}" rel="stylesheet">
		<style type="text/css">
			/* Chart.js */

			@-webkit-keyframes chartjs-render-animation {
				from {
					opacity: 0.99
				}
				to {
					opacity: 1
				}
			}

			@keyframes chartjs-render-animation {
				from {
					opacity: 0.99
				}
				to {
					opacity: 1
				}
			}

			.chartjs-render-monitor {
				-webkit-animation: chartjs-render-animation 0.001s;
				animation: chartjs-render-animation 0.001s;
			}
		</style>
	</head>

	<body>
<!--	引入头部导航栏组件 -->
		<div th:replace="~{common/common::topBar}"></div>

		<div class="container-fluid">
			<div class="row">
<!--				dashboard是指的页面名称 ~{.. :: ..}是insert格式 sideBar是dashboard页面的侧边栏组件名-->
			<div th:replace="~{common/common::sideBar}"></div >
				<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
					<form class="form-horizontal" th:action="@{/add}" method="post">
						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">名字</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="inputPassword3" placeholder="name" name="lastName">
							</div>
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
							<div class="col-sm-10">
								<input type="email" class="form-control" id="inputEmail3" placeholder="Email" name="email">
							</div>
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">性别</label>
						<label class="radio-inline">
							<input type="radio" name="gender" id="inlineRadio1" value="0"> 男
						</label>
						<label class="radio-inline">
							<input type="radio" name="gender" id="inlineRadio2" value="1"> 女
						</label>
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">部门</label>
							<select class="form-control" name="department.id">
								<option th:each="dept:${show}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}"></option>


							</select>
<!--							<label for="inputEmail3" class="col-sm-2 control-label">部门</label>-->
<!--							<div class="col-sm-10">-->
<!--								<input type="text" class="form-control" id="inputEmail" placeholder="部门">-->
<!--							</div>-->
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">出生日期</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="inp" placeholder="出生的日期" name="birth">
							</div>
						</div>


						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="submit" class="btn btn-default">提交</button>
							</div>
						</div>
					</form>
				</main>
			</div>
		</div>

		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script type="text/javascript" th:src="@{/js/jquery-3.2.1.slim.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/popper.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>

		<!-- Icons -->
		<script type="text/javascript" th:src="@{/js/feather.min.js}"></script>
		<script>
			feather.replace()
		</script>

		<!-- Graphs -->
		<script type="text/javascript" th:src="@{/js/Chart.min.js}"></script>
		<script>
			var ctx = document.getElementById("myChart");
			var myChart = new Chart(ctx, {
				type: 'line',
				data: {
					labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
					datasets: [{
						data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
						lineTension: 0,
						backgroundColor: 'transparent',
						borderColor: '#007bff',
						borderWidth: 4,
						pointBackgroundColor: '#007bff'
					}]
				},
				options: {
					scales: {
						yAxes: [{
							ticks: {
								beginAtZero: false
							}
						}]
					},
					legend: {
						display: false,
					}
				}
			});
		</script>

	</body>

</html>

    

    用RESTful 风格
    
在这里插入图片描述
    
结果
    
在这里插入图片描述
    
在这里插入图片描述
    
修改
    
修改页面
    

    <!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>Dashboard Template for Bootstrap</title>
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link th:href="@{/css/dashboard.css}" rel="stylesheet">
		<style type="text/css">
			/* Chart.js */

			@-webkit-keyframes chartjs-render-animation {
				from {
					opacity: 0.99
				}
				to {
					opacity: 1
				}
			}

			@keyframes chartjs-render-animation {
				from {
					opacity: 0.99
				}
				to {
					opacity: 1
				}
			}

			.chartjs-render-monitor {
				-webkit-animation: chartjs-render-animation 0.001s;
				animation: chartjs-render-animation 0.001s;
			}
		</style>
	</head>

	<body>
<!--	引入头部导航栏组件 -->
		<div th:replace="~{common/common::topBar}"></div>

		<div class="container-fluid">
			<div class="row">
<!--				dashboard是指的页面名称 ~{.. :: ..}是insert格式 sideBar是dashboard页面的侧边栏组件名-->
			<div th:replace="~{common/common::sideBar}"></div >
				<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
					<form class="form-horizontal" th:action="@{/updateemp}" method="post">
						<input type="hidden" th:value="${employeebyid.id}"  name="id">

						<div class="form-group">
							<label  class="col-sm-2 control-label">名字</label>
							<div class="col-sm-10">
								<input type="text" th:value="${employeebyid.lastName}" class="form-control"  name="lastName">
							</div>
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
							<div class="col-sm-10">
								<input type="email" th:value="${employeebyid.email}" class="form-control" id="inputEmail3" placeholder="Email" name="email">
							</div>
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">性别</label>
						<label class="radio-inline">
							<input type="radio" name="gender" id="inlineRadio1" value="0" th:checked="${employeebyid.getGender()==1}"> 男
						</label>
						<label class="radio-inline">
							<input type="radio" name="gender" id="inlineRadio2" value="1" th:checked="${employeebyid.getGender()==0}"> 女
						</label>
						</div>
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">部门</label>
							<select class="form-control" name="department.id">
								<option th:selected="${dept.id==employeebyid.getDepartment().id}" th:each="dept:${show}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}">


								</option>


							</select>
<!--							<label for="inputEmail3" class="col-sm-2 control-label">部门</label>-->
<!--							<div class="col-sm-10">-->
<!--								<input type="text" class="form-control" id="inputEmail" placeholder="部门">-->
<!--							</div>-->
						</div>
						<div class="form-group">
							<label  class="col-sm-2 control-label">出生日期</label>
							<div class="col-sm-10">
								<input type="text" th:value="${#dates.format(employeebyid.getBirth(),'yyyy/MM/dd')}" class="form-control"  placeholder="出生的日期" name="birth">
							</div>
						</div>


						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="submit" class="btn btn-default">提交</button>
							</div>
						</div>
					</form>
				</main>
			</div>
		</div>

		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script type="text/javascript" th:src="@{/js/jquery-3.2.1.slim.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/popper.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>

		<!-- Icons -->
		<script type="text/javascript" th:src="@{/js/feather.min.js}"></script>
		<script>
			feather.replace()
		</script>

		<!-- Graphs -->
		<script type="text/javascript" th:src="@{/js/Chart.min.js}"></script>
		<script>
			var ctx = document.getElementById("myChart");
			var myChart = new Chart(ctx, {
				type: 'line',
				data: {
					labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
					datasets: [{
						data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
						lineTension: 0,
						backgroundColor: 'transparent',
						borderColor: '#007bff',
						borderWidth: 4,
						pointBackgroundColor: '#007bff'
					}]
				},
				options: {
					scales: {
						yAxes: [{
							ticks: {
								beginAtZero: false
							}
						}]
					},
					legend: {
						display: false,
					}
				}
			});
		</script>

	</body>

</html>

    

    控制层，写的是回显的代码
    

    //    修改的
    @GetMapping("emp/{id}")

    public String demo4(Model model, @PathVariable("id") Integer id){
//调用通过id 查询的方法
        Employee employeebyid = empdao.Employeebyid(id);
//        设置到会话
        model.addAttribute("employeebyid",employeebyid);
        System.out.println("employeebyid = " + employeebyid);
        System.out.println("我来了");
//        调用 部门表全查的方法
        Collection<Department> show = deptdao.show();
//    绑定到会话，方便后台获取
        model.addAttribute("show",show);
        return "emps/update";
    }
    @PostMapping("updateemp")
    public String demo6(Employee employee){
        //        重定向到首页全查
        empdao.add(employee);
        return "redirect:/emps";

    }

    

    删除的 控制层
    

    //    删除的方法
    @GetMapping("delemp/{id}")
    public String demo9(@PathVariable("id") Integer id){
        empdao.del(id);
        return "redirect:/emps";
    }

    

    最后一些404 ，500 的 只需要在 就行了！！
    
在这里插入图片描述
    


    
                                    
    
                                    
    收起 
    
                                
    
                                        
                                            展开全文
                                            
                                        
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    Jsp/bean Mysql数据库 新增 修改 删除的通用方法 
    
                                    
                                2010-10-06 16:54:00
                            
    
                            
    
                                
    
                                    
由于Javabeans的方便快速数据库特性, 使得我们可方便地对数据库进行记录增加编辑删除修改. 这个些功能的编制可完全自动化完成,也就是说,只要设计好数据库, 对这个数据库的新增编辑删除功能的JSP代码就能自动...
                                
    
                                
    
                                    
    
                                        
    由于Javabeans的方便快速数据库特性, 使得我们可方便地对数据库进行记录增加编辑删除修改. 这个些功能的编制可完全自动化完成,也就是说,只要设计好数据库, 对这个数据库的新增编辑删除功能的JSP代码就能自动编制完成.现将其思路分析如下:
    

    1.建立数据库xxx: 
    

    需要确保有一个PRIMARY KEY 
    

    CREATE TABLE xxx ( 
    id int(20) NOT NULL AUTO_INCREMENT,
    记录名 
    记录名二
    ........
    PRIMARY KEY (id)
    )    		

    2. 建立的bean 假设名为xxx.java
    

    


    //set数据表记录名 
    //get数据表记录名 
    //这是bean的规定写法, 可见我的文章 数据bean的自动赋值
    

    private int id = 0;
    public void setId(int id) { this.id = id; }
    public int getId() { return id; }
    

    private String 记录名 = 0;
    public void set记录名(String 记录名) { this.记录名 = 记录名; }
    public String get记录名() { return 记录名; }
    

    ....
    


    //建议用replace 代替insert 和update能
    //在replace方法中 实现 对数据库xxx 的replace操作
    //如 replace intp xxx (id,记录名,..) values (?,?,..)
    public void replace() throws Exception { 
    

    ..... 
    

    }
    

    public void delete() throws Exception {
    

    ..... 
    

    }
    

    public void selete() throws Exception {
    

    ..... 
    

    }
    
    		

     
    

    3.在xxx.jsp中加入流程控制:
    

    


    <jsp:useBean id="xxx" scope="session" class="xxx"/>
    //下面一句确保jsp表单中的数据自动进入javabean对应的数据中
    <jsp:setProperty name="xxx" property="*" />
    

    .....
    

    <%
    if (request.getParameter("save"))

    //调用bean中的replace方法
    xxx.replace()

    else if (request.getParameter("del"))

    //调用bean中的delete方法 
    xxx.delete()

    else{
    %>

    //显示录入数据的表单 
    <form action="xxx.jsp" method=post>
    

    <% 
    <input type=hidden name=save value=on>
    if (request.getParameter("edit")!=null)
    {

    //如果是编辑 查询数据库 将相应的数据值显示出来
    xxx.select();
    %>

    <input type=hidden name=id value=request.getParameter("id")>

    <% 
    }
    %> 

    <input type=text name=id value=<%=xxx.getId()%>>

    <input type=text name=记录名 value=<%=xxx.get记录名()%> >
    .......
    

    <%}%>
    
    		

     
    


    4.调用: 
    

    新增功能: xxx.jsp
    编辑功能: xxx.jsp?edit=on&id=xxx
    删除功能: xxx.jsp?del=on&id=xxx    		

    总结:
    

    只要知道数据库的结构, javabean /jsp 通过表单对这个数据库的管理功能能不费脑筋的自动出来,有的只是繁琐,这一过程其实完万能让程式执行,只要告诉这个程式你的数据库结构,记录名,记录类型(int String 或float类型),程式就会自动输出一套Jsp/bean的代码程式.这套代码程式就是用来对数据库进行数据新增 编辑 删除.
    

    在我们日常研发中,只要有数据库,就有对数据库的新增 编辑 删除 查询等功能, 使用这套思路,就能轻松完成.
    
                                    
    
                                    
    收起 
    
                                
    
                                        
                                            展开全文
                                            
                                        
                            
    
                                
    
                                    
                                        mysql   
                                        exception   
                                        bean   
                                        javabeans   
                                
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    （转）JSP+mysql数据库操作 连接，增加，删除，修改，查询例子
    
                                    
                                2016-05-19 15:53:00
                            
    
                            
    
                                
    
                                    转载于:https://www.cnblogs.com/moliny/p/5508976.html
                                
    
                                
    
                                    
    
                                        
     
    

     
    

    转载于:https://www.cnblogs.com/moliny/p/5508976.html
    
                                    
    
                                    
    收起 
    
                                
    
                                        
                                            展开全文
                                            
                                        
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    Jsp/bean Mysql数据库 新增 修改 删除的通用方法
    
                                    
                                    
                                            千次阅读
                                    
                                2005-01-14 13:26:00
                            
    
                            
    
                                
    
                                     使得我们可方便地对数据库进行记录增加编辑删除修改. 这个些功能的编制可完全自动化完成,也就是说,只要设计好数据库, 对这个数据库的新增编辑删除功能的JSP代码就能自动编制完成.现将其思路分析如下:1.建立数据库...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    
                                
    
                                    
                                        mysql   
                                        exception   
                                        bean   
                                        javabeans   
                                
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    servlet实现登录数据库并查询、删除、增加、修改
    
                                    
                                    
                                            千次阅读
                                    
                                2019-09-29 16:57:08
                            
    
                            
    
                                
    
                                    基于servlet+jsp框架的管理系统：简单实现增、删、改、查 效果如下  这是用户名和密码输入正确后进入的页面  点击新增，可以实现添加新的数据  这就新添加了一条新的数据，数据库里也存在这条数据  点击删除，可以...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    java web新增修改删除_[JavaWeb基础] 004.用JSP + SERVLET 进行简单的增加删除修改
    
                                    
                                2021-02-26 17:40:35
                            
    
                            
    
                                
    
                                    上一次的文章，我们讲解了如何用JAVA访问MySql数据库，对数据进行增加删除修改查询。那么这次我们把具体的页面的数据库操作结合在一起，进行一次简单的学生信息操作案例。首先我们创建一个专门用于学生管理的...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    java购物车increase_jspTest JAVAEE实现的购物车demo，能 与数据库的连接，具有增加删除修改产品 能 商 ...
    
                                    
                                2021-03-09 08:51:11
                            
    
                            
    
                                
    
                                    文件名称: jspTest下载 收藏√ [5 4 3 2 1]开发工具: Java文件大小: 693 KB上传时间: 2016-11-03下载次数: 0提 供 者: 大漠马兰花详细说明：JAVAEE实现的购物车demo，能实现与数据库的连接，具有增加删除修改产品等...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    servlet实现登录数据库并查询、删除、增加、修改(改进)
    
                                    
                                2019-09-30 14:41:47
                            
    
                            
    
                                
    
                                    基于servlet+jsp框架的管理系统：简单实现增、删、改、查 效果如下  这是用户名和密码输入正确后进入的页面  这就新添加了一条新的数据，数据库里也存在这条数据   点击删除，可以实现删除一条数据  点击修改，可以...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    管理员增加删除修改查询java jsp_图书管理系统: 图书管理员对图书系统的查询，增加，修改，删除...
    
                                    
                                2021-03-18 12:05:03
                            
    
                            
    
                                
    
                                    图书管理系统项目介绍该项目是jsp结课作业，主要实现了图书管理员对图书系统的数据库的查询，插入，修改，删除功能。index.jsp:这个界面是主界面，图书管理员在这里进行相应的查询，插入，修改，删除操作.1、查询...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    [JavaWeb基础] 004.用JSP + SERVLET 进行简单的增加删除修改
    
                                    
                                2015-06-15 21:32:00
                            
    
                            
    
                                
    
                                    上一次的文章，我们讲解了如何用JAVA访问MySql数据库，对数据进行增加删除修改查询。那么这次我们把具体的页面的数据库操作结合在一起，进行一次简单的学生信息操作案例。  　首先我们创建一个专门用于学生管理的...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    JSP对数据库的操作极简入门
    
                                    
                                2021-03-09 10:04:01
                            
    
                            
    
                                
    
                                    JSP对数据库的操作极简入门，案例实操。内容包括：JSP对数据库的增删改查-搭建环境、JSP对数据库的增删改查-page...增加及数据展示、JSP对数据库的增删改查-修改及数据展示、JSP对数据库的增删改查-删除及数据展示。
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    
                                
    
                                    
                                        编程语言   
                                        c语言编程软件   
                                        编程语言排行榜   
                                
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    jquery easyui实现datagrid表格向数据库中进行增加，修改和删除操作
    
                                    
                                    
                                            千次阅读
                                    
                                2015-06-28 22:54:34
                            
    
                            
    
                                
    
                                    在account_list.jsp中  val columns=[[{ field:'accountName', title:'用户名', width:100 },{ field:'paddword', title:'密码', width:100 },]];   //初始化dataGrid function initdataGrid(){ $('#accountDat
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    JavaWeb——操作数据库向MySQL数据库删除数据
    
                                    
                                    
                                            千次阅读
                                    
                                2019-12-03 19:38:52
                            
    
                            
    
                                
    
                                    JavaWeb——JDBC 操作数据库  五、删除数据    在前面几篇博客中，已经实现在 JSP 页面查询、修改和增加数据，现在实现从 JSP 页面删除数据。    上一篇
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    jsp+javaBean实现Mysql数据库的增删改查
    
                                    
                                2020-12-01 11:38:02
                            
    
                            
    
                                
    
                                    jsp+javaBean实现Mysql数据库的增删改查 准备工作 JDBC驱动的安装 （仅限参考）网址如下： https://blog.csdn.net/weixin_42366630/article/details/89966826 数据库数据的准备 使用Navicat进行数据库的创建，注意...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    
                                
    
                                    
                                        java   
                                        mysql   
                                        sql   
                                
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    java之eclipse连接数据库实现jsp页面增删改,显示功能
    
                                    
                                    
                                            千次阅读
                                    
                                2019-06-25 20:47:36
                            
    
                            
    
                                
    
                                    Users工具类 DBManager数据库操作类 UsersDAO显示servlet ListServlet预修改servlet PreUpdateServlet修改servlet UpdateServlet删除servlet DeleteServlet增加注册servlet InsertServlet首页jsp index.jsp显示jsp ...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    一个简易的库存商品管理系统使用JSP+Servlet+数据库.zip
    
                                    
                                2020-08-05 16:20:59
                            
    
                            
    
                                
    
                                    一个简易的库存商品管理系统使用JSP+Servlet+数据库 （1）、需求描述： ①管理员登录 ②列出所有库存商品的名称、规格、库存件数、单价 ③可以对库存记录做增加、修改和删除。 ④点“新加商品”按钮，跳到下页进行新...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    Java-JSP-Servlet员工信息管理系统Mysql数据库+JSTL(可作为Java课设毕业设计)
    
                                    
                                2020-12-17 14:08:24
                            
    
                            
    
                                
    
                                    员工模块：查询所有员工、根据姓名查询员工、增加员工、删除员工、修改员工信息 部门模块：查询所有部门、根据部门名称查询部门、增加部门、删除部门、修改部门信息 系统模块：退出、修改密码 项目技术 数据库：...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    使用java开发一款JSP电子书下载系统（包含数据库）.rar_java包含某个字符串
    
                                    
                                2021-01-11 13:45:08
                            
    
                            
    
                                
    
                                    	类别信息管理：实现图书类别信息增加、删除、修改、查看功能	 	电子书信息管理：实现电子书信息的增加、删除、修改、查看功能	 	留言公告管理：实现公告信息的增加、删除、修改、查看功能	 	 实现留言信息的查询和...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                        
  • 
                            
    
                                
                                    
    基于JSP和SQL SERVER数据库实现的图书信息管理系统
    
                                    
                                2019-09-15 08:04:32
                            
    
                            
    
                                
    
                                     图书信息管理系统是建立在信息技术基础上，以系统化的管理思想，为普通读者和管理员提供图书查看，增加，删除，修改图书信息功能的平台，。它整合了回到首页、普通用户注册，用户登录，图书基本信息查看，图书的...
                                
    
                                
    
                                    
    
                                        
    
                                    
    
                                    
    收起 
    
                                
    
                            
    

                        
    • 
                

            


            

                

                

                    
                    
空空如也

                

            


            

                

                

                    
                    
空空如也

                

            


            

                


 

 
 
         

            
                     


                    
                        1 
                    
                    
                        2 
                    
                    
                        3 
                    
                    
                        4 
                    
                    
                        5 
                    
                        ... 
                    
                        11 
                    

                    
            
        

   

                

                

            


        

    

    

        

            

                收藏数
                    214
            

            

                精华内容
                    85
            

        

        

            
热门标签

            
        


        


        

            关键字：
jsp数据库增加删除修改