辛集哪做网站,门户网站解决方案,wordpress 自动回复,溧水114网站开发一、准备工作
1.明确需求
根据产品经理绘制的页面原型#xff0c;对部门和员工进行相应的增删改查操作。
2.环境搭建
将使用相同配置的不同项目作为Module放入同一Project#xff0c;以提高相同配置的复用性。
准备数据库表#xff08;dept, emp#xff09; 资料中包含…一、准备工作
1.明确需求
根据产品经理绘制的页面原型对部门和员工进行相应的增删改查操作。
2.环境搭建
将使用相同配置的不同项目作为Module放入同一Project以提高相同配置的复用性。
准备数据库表dept, emp 资料中包含了创建表的代码创建springboot工程引入对应的起步依赖配置application.properties中引入mybatis的配置信息准备对应的实体类准备对应的MapperDao数据访问Service接口实现类逻辑处理Controller接受请求、响应数据基础结构 添加相应依赖
IDEA*.properties文件中文乱码解决方案_xx.properties注释中文乱码-CSDN博客https://blog.csdn.net/u010285974/article/details/107102644修改配置文件中的中文乱码情况 pojo存放的是两个实体类实体类中的属性驼峰命名和表结构的字段下划线分割是一一对应的controller控制层接受前端发送的请求对请求进行处理并响应数据service业务逻辑层准备两个接口并准备了两个接口的实现类在实现类上面加了注解Service表示将当前实现类交给IOC容器管理成为IOC容器里的bean对象Mapper在mapper接口上面加上注解Mapper。
3.开发规范
基于当前最主流的前后端分离模式进行开发。
前端开发人员将打包好的前端工程部署在ngix服务器上运行后端开发人员将打包好的服务端程序运行在Tomcat服务器上。
前端向后端请求数据再有后端给前端响应数据。
所以前后端在开发过程中需要共同遵守【接口文档】根据产品经理绘制的页面原型和需求制作进行开发。
本案例的前后端交互是根据Restful风格的接口进行交互的。
RESTREpresentational State Transfer表述性状态转换是一种软件架构风格。前后端交互统一响应结果Result
整体开发流程
查明页面原型明确需求》阅读接口文档》思路分析》接口开发》接口测试》前后端联调 二、部门管理
1.查询部门
需求分析
查询全部数据由于部门数据比较少不考虑分页
思路流程⭐
前端发起一个查询部门的请求
》
被DeptController处理
接收请求调用service查询部门响应封装在统一响应结果Result中相应给前端
》
DeptService进行逻辑处理调用mapper接口查询
》
DeptMapper数据处理selec * from dept;
》
查询访问数据库
代码编写
1Slf4j定义日志记录对象 注意项目开发过程中尽量不要使用sout输出日志使用日志记录框架记录日志。
private static Logger log LoggerFactory.getLogger(DeptController.class);
固定代码lombok为了简化代码书写可以直接增加注释Slf4j定义日志记录对象 2GetMapping限定接口请求方式为GET 3Autowird依赖注入
当标注的属性是接口时注入的是这个接口的实现类
查询操作 前后端联调
解压打包文件到没有中文路径的目录下双击ngix.exe运行然后打开设备管理器详细信息里面查看ngix是否正常运行访问测试localhost:90访问 按下F12打开浏览器的开发者工具抓取这次网络请求 2.删除部门
需求分析
弹出确认框 , 提示 您确定要删除该部门的信息吗 ? 如果选择确定 , 则删除该部门 , 删除成功后 , 重新刷新列表页面。 如果选择了取消则不执行任何操作。
代码编写
1PathVariable获取路径参数
将URL中占位符参数绑定到Controller处理方法的输入参数中 表示获取路径变量中的id然后绑定给方法中的id参数
DeptController设置url接收响应DeptService接口DeptServiceImpl实现类DeptMapper数据库操作
删除操作 前后端联调 3.新增部门
需求分析
1.1 点击新增部门会打开新增部门的页面。
1.2 部门名称必填唯一长度为2-10位。
代码编写
1RequestBody接收json参数
新增结果
请求 响应 前后端联调 4.Controller优化 可以看出上面的三种响应的地址有重复可以将/depts抽取出来变成公共地址将后面的地址中有公共部分的地方进行删除 5.修改部门自行实现
需求分析
根据id查询到数据然后再修改部门
代码编写
结合查询和删除操作
修改结果
测试时需要注意注释掉删除部门操作因为二者的url一致会有冲突。 前后端联调
