基于java+ssm+vue的web网站设计与实现

最新推荐文章于 2024-05-06 18:26:10 发布

q_2781179521

最新推荐文章于 2024-05-06 18:26:10 发布

阅读量29

点赞数

分类专栏： java项目文章标签： java ssm vue mysql

本文链接：https://blog.csdn.net/weixin_64561342/article/details/131798669

版权

java项目专栏收录该内容

494 篇文章 25 订阅

订阅专栏

项目介绍

现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本网站就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此中国网站利用当下成熟完善的SSM框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。实现了用户在线选择试题并完成答题，在线查看考核分数。管理员管理字典管理、革命先辈管理、革命先辈收藏管理、革命先辈留言管理、光辉历程管理、光辉历程收藏管理、光辉历程留言管理、辉煌成就管理、辉煌成就收藏管理、辉煌成就留言管理、历届会议管理、历届会议收藏管理、历届会议留言管理、留言板管理、单页数据管理、用户管理、每日资讯管理、管理员管理等功能。网站的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。

4.3 系统功能结构设计
在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.3展示的就是管理员功能结构图，管理员在后台主要管理字典管理、革命先辈管理、革命先辈收藏管理、革命先辈留言管理、光辉历程管理、光辉历程收藏管理、光辉历程留言管理、辉煌成就管理、辉煌成就收藏管理、辉煌成就留言管理、历届会议管理、历届会议收藏管理、历届会议留言管理、留言板管理、单页数据管理、用户管理、每日资讯管理、管理员管理等。
在这里插入图片描述

开发环境

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

系统实现

5.1 管理员功能介绍
5.1.1 光辉历程列表
如图5.1显示的就是光辉历程列表页面，此页面提供给管理员的功能有：查看光辉历程、新增光辉历程、修改光辉历程、删除光辉历程等。
在这里插入图片描述

图5.1 光辉历程列表页面

5.1.2 每日资讯信息管理
每日资讯信息管理页面提供的功能操作有：新增每日资讯，修改每日资讯，删除每日资讯操作。下图就是每日资讯信息管理页面。
在这里插入图片描述

图5.3 每日资讯信息管理页面

5.1.3每日资讯类型管理
每日资讯类型管理页面显示所有每日资讯类型，在此页面既可以让管理员添加新的每日资讯信息类型，也能对已有的每日资讯类型信息执行编辑更新，失效的每日资讯类型信息也能让管理员快速删除。下图就是每日资讯类型管理页面。
在这里插入图片描述

图5.4 每日资讯类型列表页面

在这里插入图片描述

核心代码

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("/guanghuilicheng")
public class GuanghuilichengController {
    private static final Logger logger = LoggerFactory.getLogger(GuanghuilichengController.class);

    @Autowired
    private GuanghuilichengService guanghuilichengService;


    @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("guanghuilichengDeleteStart",1);params.put("guanghuilichengDeleteEnd",1);
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = guanghuilichengService.queryPage(params);

