七叶笔记 » 数据库 » SpringBoot+MongoDB实现物流订单系统的代码

SpringBoot+MongoDB实现物流订单系统的代码

这样在项目中就可以连接到本地的MongoDB的test数据库并访问。

其次在项目中com.mongodb目录下分别创建controller,service,pojo文件夹,在controller文件夹下创建orderController类,为负责url和逻辑的控制器:

其中:

@RestController就声明该类为一个控制器,并且每个接口返回一个JSON字符串给前端。 Logger对象用于打印日志。在web项目中我们更倾向于使用log打印日志而不在控制台直接输出。

orderController创建完毕后,在service 文件夹下创建orderService.java类,里面先编写以下内容:

其中:

@Service 表示该类为一个service(事务处理),可以被注入到其他对象中(Spring帮你管理)。 @Autowired表示要注入对象的意思,下面紧接着被注入的对象。而MongoTemplate 就是已经封装好一个对象,一个在Spring中操作MongoDB的对象。

service创建完成,我们需要在pojo中创建logistics类和order类,分别表示具体物流信息和订单信息。其中logistics类如下,各个字段的含义请看注释:

order类的内容如下:

其中 @JsonFormat(pattern = “yyyy-MM-dd HH:mm”,timezone = “GMT+8”)为时间类的json输出格式,供前端使用。

1.4 创建html相关文件

在static文件夹下创建index.html,addlogistics.html,addorder.html.ordermanage.html. 进入layui官网下载layui的js和css文件。解压后核心文件放到static下。到JQuery官网下载jquery-3.5.1.min.js文件,在static下创建js文件夹并把JQuery的js文件放进去,最终前端的页面会是这样的:

其中index.html文件为后台管理的主要ui页面,每个小功能的页面只需要编写对应页面即可。在index.html中编写以下内容:

打开页面后可以看到后台管理的初步页面:

左侧三个菜单分别对应创建的ordermanage.html,addorder.html,addlogistics.html三个页面。至此预备工作已经完成了,下面只需要完成具体的操作。本课程会着重讲解后端和MongoDB的部分,前端知识会简单介绍,需要深入理解还要自己多多研究。

第二步 订单添加

下单我想谁都会,每次等待物流信息的时候是不是有一种满满的期待和喜悦感呢!

咱们今天带你动手体验这份小喜悦,完成案例后想下多少单下多少单。

2.1 后端部分

首先,在orderService编写addorder函数,用来向MongoDB中添加订单。具体代码如下:

上面的代码中:

插入的语句为 mongoTemplate.insert(order,"order"),第一个参数为插入的文档记录,第二个参数"order"为连接的MongoDB对应数据库下的集合(Collections)。

在orderController中编写addorder()接口,用来处理前端的请求添加订单。具体代码为:

上面代码中:

@Autowired注解用来注入对象,下面的 orderService orderService就是被注入的对象,注入之后不需要手动创建对象可以直接使用(Spring帮你管理) @PostMapping(“addorder”) 意为声明一个post请求方式的接口,接口地址为addorder。 public String addorder(order order)函数名随意,函数的参数可以是对应成表单的各个字段然后创建一个order对象,但这里直接创建一个order对象而前端表单传递对应名称值将直接赋值(省的再次赋值)。 这里为了简单实现,下单日期和发货日期都为系统当前时间,且订单状态初始默认为发货中。

2.2 前端部分

有了后端部分的支持,前端我们在addorder.html中编写以下内容,主要是一个表单向服务端发送数据和请求:

写完后启动程序访问localhost:8080点击订单添加,然后在表单中填写对应内容

当然为了测试你可以再写一单,添加之后你会发现MongoDB中成功添加了订单数据,这样下单这一步就大功告成啦!

第三步 订单更新(追加订单)

创建完订单之后,无数配送公司和人员便开始配送物流,而我们在查询的时候,物流状态信息也能够时不时的刷新,具体物流信息也能得到追加。

3.1 后端部分

在后端的处理上,我们先写service,再写controller,在orderService中编写addLogisticsAndUpdateStatus()函数,主要实现更新订单的状态和订单的物流情况。具体代码为:

其中:

jQuery对象来辅助我们根据条件查询待更新数据,这里的意思就是查询数据的条件为:MongoDB中_id字段为具体物流对应的订单id。 Update对象用来设置更新的字段和数据,其set()方法用来直接更新对应字段的值,而push()方法用来向对应数组中追加数值。因为订单状态需要直接更新使用set()方法,而物流信息是由多个物流数据组成,所以需要使用push()追加到记录的后面。 mongoTemplate.upsert(query, update, order.class)用来实现更新操作的提交,如果MongoDB中不存在该数据那么就插入到MongoDB中。

编写完orderService,在orderController中编写一个名为updateorder的接口,用来处理更新的请求和参数并执行更新的操作,具体代码为:

同样接口类型为post类型,接收部分参数然后将物流操作时间设置为当前时间,调用orderService的addLogisticsAndUpdateStatus()方法执行更新的操作。这样后端部分就完成了。

3.2 前端部分

有了后端部分的支持,前端我们在addlogistics.html中编写以下内容,主要是一个表单向服务端发送数据和更新请求:

这样,前端部分编写完成,执行程序访问localhost:8080,点击添加物流,根据1001的订单号添加物流信息。

添加之后查看MongoDB中订单状态得到更新且物流数据得到更新(追加):

第四步 订单查询

订单的添加和修改都完成了,非常重要的查询当然不能少,不仅不能少,还要特色的展示,这里查询通过一个订单号查询对应订单的状态和物流。

4.1 后端部分

首先在orderservice中编写getOrderById()函数,用来根据订单id查询该条订单记录。具体代码为:

其中:

Query对象来辅助我们实现条件查询待更新数据,这里的意思就是查询条件同样为:MongoDB中_id字段为传进来id的该条记录。 查询一条记录语句为:mongoTemplate.findOne(query, order.class),第一个参数为查询的条件,第二个参数为查询结果转成Java对象的类型,它帮你自动处理。 如果查询多条记录即可用findAll()方法,返回的类型为List的集合类型。

写完service然后在orderController中编写getorderbyid接口用来处理用户请求和参数并调用orderService的getOrderById()方法给前端返回该order对象序列化成的json字符串。具体代码为:

这样,后端部分就完成,仅需要前端渲染数据即可。

4.2 前端部分:

后端设计完成之后,需要前端来实现,在这里使用Ajax来实现交互,前端页面点击按钮JavaScript携带参数发送请求,后端查询MongoDB后返回结果给前端渲染, 而在渲染方面为了更像物流订单系统,我们使用layui的 时间轴组件,将各个物流订单数据直观性展示。

前端在ordermanage.html中编写以下内容:

其中Ajax将返回的值通过组装渲染,将带填充数据区域先设置id属性,然后用JavaScript把数据渲染到该部分,核心的思路在 search() 函数中。

启动程序,访问localhost:8080,点击订单管理,查询订单号为1001的物流情况。

利用上述添加物流信息,多添加该订单的物流信息,模拟多一些流程。查询的结果为:

第五步 订单删除

作为管理人员,可能偶尔会遇到特殊情况需要删除订单,而这种操作需求也是很有必要的,在这里实现根据id删除订单。我们在删除订单时候,一般先查询订单的一些数据和结果,然后根据查询的id删除对应的记录。

5.1 后端模块

首先在orderService中编写deleteOrderById()函数,用来根据id删除,编写getAllorder()函数,用来查询所有订单。

其中:

删除的语句为 mongoTemplate.remove(query,order.class,“order”);第一个参数为待删除记录的定位条件,第二个参数为待删除数据的Java类型,第三个参数为待删除数据所在集合名称。 查询所有记录语句为:mongoTemplate.findAll(order.class,“order”);第一个参数为查询结果转成Java对象的类型,它帮你自动处理。第二个参数为待查询的集合。

写完service,接着在orderController中编写deletebyid接口和getallorder接口,分别用来接收处理删除订单的请求和获取所有订单的请求。

其中,getallorder接口返回一个Map<String,Object>类型的数据格式,这是因为layui表格需要特定的json格式所以我们将数据存到Map中返回。启动访问localhost:8080/getallorders你会看到以下格式:

5.2 前端部分

我们将前端部分同样写在ordermanage.html中。在这个页面实现查询订单和管理的功能。 首先在body的div中添加表格属性,用来表示一个表格:

在body域下侧添加编辑栏的代码,是表格附属的一个编辑对象,删除的按钮就在这里。

最后,在最底层script域添加表格渲染的代码和Ajax发送请求的代码:

其中:

table.render为layui语法,配置数据url和格式,对应各个字段数据名称和含义,数据即可渲染。而表格最右侧删除需要对应删除的url,点击删除后访问后端的deletebyid接口,将这一行数据的id发送到后端,后端的orderController接收到该请求会调用orderService的方法删除MongoDB中对应的数据。

具体添加的位置为:

启动程序,访问localhost:8080,点击订单管理,看到查询的物流订单咱们删除id为1001:

再查看页面和MongoDB数据库,你会发现id为1001的记录被成功删除:

结语

到此,MongoDB的实战小项目——一个物流订单系统就完成啦,我想优秀的你肯定已经能够使用MongoDB “操作一顿猛如虎”!

回顾本节课程,首先是从宏观介绍了MongoDB这个非关系型数据库特点以及场景,从场景中选取一个比较适合的案例作为本课程案例—实现一个物流订单系统,紧接着带你简单分析物流订单案例逻辑以及在关系数据库和MongoDB中的不同处理方式,最后创建Springboot整合MongoDB的项目实现一个简易版本的物流订单系统!

当然,本节只是带你入门MongoDB,讲了一些比较基础的内容和简单的使用,如果需要深入学习使用MongoDB,还需要多从官网文档以及其他书籍和文章更深入学习MongoDB,它是当前非常热门的一种基于文档的非关系型数据库,是一种必须掌握的技术点,望你走的更远!下课!

到此这篇关于SpringBoot+MongoDB实现物流订单系统的代码的文章就介绍到这了,更多相关SpringBoot+MongoDB物流订单系统内容请搜索七叶笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持七叶笔记!

相关文章