使用Egg改造订单系统展示效果,方便快速浏览

  • A+
所属分类:Web前端
摘要

素材准备:1.Egg.jsBorn to build better enterprise frameworks and apps with Node.js & Koa 

素材准备:

1.Egg.js

Born to build better enterprise frameworks and apps with Node.js & Koa 

为企业级框架和应用而生

2.订单数据

订单列表:http://gzh.58yskj.com/qd-sys/

订单详情:https://gzh.58yskj.com/public/index-detail.html?id=9bbf0efa-15cc-4898-8a3d-75468ec55ced

3.Bootstrap

Bootstrap样式文件、脚本文件,插件bootstrap-paginator.js

4.swiper

轮播图切换效果脚本swiper.js

5.数据

我是通过Python采集了订单数据,存入了本地数据库

 

我们在看到下面这种订单列表时,如果要查看具体的需求,那就需要每个订单去下载附件,然后再打开查看了。如果可以查看图片形式的需求岂不是一目了然,为此我以egg.js框架搭建一个方便自己预览的小型系统(此处应该说是一个站点吧,具体的名词不去纠结了)。

使用Egg改造订单系统展示效果,方便快速浏览

在本地搭建的站点效果如下:

使用Egg改造订单系统展示效果,方便快速浏览

这样是不是就一目了然了呢,当然了这个只是订单的展示,并未做接单的操作(这个由于官方是基于接单是基于微信