基于java+ssm+vue的素材网的设计与实现

项目介绍

当下,正处于信息化的时代,许多行业顺应时代的变化,结合使用计算机技术向数字化、信息化建设迈进。传统的素材信息管理模式,采用人工登记的方式保存相关数据,这种以人力为主的管理模式已然落后。本人结合使用主流的程序开发技术,设计了一款基于web的素材网站,可以较大地减少人力、财力的损耗,方便相关人员及时更新和保存信息。本系统主要使用B/S开发模式,在idea集成开发环境下,采用Java语言编码设计系统功能,MySQL数据库管理相关的系统数据信息,SSM框架设计和开发系统功能架构,最后通过使用Tomcat服务器,在浏览器中发布设计的系统,并且完成系统与数据库的交互工作。本文对系统进行实现的可行性分析,设计的功能及数据库规划,以及设计的主要功能模块测试等内容做了较为详细的介绍,并且在本文中也展示了系统主要的功能模块设计界面和操作界面,并对其做出了必要的解释说明,方便用户对系统进行操作和使用,以及后期的相关人员对系统进行更新和维护。通过设计基于web的素材网站,可以极大地提高相关人员的工作效率,提升用户的使用体验。

4.1系统的总体功能设计
通过结合系统分析阶段的相关内容,对系统的整体功能设计进行规划。由此可知,本系统的使用对象主要可以被分为管理员和用户角色。其中,管理员角色主要的功能需求有用户信息管理、素材信息管理、素材留言管理等模块,用户角色主要的功能需求有系统登录、查询素材信息、查询素材留言信息等模块。本系统的总体功能设计如图4-1所示。
在这里插入图片描述

开发环境

编程语言:Java
数据库 :Mysql
系统架构:B/S
后端框架:SSM
编译工具:idea或者eclipse,jdk1.8,maven
支持定做:java/php/python/android/小程序/vue/爬虫/c#/asp.net

系统实现

5.1用户登录
当用户成功完成注册步骤操作之后,便可以通过输入正确的个人信息资料,成功登录系统,并根据自己实际的需求,选择系统相关的功能模块进行操作和使用,用户登录界面设计如图5-1所示。
在这里插入图片描述

图5-1用户登录界面

5.2用户注册
用户在第一次使用本系统时,需要进行注册操作,通过输入正确的字符串格式,才能成功注册好个人账号,用户注册界面设计如图5-2所示。
在这里插入图片描述

图5-2用户注册界面

5.3个人中心
通过设计的个人中心管理功能模块,管理用户可以对相关的个人信息进行管理,比如管理用户可以更新个人账号的密码信息,修改个人账号的用户名信息等,修改密码界面设计如图5-3所示,个人信息界面设计如图5-4所示。
在这里插入图片描述

图5-3修改密码界面
在这里插入图片描述

图5-4个人信息界面

5.4用户管理
通过设计的用户管理功能模块,管理用户可以对相关的用户信息进行管理,比如管理用户可以查看用户头像信息,更新用户手机号码,删除已经注销的用户信息记录等,用户管理界面设计如图5-5所示。
在这里插入图片描述

图5-5用户管理界面

5.5素材管理
通过设计的素材管理功能模块,管理用户可以对相关的素材信息进行管理,比如管理用户可以添加新素材信息记录,更新素材名称,上传素材文件,删除失效的素材信息记录等,素材管理界面设计如图5-6所示。
在这里插入图片描述

图5-6素材管理界面

5.6素材留言管理
通过设计的素材留言管理功能模块,管理用户可以对相关的素材留言信息进行管理,比如管理用户可以查看详细的留言内容、回复内容信息,删除失效的素材留言信息记录等,素材留言管理界面设计如图5-7所示。
在这里插入图片描述

图5-7素材留言管理界面

5.7素材收藏管理
通过设计的素材收藏管理功能模块,管理用户可以对相关的素材收藏信息进行管理,比如管理用户可以查看详细的素材收藏内容信息,删除失效的素材收藏信息记录等,素材收藏管理界面设计如图5-8所示。
在这里插入图片描述

图5-8素材收藏管理界面

5.8基础数据管理
通过设计的基础数据管理功能模块,管理用户可以对相关的公告类型、素材类型信息进行管理,比如管理用户可以查看详细的公告类型、素材类型内容信息,删除失效的公告类型、素材类型信息记录等,公告类型管理界面设计如图5-9所示,素材类型管理界面设计如图5-10所示。
在这里插入图片描述

