4 系统详细设计与实现

本系统的实现主要是根据前面的系统需求分析和系统总体设计来设计页面并实现业务逻辑。主要从鲜花销售系统界面实现、业务逻辑实现这两部分进行介绍。

4.1买家用户功能模块

4.1.1用户注册界面

用户注册界面用于新用户进行账号注册，用户需要填写必要的个人信息并选择合适的用户名和密码。系统会对输入的信息进行验证，验证通过后即可完成注册。其界面展示如下图4-1所示。

图4-1用户注册界面图

4.1.2用户登录界面

用户登录界面用于已注册的用户进行账号登录，用户需要输入正确的用户名、密码和验证码才能成功登录系统。系统会对输入的信息进行验证，验证通过后即可完成登录，同时，系统提供密码找回或重新注册的选项。其界面如下图4-2所示。

图4-2用户登录界面图

登录代码如下：

 /**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            Duration duration = Duration.ofSeconds(7200L);

            redisTemplate.opsForValue().set(accessToken.getToken(), accessToken,duration);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

    }

4.1.3首页界面

首页界面是用户访问该系统的入口页面，它展示系统的主要功能和特色。用户可以查看首页展示的导航栏、轮播图、花卉中心、今日推荐等信息。在今日推荐界面，系统会根据用户注册时选择的花卉标签进行优先推荐。其界面展示如下图4-3所示。

图4-3 首页界面图

4.1.4 公告信息界面

用户可以查看系统发布的网站公告、关于我们、联系方式、网站介绍等信息。如点击网站公告进入页面可以查看该公告的详细信息。其界面如下图4-4所示。

图4-4 公告信息界面图

4.1.5 花卉资讯界面

用户可以查看花卉资讯列表中某个资讯的详情并可以点赞、收藏和评论。支持通过关键字搜索、局部搜索、筛选等方式搜索查看资讯信息。其界面如下图4-5示。

图4-5 花卉资讯界面图

4.1.6花卉中心界面

用户可以查看商品列表中某个花卉的信息详情，如库存、价格、商品来源等信息，并可以进行收藏、加入购物车、立即购买、领取优惠劵和评论等操作。点击详情下方的“立即购买”进入页面确认订单信息并填写备注信息和选择优惠劵后点击“去支付”可以通过微信、支付宝等方式完成在线支付。完成付款后可获得与付款金额相同的积分，用户可以用积分兑换商品。其界面如下图4-6所示。

图4-6 花卉中心界面图

4.1.7 商城管理界面

商城管理界面包括我的购物车、我的订单、我的地址，我的优惠劵这四个子菜单。用户点击“我的购物车”可以查看购物车的商品信息，选择某个商品后，可以对商品的数量进行增减，可以选择购买或删除。点击“我的地址”可以新增收货地址或对已有的地址进行编辑。点击“我的订单”可以查看所有订单信息，未付款的订单可以进行订单取消操作，已付款的订单可以进行售后申请操作。以我的订单为例，其界面如下图4-7所示。

图4-7 我的订单界面图

4.1.8个人中心界面

用户点击我的头像的下拉菜单“个人中心”进入页面可以查看和管理个人首页、订单配送和收藏信息。如点击“订单配送”可以查看列表中某个订单的详情并可以进行签收操作；点击“收藏”可以查看和删除收藏列表信息。个人中心界面如下图4-8所示：

图4-8 个人中心界面图

删除的代码如下：

  @RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

    }

    public void delete(Map<String,String> query,Map<String,String> config){

        QueryWrapper wrapper = new QueryWrapper<E>();

        toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);

        baseMapper.delete(wrapper);

        log.info("[{}] - 删除操作：{}",wrapper.getSqlSelect());

    }

4.2管理员功能模块

4.2.1 后台首页界面

后台首页界面为管理员提供了方便快捷地查看商品销售金额统计、商品销售数量统计等重要信息的功能，帮助他们更好地了解和分析当前商品的销售的情况，以便制定相应的经营策略。其界面如下图4-9所示。

图4-9 后台首页界面图

4.2.2系统用户界面

管理员可以对所有用户信息（买家用户、管理员）进行增删改查操作，可以查看用户列表中某个用户的详情并可以修改用户状态。支持通过输入用户姓名或选择用户性别来查询用户信息。其界面如下图4-10所示。

图4-10系统用户界面图

修改的代码如下：

    @PostMapping("/set")

@Transactional

    public Map<String, Object> set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

    }

4.2.3花卉标签管理界面

管理员点击“花卉标签列表”可以查看花卉标签列表中某个标签的详情，可以对列表信息进行查询、重置和删除操作。点击“花卉标签添加”进入页面填写花卉标签名称后点击“提交”即可完成花卉标签的添加。以花卉标签添加为例，其界面如下图4-11所示。

图4-11花卉标签添加界面图

  添加的代码如下：

    @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

public Map<String, Object> addMap(Map<String,Object> map){

    service.insert(map);

     return success(1);

 }

4.2.4系统管理界面

在系统管理界面管理员对轮播图和敏感词进行管控，可以对轮播图、敏感词信息进行增删改查操作。如点击轮播图管理后点击“添加”进如页面填写标题、链接，上传轮播图片后点击“提交”即可完成轮播图的添加。以轮播图添加为例，其界面如下图4-12所示。

图4-12轮播图添加界面图

图片/文件上传的代码如下：

@PostMapping("/upload")

    public Map<String, Object> upload(@RequestParam("file") MultipartFile file) {

        log.info("进入方法");

        if (file.isEmpty()) {

            return error(30000, "没有选择文件");

        }

        try {

            //判断有没路径，没有则创建

            String filePath = System.getProperty("user.dir") + "/src/main/resources/static/";

            File targetDir = new File(filePath);

            if (!targetDir.exists() && !targetDir.isDirectory()) {

                if (targetDir.mkdirs()) {

                    log.info("创建目录成功");

                } else {

                    log.error("创建目录失败");

                }

            }

            String fileName = file.getOriginalFilename();

            File dest = new File(filePath + fileName);

            log.info("文件路径:{}", dest.getPath());

            log.info("文件名:{}", dest.getName());

            file.transferTo(dest);

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("url", "/api/upload/" + fileName);

            return success(jsonObject);

        } catch (IOException e) {

            log.info("上传失败：{}", e.getMessage());

        }

        return error(30000, "上传失败");

    }

4.2.5 公告信息管理界面

公告信息管理模块是管理员用来管理系统中的公告信息的界面。管理员可以通过该界面进行公告信息的创建、编辑、发布和删除等操作，以便向用户传达各种重要信息、公告、更新或事件等内容。其界面如下图4-13所示。

图4-13公告信息管理界面图

4.2.6资源管理界面

在资源管理模块管理员对花卉资讯和资讯分类进行管控，可以对花卉资讯和资讯分类信息进行增删改查操作。如点击“花卉资讯”管理员可以查看资讯列表中某个资讯的详情和评论信息。点击资讯分类可以查看资讯分类列表信息，点击列表上方的“添加”进入页面填写类型名称信息后点击“提交”即可完成资讯分类的添加。以花卉资讯为例，其界面如下图4-14所示。

图4-14花卉资讯界面图

4.2.7商城管理界面

在商城管理模块管理员对花卉中心、分类列表、订单列表、订单配送、优惠劵和订单售后信息进行管控。管理员可以对花卉中心、分类列表、优惠券信息进行增删改查操作；点击“订单列表”可以查看列表中某个订单的详情和提交配送信息，支持通过输入订单号、商品名称，联系人姓名或选择订单状态查询订单信息。点击“订单配送”可以查看列表中某个订单的配送详情和确认签收信息，点击“订单售后”可以查看列表中某个用户提交的售后申请详情并进行审核。以订单列表为例，其界面如下图4-15所示。

图4-15订单列表界面图

查询的代码如下：

    @RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

    }

5 系统测试

5.1测试目的

为了保证鲜花销售系统的质量，使其能够稳定的运行，并排除其可能存在的未知隐患。解除软件可能存在的故障，理清楚测试与纠错的关系，如图5-1所示。

图5-1测试与纠错信息流程

5.2 系统功能测试

通过对系统中所含的主要实体对象及其功能操作进行测试用例设计。系统功能测试包括：用户登录功能测试、用户查看花卉中心功能测试、用户发布评论功能测试、管理员添加花卉标签功能测试、管理员删除公告信息功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

表5-1用户注册登录测试表

用户注册登录测试用例：

用例说明	测试目的	测试步骤	预期结果	输出结果	通过情况
用户注册、登录	测试用户正确注册、登录	在首页界面注册一个新用户，按规定输入合理的注册信息，提交。 用户在登录界面输入账户密码登录	用户注册成功，登录成功	结果输出符合预期	通过

表5-2用户查看花卉中心信息测试表

用户查看花卉中心信息测试用例：

用例说明	测试目的	测试步骤	预期结果	输出结果	通过情况
花卉中心信息查看	测试买家用户查看花卉中心信息	在首页导航栏点击花卉中心； 选择商品列表中某个商品点击进入页面查看该商品的详情	显示该商品的详情信息	结果输出符合预期	通过

表5-3用户发表评论测试表

用户发表评论测试用例：

用例说明	测试目的	测试步骤	预期结果	输出结果	通过情况
用户发表评论	测试买家用户发表评论操作	在导航栏点击花卉资讯并看某个资讯信息的详情； 在详情页面下方发表对该资讯的评论	用户发表评论成功，展示用户评论信息	结果输出符合预期	通过

表5-4花卉标签添加测试表

管理员添加花卉标签信息测试用例：

用例说明	测试目的	测试步骤	预期结果	输出结果	通过情况
花卉标签添加测试	测试管理员添加花卉标签信息	管理员点击花卉标签管理下方的花卉标签添加； 输入相关信息后点击提交	花卉标签信息添加成功，在花卉标签列表可以查看该标签信息	结果输出符合预期	通过

表5-5公告信息删除测试表

公告信息删除测试用例：

用例说明	测试目的	测试步骤	预期结果	输出结果	通过情况
公告信息删除测试	公告信息删除	管理员点击公告信息管理； 选择一个公告信息后点击删除并确认删除	公告信息删除成功，前端不在展示该公告信息	结果输出符合预期	通过

5.3 测试结果总结

通过编写 鲜花销售系统的功能测试用例，已经检测完毕系统测试包括：用户登录功能测试、用户查看花卉中心功能测试、用户发布评论功能测试、管理员添加花卉标签功能测试、管理员删除公告信息功能测试，通过这五大模块功能测试将为鲜花销售系统的后期推广运营提供了强力的技术支撑。

6 结论

在开发鲜花销售系统之前，需要对用户的实际需求进行全面分析。这不仅包括对系统的可行性研究，还包括对功能需求和其他需求的详细分析。在可行性分析阶段，本人从技术性、经济性等多个角度对系统实现的可能性进行了全面评估，结果表明，该系统的实施是完全可行的。

本文首先概述了鲜花销售系统开发的背景及其意义，接着详细阐述了系统的具体业务需求。根据这些需求，本文对系统的结构和功能模块进行了精细的设计。整个系统被划分为多个独特的功能模块，每个模块都具有其特定的功能和作用，以确保系统的高效运行和用户友好性。

在开发本系统的过程中，我收获颇丰，学到了许多书本上学不到的知识。尽管系统已经基本完成，但由于个人专业知识的局限，系统仍有许多需要改进的地方，例如界面布局的优化、代码编写的规范性等。未来，我将继续努力学习，不断提升自己的技术水平，对系统进行进一步的完善。同时，我衷心希望鲜花销售系统能够有机会投入实际使用，为消费者提供更加便捷、个性化的购物体验，同时也为商家提供新的销售渠道和服务方式。

参考文献

[1]李颖.直播电商强力赋能鲜花销售[N].中国花卉报,2024-09-12(001).

[2]查睿.探索鲜花销售新模式实体花店走好外卖路[N].解放日报,2024-03-18(002).

[3]柴志成,孙怡文,梁严心,等.予己flower——线上线下鲜花售卖创新研究[J].商场现代化,2023,(20):10-12.

[4]张娅妮,余茂锐.微信鲜花销售小程序的设计与实现[J].现代信息科技,2023,7(18):51-54+59.

[5]冉旭蕾,马金.川滇两省鲜花行业发展困境及新零售模式应用探索[J].现代商业,2021,(26):63-65.

[6]王飞.互联网环境下鲜花销售业的发展[J].农村经济与科技,2021,32(02):53-54+73.

[7]陈宇佳.基于WEB服务器的土特产销售系统设计[J].电子制作,2023,31(08):60-64.

[8]唐双林.基于Vue和SpringBoot架构的智能推荐农产品团购销售系统[D].重庆三峡学院,2023.

[9]潘春花,彭英杰,任景龙.Spring MVC模式下青海非遗工艺品在线销售系统的设计与实现[J].计算机时代,2021,(06):33-35+39.

[10]向育程,段元梅.基于Java的网上商城系统[J].电脑编程技巧与维护,2024,(08):32-34.

[11]王培培.基于SpringBoot的网上商城管理系统设计与实现[J].现代计算机,2024,30(07):117-120.

[12]潘涛,王柳,董冉冉.基于Vue.js框架的网上商城管理系统的设计与实现[J].科技与创新,2023,(13):8-10.

[13]陈宇佳.基于WEB服务器的土特产销售系统设计[J].电子制作,2023,31(08):60-64.

[14]赵停停.基于MySQL数据库技术的Web动态网页设计研究[J].信息与电脑(理论版),2023,35(17):174-176.

[15]李泳.Spring Boot开发与测试实战[M].人民邮电出版社:202211.435.

[16]朱金波.Java编程语言在计算机软件开发中的应用优势分析[J].信息记录材料,2023,24(05):68-70.

[17]汪雁,黄伟,安龙,等.Web前端开发案例实战教程[M].重庆大学出版社:202401.281.

[18]Anonymous .New Selling Systems Simplify Flooiing Sales[J].Floor Trends,2023,25(3):9-9.

[19]Hejing W .Commerce Middle Office Management System Based on Springboot[J].International Journal of Advanced Network, Monitoring and Controls,2022,7(2):32-45.

[20]M D A ,Sahar B .Using the B/S Model to Design and Implement Online Shopping System for Gulf Brands[J].Sustainability,2022,14(6):3176-3176.

致  谢

首先，我要向我的论文指导老师致以最深切的敬意和感谢。在整个论文创作的过程中，老师的指导如同明灯一般照亮了我的前行道路。他不仅耐心地解答我的疑问，还凭借其深厚的学识和敏锐的洞察力，提出了许多具有深远意义的建议。老师的严谨治学态度、敬业精神和高超的教学艺术，为我树立了追求卓越的榜样，对我未来的人生道路和学业成就产生了深远的影响。

同时，我要向我的同学们表达诚挚的感谢。你们不仅是我的亲密战友，也是我生活中的良师益友。正是你们的鼓励和支持，使我在大学期间的学习和生活变得丰富多彩。我要对所有在我求学路上给予我帮助的老师和同学们表示衷心的感谢，是你们的支持和帮助给了我继续前进的力量。

我还要向我的父母表达深深的感激之情。是你们用无尽的爱和关怀，将我抚养成人。你们的养育之恩，我将永生铭记在心。我将会用我的行动和成绩来回报你们的期望。在未来的日子里，我将继续努力，用实际行动来回报你们对我的付出和关爱。

再次感谢所有支持和帮助我的人，是你们让我在求学之路上不再孤单，让我有勇气面对一切挑战。谢谢你们！

-免费领取项目源码，请关注❤点赞收藏并私信博主，谢谢-