nginx 网站建设,徐汇集团网站建设,一对一直播系统开发,秒赞网站建设实现数据的增删改查 SpringBoot框架模式
向送外卖一样理解 写程序 1、准备食材(java bean) 2、菜谱(pojo接口-预制-sql 语句) 3、service处理 4、controller 派送 5、用户请求-页面 一、Spring Boot实现增加
第一步#xff1a;食材(表),用户增加,这里还是用户… 实现数据的增删改查 SpringBoot框架模式
向送外卖一样理解 写程序 1、准备食材(java bean) 2、菜谱(pojo接口-预制-sql 语句) 3、service处理 4、controller 派送 5、用户请求-页面 一、Spring Boot实现增加
第一步食材(表),用户增加,这里还是用户表,这是MyUseràbean
第二步pojo里增加(添加的方法,)预制菜---Mapper
先写一个接口 第三步解冻(接口执行的sql语句) 为xml的增加insert语句 注意:
mapper的java接口名与xml 的文件名必须一致mapper接口增加的方法在xml中必须有一个id对应注意返回值和参数值,如果接口中有返回值,xml有resultType,如果有接口有参数值,xml中有parameterTypemapper标签的namespace必须指示到对应的mapper接口类中。执行增删改操作必须有参数参数类型指示的是bean中的类型,在模板#{}使用bean中类属性就可以。
resultType有返回值的 parameterType没有返回值参数的 第四步service的编写基本程序Service与Mapper代码相似直接调用 第五步 Controller编写
Controller写路由地址 第六步前端页面
必须输入添加的数据用户交互没有添加功能添加功能就是用户输入用户名和密码这个功能只与Controller有关系与数据库无关。这里增加一个显示页面的方法 有了地址后添加addpage页面 用户不能输入id只能输入username,password
修改sql的代码如下. 最后得到前端的页面代码 注意
前端页面代码中的input属性必须有name属性不然后端接收不到并且名称与java bean的名称一致。 清楚访问地址
http://localhost:8080/user/addpage
提交后添加到数据库的用户列表页 注册后得到用户列表页 二、用户表的删除 1、准备食材(java bean) 2、菜谱(pojo接口-预-sql 语句) 3、service处理 4、controller 派送 5、用户请求-页面 第一步表用户表,MyUser 第二步实现接口 UserMapper 第三步改UserMapper对应的xml写sql语句 第四步 Service代码和Mapper代码Service代码写实现 第五步controller调用service方法即可 在逻辑中删除结束后返回原来的用户列表页. 第六步前端页面的处理
常识
一般删除发生在用户列表页删除某项就击“删除”键 前端页面首先在列表中有删除按钮 得到的页面 删除之前需要确认确认后删除需要前端做确认代码。
得到前端代码. 三 、用户表的更新
第一步分析操作的java bean还是MyUser,更新的还是用户表
第二步: 解决Mapper问题
在Mapper中加入更新方法 第三步: 同步 解决Mapper的xml文件 第四步: Service, 与Mapper一致,这里的Service是需要实现 第五步: Controller, 调用Service方法返回一个页面 第六 步: 前端
界面用户操作明白
修改逻辑一般 在前端击修改后先把原始数据放在页面中显示然后根据需求去
改。
先把修改按钮放在页面上 需求中出现原始数据的显示地址地址是Controller的事情. 到Controller后发现还需要显示需要修改的原始数据。
这里需要调用Service的逻辑 Service就调用MapperMapper 实现sql语句Mapper功能按 修改的id找原始数据. 决定Mapper中多加一人方法 Mapper文件发生改变Mapper的xml发生改变 完成Mapper写ServiceService逻辑与Mapper类似需要代码实现。 完成Serivce后就可以写Controller调用 最后是前端需要创建一个updatepage的页面 最后调整用户列表页 注释 上面页面widow.location.href少一个h 效果如下
更新页面 代码详解
addpage.html
!DOCTYPE html
html langen xmlnshttp://www.w3.org/1999/html
headmeta charsetUTF-8title添加用户/title
/head
body
!--action 是提交地址决定有哪个逻辑来进行处理--
!--用户是不可以输入id的所以修改xml--
form action/user/add methodpost用户名input typetext nameusername//br密码input typepassword namepassword//brbutton typesubmit注册/button/form
/body
/html
myuser.html
!DOCTYPE html
html xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8title显示用户/title
/head
body
tabletrtdid/tdtd用户名/tdtd用户密码/tdtd操作/td/trtr th:eachitem:${myusers}td th:text${item.id}/tdtd th:text${item.username}/tdtd th:text${item.password}/tdtdbutton typebutton th:onclick|ondel(${item.id})| 删除/buttonbutton typebutton th:onclick|onupdate(${item.id})|修改/button/td/tr
/table
scriptfunction onupdate(id){//修改不需要跳转显示原始信息window.location.href/user/orign?idid;}function ondel(id){//先确认是否删除answerconfirm(是否需要执行删除操作)if(answertrue){// 地址栏地址window.location.href/user/del?idid;}}
/script/body
/html
updatepage.html
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8title更新页面/title
/head
body
form action/user/update methodpostinput typehidden th:value${oneuser.id} nameid/用户名input typetext th:value${oneuser.username} nameusername/br/密码input typepassword th:value${oneuser.password} namepassword /br/button typesubmit更新/button
/form
/body
/html
controllerUserController
package com.controller;import com.bean.MyUser;
import com.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import java.util.ArrayList;
import java.util.List;Controller
RequestMapping(/user)
public class UserController {Autowiredprivate UserService userservice;RequestMapping(/list)public String ListUser(Model model) {ListMyUser users userservice.selectUser();System.out.println(users);model.addAttribute(myusers, users);return myuser;}//指定地址添加requstmapping方法最终返回页面需要字符串代表页面名称//处理用户的添加参数还需要用户输入RequestMapping(/add)public String addUser(MyUser user){userservice.addUser(user);//把数据添加成功之后需要查看数据是否添加成功返回查看页面返回到list显示的页面//list地址逻辑已完成没有必要再写return forward:/user/list;}//给用户输入数据的页面再给一个请求地址专门显示页面的与数据库无关RequestMapping(/addpage)public String addpage(){return addpage;}// 删除方法的路由RequestMapping(/del)public String deleteUser(int id){userservice.deleteUser(id);
// 操作后返回查询页面return forward:/user/list;}//修改用户表的路由RequestMapping(/update)public String updateUser(MyUser user){userservice.updateUser(user);return forward:/user/list;}RequestMapping(/orign)public String showUser(int id,Model model) {MyUser myuser userservice.selectUserById(id);model.addAttribute(oneuser,myuser);return updatepage;}}pojoUserMapper
package com.pojo;import com.bean.MyUser;
import org.apache.ibatis.annotations.Mapper;
import java.util.List;Mapper
public interface UserMapper {public ListMyUser selectUser();public void addUser(MyUser user);public void deleteUser(int id);public void updateUser(MyUser user);public MyUser selectUserById(int id);
}serviceuserservice
package com.service;import com.bean.MyUser;
import com.pojo.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;Service
public class UserService {Autowiredprivate UserMapper usermapper;public ListMyUser selectUser(){return usermapper.selectUser();}public void addUser(MyUser user){//有返回值加return没有返回值直接调用usermapper.addUser(user);}public void deleteUser(int id){
// service中直接调用mapper方法usermapper.deleteUser(id);}public void updateUser(MyUser user){usermapper.updateUser(user);}public MyUser selectUserById(int id){return usermapper.selectUserById(id);}}mybatisUserMapper
?xml version1.0 encodingUTF-8?
!DOCTYPE mapper PUBLIC -//mybatis.org//DTD Mapper 3.0//ENhttp://mybatis.org/dtd/mybatis-3-mapper.dtd
mapper namespacecom.pojo.UserMapperselect idselectUser resultTypecom.bean.MyUserselect * from myuser/selectinsert idaddUser parameterTypecom.bean.MyUserinsert into myuser(username,password) values (#{username},#{password})/insert!--这里的参数只有id值直接在模板使用id值--delete iddeleteUser parameterTypeintdelete from myuser where id#{id}/deleteupdate idupdateUser parameterTypecom.bean.MyUserupdate myuser set username#{username},password#{password} where id#{id}/updateselect idselectUserById parameterTypeint resultTypecom.bean.MyUserselect * from myuser where id#{id}/select/mapper happy~有点不想用Java但是实训内容这样的那就先学吧~~