图5-9公告类型管理界面
在这里插入图片描述

图5-10素材类型管理界面

5.9论坛管理
通过设计的论坛管理功能模块,管理用户可以对相关的论坛信息进行管理,比如管理用户可以查看详细的帖子内容信息,删除失效的论坛信息记录等,论坛管理界面设计如图5-11所示。
在这里插入图片描述

图5-1论坛管理界面

5.10公告信息管理
通过设计的公告信息管理功能模块,管理用户可以对相关的公告信息进行管理,比如管理用户可以查看详细的公告内容信息,删除失效的公告信息记录等,公告信息管理界面设计如图5-12所示。
在这里插入图片描述

图5-12公告信息管理界面

5.11轮播图管理
通过设计的轮播图管理功能模块,管理用户可以对相关的轮播图信息进行管理,比如管理用户可以查看轮播图名称,删除失效的轮播图信息记录等,轮播图管理界面设计如图5-13所示。
在这里插入图片描述

图5-13轮播图管理界面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

核心代码

package com.controller;

import java.io.File;
import java.math.BigDecimal;
import java.net.URL;
import java.text.SimpleDateFormat;
import com.alibaba.fastjson.JSONObject;
import java.util.*;
import org.springframework.beans.BeanUtils;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import com.service.TokenService;
import com.utils.*;
import java.lang.reflect.InvocationTargetException;

import com.service.DictionaryService;
import org.apache.commons.lang3.StringUtils;
import com.annotation.IgnoreAuth;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.entity.*;
import com.entity.view.*;
import com.service.*;
import com.utils.PageUtils;
import com.utils.R;
import com.alibaba.fastjson.*;

/**
 * 素材
 * 后端接口
 * @author
 * @email
*/
@RestController
@Controller
@RequestMapping("/sucai")
public class SucaiController {
    private static final Logger logger = LoggerFactory.getLogger(SucaiController.class);

    @Autowired
    private SucaiService sucaiService;


    @Autowired
    private TokenService tokenService;
    @Autowired
    private DictionaryService dictionaryService;

    //级联表service
    @Autowired
    private YonghuService yonghuService;



