前后端分离项目——基于遗传算法的中间商管理系统

Cabbage coder

已于 2022-01-29 10:38:45 修改

阅读量2k

点赞数 6

分类专栏：前后端分离主流项目文章标签： java maven 遗传算法服务器

于 2022-01-29 10:38:16 首次发布

本文链接：https://blog.csdn.net/weixin_45678130/article/details/122739735

版权

前后端分离主流项目专栏收录该内容

8 篇文章 1 订阅

订阅专栏

前言

终于做的差不多了暂时还不能公开源码
在此纪录自己大学考研前做的最后一个项目
纪录一下web开发的一些注意点

后端：

1 首先掌握了springboot中整合redis的使用（可参考下面笔记）
https://blog.csdn.net/weixin_45678130/article/details/122556156?spm=1001.2014.3001.5501

2 在开发过程当中学习到了各种前后端当中传参的方法使用
https://blog.csdn.net/weixin_45678130/article/details/122042819?spm=1001.2014.3001.5502
其中较多的为如下这种，新建一个java类表示传参的实体类
在这里插入图片描述

另一种则是传一个json字符串过来，需要先将字符串转化为json对象然后解析里面的值

另一种则是传过来是一个数组时的解决方法（用Jsonarray接收）

3 搜索功能的后端实现：

传过来的一般是一个字段+值我采用map的方式存储并传入sql语句

在这里插入图片描述

关于#{}和${}的区别：

https://blog.csdn.net/weixin_41231928/article/details/105120292?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164342243116780357246678%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=164342243116780357246678&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_alltop_positive~default-1-105120292.first_rank_v2_pc_rank_v29&utm_term=%24%7B%7D&spm=1018.2226.3001.4187

4 分页查询的后端实现：
https://blog.csdn.net/weixin_45678130/article/details/120874288?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164342285816781685391153%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164342285816781685391153&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_blogfirst_rank_ecpm_v1~rank_v31_ecpm-1-120874288.nonecase&utm_term=%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2&spm=1018.2226.3001.4450

5 编辑数据的后端实现：

前端我是传过来一个实体类需要修改的字段有值不需要修改的话为null
所以sql语句需要判断是否为null再进行update

在这里插入图片描述
并且如果传过来是一个list集合，多条数据需要修改时

6 插入数据的后端实现：

7 查询方法的后端实现

查询sql没什么好说的，主要在于返回的数据类型方面，因为数据表大多都是有外键对应的，所以sql语句的查询大多是好几个表连接在一起查询的，所以需要 resultMap重新定义一下数据返回类型
实体类和数据库字段名字一定要提前规划好对应好开发会方便特别多！！

<resultMap id="BuyorderResultMap" type="Buyorder">
        <id column="buy_ID" property="buyid"/>
        <result property="quantity" column="quantity"></result>
        <result property="datetime" column="datetime"></result>
        <result property="status" column="status"></result>
        <association property="materialid" javaType="Material">
            <id property="materialid"  column="material_ID"/>
            <result property="name" column="name"/>
        </association>
        <association property="supplierid" javaType="Supplier">
            <id property="Supplierid"  column="Supplier_ID"/>
            <result property="Name" column="Names"/>

        </association>
        <!--
         association 配置属性一对一
         property 对应videoOrder里面的user属性名
         javType 这个属性的类型
         -->
        <association property="employeeid" javaType="Employee">
            <id property="Employeeid"  column="employee_ID"/>
            <result property="name" column="namee"/>

        </association>

    </resultMap>

    <select id="selectAll" resultMap="BuyorderResultMap">

        select  m.name as name,b.buy_ID as buy_ID,b.quantity as quantity,b.datetime as datetime,b.status as status,s.Name as Names,p.Name as namee
        from buy_list b left join supplier s on b.supplier_ID=s.Supplier_ID left join employee p on b.employee_ID=p.Employee_ID left join material m on b.material_ID=m.material_ID
        limit ${(page-1)*pageSize},#{pageSize};
    </select>

8 数据统计的后端实现

例如最近七天最近一个月的销售额等等

  <select id="selectRecent" resultMap="BuyorderRecentMap">

        select  b.buy_ID as buy_ID,b.quantity as quantity,b.datetime as datetime,b.money as money,s.Name as Names,m.name as name
        from buy_list b left join supplier s on b.supplier_ID=s.Supplier_ID left join material m on b.material_ID=m.material_ID
        where DATE_SUB(CURDATE(), INTERVAL 7 DAY)  <![CDATA[ <= ]]> date(b.datetime) and b.material_ID=#{id}

    </select>

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.ldu.demo.mapper.AnalysisMapper">



    <select id="selectSale"  resultType="Analysis">
         SELECT
    MONTH (datetime) AS x,

    SUM(

            price

    ) AS y
FROM
    sale_list
WHERE
    YEAR (datetime) = 2022
GROUP BY
    MONTH (datetime)

    </select>

    <select id="selectBuy"  resultType="Analysis">
         SELECT
    MONTH (datetime) AS x,

    SUM(

            money

    ) AS y
FROM
    buy_list
WHERE
    YEAR (datetime) = 2022
GROUP BY
    MONTH (datetime)

    </select>

    <select id="selectSupplier"  resultType="Analysis">

    SELECT
    supplier_ID as x,count(supplier_ID) as y
    FROM
    buy_list

    GROUP BY
    supplier_ID

    </select>

    <select id="selectCustomer"  resultType="Analysis">

    SELECT
    customer_ID as x,count(customer_ID) as y
    FROM
    sale_list

    GROUP BY
    customer_ID

    </select>

    <select id="selectMaterial"  resultType="Analysis">

    SELECT
    material_ID as x,count(material_ID) as y
    FROM
    buy_list

    GROUP BY
    material_ID

    </select>

    <select id="selectProduct"  resultType="Analysis">

    SELECT
    product_ID as x,count(product_ID) as y
    FROM
    sale_list

    GROUP BY
    product_ID

    </select>







</mapper>

9 用户权限问题
我只需要在后端返回角色类型即可，然后和token一起传回前端，然后靠前端框架进行页面权限的问题即可。不愧是框架！

前端

1 前端这块用的是vue框架可谓真的是耽误了太多时间得从头看这个项目的开发文档然后重构页面重构数据连接重构数据显示太麻烦了！！
再也不看前端了
2 这里不细讲vue的开发知识点了，只能说这段开发过程中，确实明显感觉到相对于原生前端来说，框架的使用真的是方便太多了，看开发文档才是提高开发效率的最佳办法，此次开发过后，对vue也是熟悉了不少

3 其中父子组件传值算是用的最多的地方然后layer弹窗的使用方法