BS1061-基于java+springboot+mysql实现艺术品在线评分系统

计算机程序优异哥

发布于 2022-12-05 10:32:17

3400

发布于 2022-12-05 10:32:17

文章被收录于专栏：毕设程序汇总

基于springboot实现艺术品在线评分系统的设计与实现，系统主要采用java，springboot，mysql，mybatis，数据分析存储技术，实现基于springboot实现艺术品在线评分系统。

系统主要包含，用户登录注册，艺术比赛管理，参与比赛排行，参赛作品展示，系统自动评分，用户管理，系统管理等模块。

原文地址

一、程序设计

本次基于BS架构的在线法律法规查阅系统的设计与实现，主要内容涉及：

主要功能模块：用户登录注册，艺术比赛管理，参与比赛排行，参赛作品展示，系统自动评分，用户管理，系统管理等模块。

主要包含技术：java，springboot，mysql，mybatis，数据分析存储技术

主要包含算法：数据分析计算等

二、效果实现

系统登录

作品展示

得分分析

其他效果省略

核心代码

$.get(baseURL + 'data/cases/maps', {tableName: T.p('tableName')}, function (res) {
    option = {
        legend: [{
            data: res.categories,
            textStyle: {
                color: '#00FAE1'
            }
        }],
        series: [{
            type: 'graph',
            layout: 'force',
            legendHoverLink: true, //是否启用图例 hover(悬停) 时的联动高亮。
            hoverAnimation: true, //是否开启鼠标悬停节点的显示动画
            edgeSymbol: ['arrow', ''],
            force: {
                edgeLength: 120,
                repulsion: 500
            },
            roam: true,
            draggable: true,//每个节点的拖拉
            itemStyle: {
                normal: {
                    // color:'#00FAE1',
                    cursor: 'pointer',
                    label: {
                        show: true,
                        position: [-10, -15],
                        textStyle: { //标签的字体样式
                            color: '#00FAE1', //字体颜色
                            fontStyle: 'normal',//文字字体的风格 'normal'标准 'italic'斜体 'oblique' 倾斜
                            fontWeight: 'bolder',//'normal'标准'bold'粗的'bolder'更粗的'lighter'更细的或100 | 200 | 300 | 400...
                            fontFamily: 'sans-serif', //文字的字体系列
                            fontSize: 12, //字体大小
                        }
                    },
                    nodeStyle: {
                        brushType: "both",
                        borderColor: "rgba(255,215,0,0.4)",
                        borderWidth: 1,
                    },
                },
                //鼠标放上去有阴影效果
                emphasis: {
                    shadowColor: '#00FAE1',
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    shadowBlur: 40,
                },
            },
            lineStyle: {
                width: 2,
            },
            label: {
                color: '#00FAE1',
                fontSize: 18,
            },
            symbolSize: 14,//节点大小
            cursor: 'pointer',
            categories: res.categories,
            data: res.nodes.map(function (node, idx) {
                node.id = idx;
                return node;
            }),
            edges: res.links
        }]
    };
    myChart.setOption(option);
    if (option && typeof option === 'object') {
        myChart.setOption(option);
    }
})

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

数据分析