SPA项目开发之增删改功能+Dialog弹出框

本文介绍了如何在Vue单页应用(SPA)中使用Dialog弹出框实现图书管理的增删改功能。首先,详细讲解了后台数据接口的准备,包括在BaseDao和BookDao中实现通用的CRUD方法,并在BookAction中调用这些方法。接着,讨论了Dialog弹出框的基本结构,强调了Vue实例对象中控制显示隐藏的方法以及关闭时的表单数据清理。在表单部分,阐述了表单基本结构和验证规则的设定。最后,具体说明了如何执行新增、修改和删除操作,以及如何利用slot-scope特性处理行数据。
摘要由CSDN通过智能技术生成

一、后台数据接口准备(增删改接口)

1.在BaseDao写入通用的增删改方法

	/**
	 * 通用增删改
	 * @param sql
	 * @param obj
	 */
	public static void executeUpdate(String sql,Object[] obj) {
   
		Connection conn=null;
		PreparedStatement stmt=null;
		try {
   
			conn=DBHelper.getConnection();
			stmt=conn.prepareStatement(sql);
			ParameterMetaData params = stmt.getParameterMetaData();
			for (int i = 0; i < params.getParameterCount(); i++) {
   
				stmt.setObject(i+1, obj[i]);
			}
			stmt.executeUpdate();
		} catch (Exception e) {
   
			e.printStackTrace();
		}finally {
   
			DBHelper.close(conn, stmt, null);
		}
	}

2.在BookDao写入增删改方法

	/**
	 * 增加书籍
	 * @param book
	 */
	public void addBook(Book book) {
   
		String sql="insert into t_book_vue(bookname,price,booktype) values(?,?,?)";
		super.executeUpdate(sql, new Object[] {
   
				book.getBookname(),
				book.getPrice(),
				book.getBooktype()
		});
	}
	/**
	 * 修改书籍
	 * @param book
	 */
	public void editBook(Book book) {
   
		String sql="update t_book_vue set bookname=?,price=?,booktype=? where id=?";
		super.executeUpdate(sql, new Object[] {
   
				book.getBookname(),
				book.getPrice(),
				book.getBooktype(),
				book.getId()
		});
	}
/**
 * 删除书籍
 * @param book
 */
	public void delBook(Book book) {
   
		String sql="delete from t_book_vue where id=?";
		super.executeUpdate(sql, new Object[] {
   
				book.getId()
		});
	}

3.在BookAction中调用增删改方法

Map<String, Object> json = new HashMap<String, Object>();

	public String addBook(HttpServletRequest req,HttpServletResponse resp)
			throws ServletException,IOException{
   
		try {
   
			bookDao.addBook(book);
			json.put("msg", "新增书本信息成功");
			json.put("success", true);
			mapper.writeValue(resp.getOutputStream(),json);
		} catch (Exception e) {
   
			json.put("msg", "新增书本信息失败");
			json.put("success", false);
			mapper.writeValue(resp.getOutputStream(),json);
		}
		return null;
	}
	
	public String editBook(HttpServletRequest req,HttpServletResponse resp)
			throws ServletException,IOException{
   
		try {
   
			bookDao.editBook(book);
			json.put("msg", "修改书本信息成功");
			json.put("success", true);
			mapper.writeValue(resp.getOutputStream(),json);
		} catch (Exception e) {
   
			json.put("msg", "修改书本信息失败");
			json.put("success", false);
			mapper.writeValue(resp.getOutputStream(),json);
		}
		return null;
	}
	
	public String delBook(HttpServletRequest req,HttpServletResponse resp)
			throws ServletException,IOException{
   
		try {
   
			bookDao.delBook(book);
			json.put("msg", "删除书本信息成功");
			json.put("success", true);
			mapper.writeValue(resp.getOutputStream(),json)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值