        //字典表数据转换
        List<GuanghuilichengView> list =(List<GuanghuilichengView>)page.getList();
        for(GuanghuilichengView 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);
        GuanghuilichengEntity guanghuilicheng = guanghuilichengService.selectById(id);
        if(guanghuilicheng !=null){
            //entity转view
            GuanghuilichengView view = new GuanghuilichengView();
            BeanUtils.copyProperties( guanghuilicheng , view );//把实体数据重构到view中

            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

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

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");

        Wrapper<GuanghuilichengEntity> queryWrapper = new EntityWrapper<GuanghuilichengEntity>()
            .eq("guanghuilicheng_name", guanghuilicheng.getGuanghuilichengName())
            .eq("guanghuilicheng_uuid_number", guanghuilicheng.getGuanghuilichengUuidNumber())
            .eq("guanghuilicheng_types", guanghuilicheng.getGuanghuilichengTypes())
            .eq("guanghuilicheng_clicknum", guanghuilicheng.getGuanghuilichengClicknum())
            .eq("shangxia_types", guanghuilicheng.getShangxiaTypes())
            .eq("guanghuilicheng_delete", guanghuilicheng.getGuanghuilichengDelete())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        GuanghuilichengEntity guanghuilichengEntity = guanghuilichengService.selectOne(queryWrapper);
        if(guanghuilichengEntity==null){
            guanghuilicheng.setGuanghuilichengClicknum(1);
            guanghuilicheng.setShangxiaTypes(1);
            guanghuilicheng.setGuanghuilichengDelete(1);
            guanghuilicheng.setCreateTime(new Date());
            guanghuilichengService.insert(guanghuilicheng);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

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

        String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");
        //根据字段查询是否有相同数据
        Wrapper<GuanghuilichengEntity> queryWrapper = new EntityWrapper<GuanghuilichengEntity>()
            .notIn("id",guanghuilicheng.getId())
            .andNew()
            .eq("guanghuilicheng_name", guanghuilicheng.getGuanghuilichengName())
            .eq("guanghuilicheng_uuid_number", guanghuilicheng.getGuanghuilichengUuidNumber())
            .eq("guanghuilicheng_types", guanghuilicheng.getGuanghuilichengTypes())
            .eq("guanghuilicheng_clicknum", guanghuilicheng.getGuanghuilichengClicknum())
            .eq("shangxia_types", guanghuilicheng.getShangxiaTypes())
            .eq("guanghuilicheng_delete", guanghuilicheng.getGuanghuilichengDelete())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        GuanghuilichengEntity guanghuilichengEntity = guanghuilichengService.selectOne(queryWrapper);
        if("".equals(guanghuilicheng.getGuanghuilichengPhoto()) || "null".equals(guanghuilicheng.getGuanghuilichengPhoto())){
                guanghuilicheng.setGuanghuilichengPhoto(null);
        }
        if("".equals(guanghuilicheng.getGuanghuilichengFile()) || "null".equals(guanghuilicheng.getGuanghuilichengFile())){
                guanghuilicheng.setGuanghuilichengFile(null);
        }
        if(guanghuilichengEntity==null){
            guanghuilichengService.updateById(guanghuilicheng);//根据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<GuanghuilichengEntity> list = new ArrayList<>();
        for(Integer id:ids){
            GuanghuilichengEntity guanghuilichengEntity = new GuanghuilichengEntity();
            guanghuilichengEntity.setId(id);
            guanghuilichengEntity.setGuanghuilichengDelete(2);
            list.add(guanghuilichengEntity);
        }
        if(list != null && list.size() >0){
            guanghuilichengService.updateBatchById(list);
        }
        return R.ok();
    }


    /**
     * 批量上传
     */
    @RequestMapping("/batchInsert")
    public R save( String fileName, HttpServletRequest request){
        logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);
        Integer yonghuId = Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId")));
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        try {
            List<GuanghuilichengEntity> guanghuilichengList = 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("../../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){
                            //循环
                            GuanghuilichengEntity guanghuilichengEntity = new GuanghuilichengEntity();
//                            guanghuilichengEntity.setGuanghuilichengName(data.get(0));                    //光辉历程名称 要改的
//                            guanghuilichengEntity.setGuanghuilichengUuidNumber(data.get(0));                    //光辉历程编号 要改的
//                            guanghuilichengEntity.setGuanghuilichengPhoto("");//详情和图片
//                            guanghuilichengEntity.setGuanghuilichengTypes(Integer.valueOf(data.get(0)));   //历程时期 要改的
//                            guanghuilichengEntity.setGuanghuilichengFile(data.get(0));                    //相关文件 要改的
//                            guanghuilichengEntity.setGuanghuilichengClicknum(Integer.valueOf(data.get(0)));   //历程热度 要改的
//                            guanghuilichengEntity.setGuanghuilichengContent("");//详情和图片
//                            guanghuilichengEntity.setShangxiaTypes(Integer.valueOf(data.get(0)));   //是否上架 要改的
//                            guanghuilichengEntity.setGuanghuilichengDelete(1);//逻辑删除字段
//                            guanghuilichengEntity.setCreateTime(date);//时间
                            guanghuilichengList.add(guanghuilichengEntity);


                            //把要查询是否重复的字段放入map中
                                //光辉历程编号
                                if(seachFields.containsKey("guanghuilichengUuidNumber")){
                                    List<String> guanghuilichengUuidNumber = seachFields.get("guanghuilichengUuidNumber");
                                    guanghuilichengUuidNumber.add(data.get(0));//要改的
                                }else{
                                    List<String> guanghuilichengUuidNumber = new ArrayList<>();
                                    guanghuilichengUuidNumber.add(data.get(0));//要改的
                                    seachFields.put("guanghuilichengUuidNumber",guanghuilichengUuidNumber);
                                }
                        }

                        //查询是否重复
                         //光辉历程编号
                        List<GuanghuilichengEntity> guanghuilichengEntities_guanghuilichengUuidNumber = guanghuilichengService.selectList(new EntityWrapper<GuanghuilichengEntity>().in("guanghuilicheng_uuid_number", seachFields.get("guanghuilichengUuidNumber")).eq("guanghuilicheng_delete", 1));
                        if(guanghuilichengEntities_guanghuilichengUuidNumber.size() >0 ){
                            ArrayList<String> repeatFields = new ArrayList<>();
                            for(GuanghuilichengEntity s:guanghuilichengEntities_guanghuilichengUuidNumber){
                                repeatFields.add(s.getGuanghuilichengUuidNumber());
                            }
                            return R.error(511,"数据库的该表中的 [光辉历程编号] 字段已经存在 存在数据为:"+repeatFields.toString());
                        }
                        guanghuilichengService.insertBatch(guanghuilichengList);
                        return R.ok();
                    }
                }
            }
        }catch (Exception e){
            e.printStackTrace();
            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 = guanghuilichengService.queryPage(params);

        //字典表数据转换
        List<GuanghuilichengView> list =(List<GuanghuilichengView>)page.getList();
        for(GuanghuilichengView 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);
        GuanghuilichengEntity guanghuilicheng = guanghuilichengService.selectById(id);
            if(guanghuilicheng !=null){

                //点击数量加1
                guanghuilicheng.setGuanghuilichengClicknum(guanghuilicheng.getGuanghuilichengClicknum()+1);
                guanghuilichengService.updateById(guanghuilicheng);

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

                //修改对应字典表字段
                dictionaryService.dictionaryConvert(view, request);
                return R.ok().put("data", view);
            }else {
                return R.error(511,"查不到数据");
            }
    }


    /**
    * 前端保存
    */
    @RequestMapping("/add")
    public R add(@RequestBody GuanghuilichengEntity guanghuilicheng, HttpServletRequest request){
        logger.debug("add方法:,,Controller:{},,guanghuilicheng:{}",this.getClass().getName(),guanghuilicheng.toString());
        Wrapper<GuanghuilichengEntity> queryWrapper = new EntityWrapper<GuanghuilichengEntity>()
            .eq("guanghuilicheng_name", guanghuilicheng.getGuanghuilichengName())
            .eq("guanghuilicheng_uuid_number", guanghuilicheng.getGuanghuilichengUuidNumber())
            .eq("guanghuilicheng_types", guanghuilicheng.getGuanghuilichengTypes())
            .eq("guanghuilicheng_clicknum", guanghuilicheng.getGuanghuilichengClicknum())
            .eq("shangxia_types", guanghuilicheng.getShangxiaTypes())
            .eq("guanghuilicheng_delete", guanghuilicheng.getGuanghuilichengDelete())
            ;
        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        GuanghuilichengEntity guanghuilichengEntity = guanghuilichengService.selectOne(queryWrapper);
        if(guanghuilichengEntity==null){
            guanghuilicheng.setGuanghuilichengDelete(1);
            guanghuilicheng.setCreateTime(new Date());
        guanghuilichengService.insert(guanghuilicheng);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }


}