    /**
    * 后端列表
    */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));
        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永不会进入");
        else if("用户".equals(role))
            params.put("yonghuId",request.getSession().getAttribute("userId"));
        params.put("sucaiDeleteStart",1);params.put("sucaiDeleteEnd",1);
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = sucaiService.queryPage(params);

        //字典表数据转换
        List<SucaiView> list =(List<SucaiView>)page.getList();
        for(SucaiView c:list){
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(c, request);
        }
        return R.ok().put("data", page);
    }

    /**
    * 后端详情
    */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        SucaiEntity sucai = sucaiService.selectById(id);
        if(sucai !=null){
            //entity转view
            SucaiView view = new SucaiView();
            BeanUtils.copyProperties( sucai , view );//把实体数据重构到view中

                //级联表
                YonghuEntity yonghu = yonghuService.selectById(sucai.getYonghuId());
                if(yonghu != null){
                    BeanUtils.copyProperties( yonghu , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并排除id和创建时间字段
                    view.setYonghuId(yonghu.getId());
                }
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

    /**
    * 后端保存
    */
    @RequestMapping("/save")
    public R save(@RequestBody SucaiEntity sucai, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,sucai:{}",this.getClass().getName(),sucai.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");
        else if("用户".equals(role))
            sucai.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));

        Wrapper<SucaiEntity> queryWrapper = new EntityWrapper<SucaiEntity>()
            .eq("yonghu_id", sucai.getYonghuId())
            .eq("sucai_name", sucai.getSucaiName())
            .eq("sucai_types", sucai.getSucaiTypes())
            .eq("sucai_clicknum", sucai.getSucaiClicknum())
            .eq("shangxia_types", sucai.getShangxiaTypes())
            .eq("sucai_delete", sucai.getSucaiDelete())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        SucaiEntity sucaiEntity = sucaiService.selectOne(queryWrapper);
        if(sucaiEntity==null){
            sucai.setSucaiClicknum(1);
            sucai.setShangxiaTypes(1);
            sucai.setSucaiDelete(1);
            sucai.setInsertTime(new Date());
            sucai.setCreateTime(new Date());
            sucaiService.insert(sucai);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 后端修改
    */
    @RequestMapping("/update")
    public R update(@RequestBody SucaiEntity sucai, HttpServletRequest request){
        logger.debug("update方法:,,Controller:{},,sucai:{}",this.getClass().getName(),sucai.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");
//        else if("用户".equals(role))
//            sucai.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));
        //根据字段查询是否有相同数据
        Wrapper<SucaiEntity> queryWrapper = new EntityWrapper<SucaiEntity>()
            .notIn("id",sucai.getId())
            .andNew()
            .eq("yonghu_id", sucai.getYonghuId())
            .eq("sucai_name", sucai.getSucaiName())
            .eq("sucai_types", sucai.getSucaiTypes())
            .eq("sucai_clicknum", sucai.getSucaiClicknum())
            .eq("shangxia_types", sucai.getShangxiaTypes())
            .eq("sucai_delete", sucai.getSucaiDelete())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        SucaiEntity sucaiEntity = sucaiService.selectOne(queryWrapper);
        if("".equals(sucai.getSucaiPhoto()) || "null".equals(sucai.getSucaiPhoto())){
                sucai.setSucaiPhoto(null);
        }
        if("".equals(sucai.getSucaiFile()) || "null".equals(sucai.getSucaiFile())){
                sucai.setSucaiFile(null);
        }
        if(sucaiEntity==null){
            sucaiService.updateById(sucai);//根据id更新
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 删除
    */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        ArrayList<SucaiEntity> list = new ArrayList<>();
        for(Integer id:ids){
            SucaiEntity sucaiEntity = new SucaiEntity();
            sucaiEntity.setId(id);
            sucaiEntity.setSucaiDelete(2);
            list.add(sucaiEntity);
        }
        if(list != null && list.size() >0){
            sucaiService.updateBatchById(list);
        }
        return R.ok();
    }


    /**
     * 批量上传
     */
    @RequestMapping("/batchInsert")
    public R save( String fileName){
        logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);
        try {
            List<SucaiEntity> sucaiList = new ArrayList<>();//上传的东西
            Map<String, List<String>> seachFields= new HashMap<>();//要查询的字段
            Date date = new Date();
            int lastIndexOf = fileName.lastIndexOf(".");
            if(lastIndexOf == -1){
                return R.error(511,"该文件没有后缀");
            }else{
                String suffix = fileName.substring(lastIndexOf);
                if(!".xls".equals(suffix)){
                    return R.error(511,"只支持后缀为xls的excel文件");
                }else{
                    URL resource = this.getClass().getClassLoader().getResource("static/upload/" + fileName);//获取文件路径
                    File file = new File(resource.getFile());
                    if(!file.exists()){
                        return R.error(511,"找不到上传文件,请联系管理员");
                    }else{
                        List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件
                        dataList.remove(0);//删除第一行,因为第一行是提示
                        for(List<String> data:dataList){
                            //循环
                            SucaiEntity sucaiEntity = new SucaiEntity();
//                            sucaiEntity.setYonghuId(Integer.valueOf(data.get(0)));   //用户 要改的
//                            sucaiEntity.setSucaiName(data.get(0));                    //素材名称 要改的
//                            sucaiEntity.setSucaiPhoto("");//照片
//                            sucaiEntity.setSucaiTypes(Integer.valueOf(data.get(0)));   //素材类型 要改的
//                            sucaiEntity.setSucaiFile(data.get(0));                    //素材文件 要改的
//                            sucaiEntity.setSucaiClicknum(Integer.valueOf(data.get(0)));   //点击次数 要改的
//                            sucaiEntity.setShangxiaTypes(Integer.valueOf(data.get(0)));   //是否上架 要改的
//                            sucaiEntity.setSucaiContent("");//照片
//                            sucaiEntity.setSucaiDelete(1);//逻辑删除字段
//                            sucaiEntity.setInsertTime(date);//时间
//                            sucaiEntity.setCreateTime(date);//时间
                            sucaiList.add(sucaiEntity);


                            //把要查询是否重复的字段放入map中
                        }

                        //查询是否重复
                        sucaiService.insertBatch(sucaiList);
                        return R.ok();
                    }
                }
            }
        }catch (Exception e){
            return R.error(511,"批量插入数据异常,请联系管理员");
        }
    }





    /**
    * 前端列表
    */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));

        // 没有指定排序字段就默认id倒序
        if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){
            params.put("orderBy","id");
        }
        PageUtils page = sucaiService.queryPage(params);

        //字典表数据转换
        List<SucaiView> list =(List<SucaiView>)page.getList();
        for(SucaiView c:list)
            dictionaryService.dictionaryConvert(c, request); //修改对应字典表字段
        return R.ok().put("data", page);
    }

    /**
    * 前端详情
    */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        SucaiEntity sucai = sucaiService.selectById(id);
            if(sucai !=null){

                //点击数量加1
                sucai.setSucaiClicknum(sucai.getSucaiClicknum()+1);
                sucaiService.updateById(sucai);

                //entity转view
                SucaiView view = new SucaiView();
                BeanUtils.copyProperties( sucai , view );//把实体数据重构到view中

                //级联表
                    YonghuEntity yonghu = yonghuService.selectById(sucai.getYonghuId());
                if(yonghu != null){
                    BeanUtils.copyProperties( yonghu , view ,new String[]{ "id", "createDate"});//把级联的数据添加到view中,并排除id和创建时间字段
                    view.setYonghuId(yonghu.getId());
                }
                //修改对应字典表字段
                dictionaryService.dictionaryConvert(view, request);
                return R.ok().put("data", view);
            }else {
                return R.error(511,"查不到数据");
            }
    }


    /**
    * 前端保存
    */
    @RequestMapping("/add")
    public R add(@RequestBody SucaiEntity sucai, HttpServletRequest request){
        logger.debug("add方法:,,Controller:{},,sucai:{}",this.getClass().getName(),sucai.toString());
        Wrapper<SucaiEntity> queryWrapper = new EntityWrapper<SucaiEntity>()
            .eq("yonghu_id", sucai.getYonghuId())
            .eq("sucai_name", sucai.getSucaiName())
            .eq("sucai_types", sucai.getSucaiTypes())
            .eq("sucai_clicknum", sucai.getSucaiClicknum())
            .eq("shangxia_types", sucai.getShangxiaTypes())
            .eq("sucai_delete", sucai.getSucaiDelete())
            ;
        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        SucaiEntity sucaiEntity = sucaiService.selectOne(queryWrapper);
        if(sucaiEntity==null){
            sucai.setSucaiDelete(1);
            sucai.setInsertTime(new Date());
            sucai.setCreateTime(new Date());
        sucaiService.insert(sucai);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }


}