论文参考

在这里插入图片描述

目录
目录 III
1 绪论 1
1.1 研究背景 1
1.2 目的和意义 1
1.3 论文结构安排 2
2 相关技术 3
2.1 SSM框架介绍 3
2.2 B/S结构介绍 3
2.3 Mysql数据库介绍 4
3 系统分析 6
3.1 系统可行性分析 6
3.1.1 技术可行性分析 6
3.1.2 经济可行性分析 6
3.1.3 运行可行性分析 6
3.2 系统性能分析 7
3.2.1 易用性指标 7
3.2.2 可扩展性指标 7
3.2.3 健壮性指标 7
3.2.4 安全性指标 8
3.3 系统流程分析 8
3.3.1 操作流程分析 8
3.3.2 登录流程分析 9
3.3.3 信息添加流程分析 10
3.3.4 信息删除流程分析 11
3.4 系统功能分析 11
4 系统设计 12
4.1 总体功能 12
4.2 系统概要设计 12
4.3 系统功能结构设计 12
4.4 数据库设计 13
4.4.1 数据库E-R图设计 14
4.4.2 数据库表结构设计 14
5 系统实现 20
5.1 管理员功能介绍 20
5.1.1 光辉历程列表 20
5.1.2 每日资讯信息管理 20
5.1.3每日资讯类型管理 21
6 系统测试 22
6.1 系统测试的特点 22
6.2 系统功能测试 23
6.2.1 登录功能测试 23
6.2.2 添加每日资讯类型功能测试 23
6.3 测试结果分析 24
结论 25
致谢 26
参考文献 27

q_2781179521

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
基于java+ssm+vue的web网站设计与实现

现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本网站就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此中国网站利用当下成熟完善的SSM框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。实现了用户在线选择试题并完成答题，在线查看考核分数。
复制链接

扫一扫