论文参考

在这里插入图片描述

目 录
摘要 I
Abstract II
1绪论 1
1.1研究背景与意义 1
1.1.1研究背景 1
1.1.2研究意义 1
1.2国内外研究现状 2
1.2.1国外研究现状 2
1.2.2国内研究现状 2
1.3研究内容与方法 2
1.3.1研究内容 2
1.3.2研究方法 3
1.4论文的组织结构 3
2相关技术介绍 5
2.1 B/S架构 5
2.2 Java语言 5
2.3 SSM框架 5
2.4 MySQL数据库 6
3系统分析 7
3.1系统的需求分析 7
3.2系统的可行性分析 7
3.2.1经济可行性 7
3.2.2技术可行性 7
3.2.3操作可行性 7
4系统设计 9
4.1系统的总体功能设计 9
4.2系统流程设计 9
4.2.1登录流程 9
4.2.2注册流程 10
4.2.3添加信息流程 10
4.2.4修改信息流程 11
4.2.5删除信息流程 11
4.3数据库设计 12
4.3.1概念设计 12
4.3.2逻辑设计 15
5系统实现 18
5.1用户登录 18
5.2用户注册 18
5.3个人中心 19
5.4用户管理 19
5.5素材管理 19
5.6素材留言管理 20
5.7素材收藏管理 20
5.8基础数据管理 21
5.9论坛管理 22
5.10公告信息管理 22
5.11轮播图管理 22
6系统测试 24
6.1测试概述 24
6.2管理员登录模块测试 24
6.3用户登录模块测试 26
6.4素材管理模块测试 27
6.5测试结果 28
7总结与展望 29
参考文献 30
致谢 31

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_3306428634

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值