基于java+springboot+vue的网络安全科普系统微信小程序

于 2024-08-17 20:53:50 发布
阅读量531 收藏 9
点赞数 7
分类专栏： 微信小程序 文章标签： java spring boot vue mysql 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qzf2538760199/article/details/140185152
版权

🙊作者简介：多年编程开发经验，专注java技术领域和毕业设计项目实战，系统定制、远程部署调试、代码讲解、代码修改
🍅擅长语言：springboot、ssm、vue、html、jsp、php、python、爬虫、小程序、安卓app
⬇️源码获取：文末可以获取源码+数据库+文档

 

⚡感兴趣的可以先收藏+关注，后续会更新更多项目资料，所有项目均配有开发文档和安装配置教程

0114874eabd247e2b7d9dd212751b719.png

系统介绍

网络安全科普系统微信小程序按照操作主体分为管理员和用户。管理员的功能包括用户管理，知识分类管理，科普知识管理，案例分析管理，建议反馈管理，交流论坛管理，在线答题管理，系统管理，答题管理。用户的功能包括注册，查看信息，建议反馈，交流论坛，留言等功能。

系统主要技术

开发语言：Java

使用框架：SpringBoot

系统架构：B/S

前端技术：Vue、JavaScript

数据库 ：Mysql 5.7/8.0

编译工具：idea或者eclipse，jdk1.8，maven

系统功能结构设计

根据第三章的功能分析设计出本系统的功能为科普知识管理、用户管理、反馈交流管理、答题管理等。本系统的权限分为用户和管理员两种。界面分为管理员界面和用户界面。本系统的功能结构图如下图4.1所示：

653a494c9c3e4ff292231978fb7ed450.png

图4.1系统功能结构图

 

系统功能实现

5.2系统用户界面的功能实现 

5.2.1用户登录功能的实现界面

　　登录功能是识别身份的唯一途径，本系统中的用户为普通用户、管理员。用户在登录时输入的信息需要流入数据库中进行对比。如管理员输入admin admin，数据库则需要对比管理员信息表中是否有admin admin的数据。存在该条数据才可以登录成功，不存在该条数据时会提示错误。用户登录界面的设计效果如下图5.2所示：

e55941d1b20140179f329b02dbc9c94d.png

图5.2用户的登录运行界面

5.2.2 首页界面的实现

首页操作界面是门户，一个好的首页界面才可以吸引住用户。本操作界面里含有导航栏、系统名称、信息搜索窗口、案例分析展示模块和科普知识信息展示模块等。首页操作界面功能的实现界面如下图5.3所示：

3608f38270f4441d86af22abf7a3bd72.png

图5.3首页操作展示的效果界面

5.2.3用户注册功能的实现界面

游客可以注册，注册成为用户后才可以答题。用户注册功能的实现界面如下图5.4所示：

1f507c73c53c49dfaf5a05605cd41e08.png

图5.4个用户注册功能的运行界面

5.2.4科普知识信息功能的实现界面

在科普知识信息界面里可以学习详细的科普知识。科普知识浏览功能的实现界面如下图5.5所示：

4135fe5f26d642d6adbb3186c509d0e4.png

图5.5科普知识浏览功能的实现界面

5.2.5案例分析功能的实现界面

 用户可以了解案例，通过案例学习知识。案例分析功能的实现界面如下图5.6所示：

2d0d5ea69dea4f8ca409277ec3fff166.png

图5.6案例分析功能的实现界面

5.2.6在线评论功能的实现界面

用户可以实现评论发表自己的看法和疑问。在线评论功能的实现界面如下图5.7所示：

af95f3c8b0274969b5a7c0a06c64477b.png

图5.7在线评论功能的实现界面

5.2.7答题功能的实现界面

用户可以浏览题目和进行答题。答题功能实现界面如下图5.8所示：

7824a79c06f64ce18fe0bf53dd86ea39.png

图5.8答题功能的实现界面

5.2.8建议反馈功能的实现界面

用户有问题可以进行留言，用户建议反馈功能的实现界面如下图5.9所示：

e98b0d18bf0342d99af2443200cff0b9.png

图5.9用户建议反馈功能的实现界面

5.2.9交流论坛功能的实现 

    用户可以浏览帖子和发表新的帖子，交流论坛功能的实现界面如下图5.10所示：

0071a938dc6f453b9c44c05aebb1dc5c.png

图5.10交流论坛功能的实现

5.2.10我的功能实现

    在我的界面里用户可以管理收藏信息、答题信息、帖子信息等。我的功能实现界面如下图5.11所示：

9b269ef276194cc084bac6718a99e3c3.png

图5.11我的功能实现界面

5.3系统后台管理员功能实现 

5.3.1个人中心功能的实现界面

　　管理员可以对密码、资料进行修改。个人中心功能的实现界面如下图5.12所示：

8e07840634764c808503809ccff5c58b.png

图5.12个人中心功能界面的实现

5.3.2科普知识管理功能的实现界面

本功能包括对科普知识的添加、删除、修改、查询。添加科普知识时填写科普知识名称、简介等就可以完成，查询科普知识时填写查询条件即可以查询出来相对应的科普知识信息。添加科普知识信息功能的实现界面如下图5.13所示：

ce04c642f20d41bdae6227bdfac8b4cb.png

图5.13添加科普知识信息功能的实现界面

5.3.3建议反馈管理功能的实现界面

建议反馈管理包括审核用户的留言内容和回复用户留言。建议反馈管理功能的实现界面如下图5.14所示：

7fa614f749f24a77affaea2eed8a4115.png

图5.14回复留言功能的实现界面

5.3.4用户管理功能的实现

　　用户信息可在本功能里进行管理，可以查看用户的注册资料。用户注册管理功能的实现界面如下图5.15所示：

664afba9477e4800992f1773612ed6fc.png

图5.15用户管理功能的实现界面

5.3.5在线答题功能的实现

    管理员可以设置答题信息，实现界面如下图5.16所示：

11e7c634fabc4ce098699710976aa8ff.png

图5.16在线答题功能的实现

此外，知识分类管理、系统管理、答题、交流论坛管理功能等均为相关信息的查询、添加、修改、删除。在此，不再一一贴图描述。

 

 

论文参考

bcc6a7dd499b4fe98152d31a1001afc2.png

2125465606104821add942accb548474.png

a86a9765091f460ba3edf9a3b0e7ade2.png

核心代码

package com.controller;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;

import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;

import com.entity.KepuzhishiEntity;
import com.entity.view.KepuzhishiView;

import com.service.KepuzhishiService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;
import java.io.IOException;
import com.service.StoreupService;
import com.entity.StoreupEntity;

/**
 * 科普知识
 * 后端接口
 * @author 
 * @email 
 * @date
 */
@RestController
@RequestMapping("/kepuzhishi")
public class KepuzhishiController {
    @Autowired
    private KepuzhishiService kepuzhishiService;

    @Autowired
    private StoreupService storeupService;

    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,KepuzhishiEntity kepuzhishi,
		HttpServletRequest request){
        EntityWrapper<KepuzhishiEntity> ew = new EntityWrapper<KepuzhishiEntity>();
		PageUtils page = kepuzhishiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, kepuzhishi), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,KepuzhishiEntity kepuzhishi, 
		HttpServletRequest request){
        EntityWrapper<KepuzhishiEntity> ew = new EntityWrapper<KepuzhishiEntity>();
		PageUtils page = kepuzhishiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, kepuzhishi), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( KepuzhishiEntity kepuzhishi){
       	EntityWrapper<KepuzhishiEntity> ew = new EntityWrapper<KepuzhishiEntity>();
      	ew.allEq(MPUtil.allEQMapPre( kepuzhishi, "kepuzhishi")); 
        return R.ok().put("data", kepuzhishiService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(KepuzhishiEntity kepuzhishi){
        EntityWrapper< KepuzhishiEntity> ew = new EntityWrapper< KepuzhishiEntity>();
 		ew.allEq(MPUtil.allEQMapPre( kepuzhishi, "kepuzhishi")); 
		KepuzhishiView kepuzhishiView =  kepuzhishiService.selectView(ew);
		return R.ok("查询科普知识成功").put("data", kepuzhishiView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        KepuzhishiEntity kepuzhishi = kepuzhishiService.selectById(id);
		kepuzhishi.setClicknum(kepuzhishi.getClicknum()+1);
		kepuzhishi.setClicktime(new Date());
		kepuzhishiService.updateById(kepuzhishi);
        return R.ok().put("data", kepuzhishi);
    }

    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        KepuzhishiEntity kepuzhishi = kepuzhishiService.selectById(id);
		kepuzhishi.setClicknum(kepuzhishi.getClicknum()+1);
		kepuzhishi.setClicktime(new Date());
		kepuzhishiService.updateById(kepuzhishi);
        return R.ok().put("data", kepuzhishi);
    }
    


    /**
     * 赞或踩
     */
    @RequestMapping("/thumbsup/{id}")
    public R vote(@PathVariable("id") String id,String type){
        KepuzhishiEntity kepuzhishi = kepuzhishiService.selectById(id);
        if(type.equals("1")) {
        	kepuzhishi.setThumbsupnum(kepuzhishi.getThumbsupnum()+1);
        } else {
        	kepuzhishi.setCrazilynum(kepuzhishi.getCrazilynum()+1);
        }
        kepuzhishiService.updateById(kepuzhishi);
        return R.ok("投票成功");
    }

    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody KepuzhishiEntity kepuzhishi, HttpServletRequest request){
    	kepuzhishi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(kepuzhishi);
        kepuzhishiService.insert(kepuzhishi);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody KepuzhishiEntity kepuzhishi, HttpServletRequest request){
    	kepuzhishi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(kepuzhishi);
        kepuzhishiService.insert(kepuzhishi);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    @Transactional
    public R update(@RequestBody KepuzhishiEntity kepuzhishi, HttpServletRequest request){
        //ValidatorUtils.validateEntity(kepuzhishi);
        kepuzhishiService.updateById(kepuzhishi);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        kepuzhishiService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<KepuzhishiEntity> wrapper = new EntityWrapper<KepuzhishiEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}


		int count = kepuzhishiService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	
	/**
     * 前端智能排序
     */
	@IgnoreAuth
    @RequestMapping("/autoSort")
    public R autoSort(@RequestParam Map<String, Object> params,KepuzhishiEntity kepuzhishi, HttpServletRequest request,String pre){
        EntityWrapper<KepuzhishiEntity> ew = new EntityWrapper<KepuzhishiEntity>();
        Map<String, Object> newMap = new HashMap<String, Object>();
        Map<String, Object> param = new HashMap<String, Object>();
		Iterator<Map.Entry<String, Object>> it = param.entrySet().iterator();
		while (it.hasNext()) {
			Map.Entry<String, Object> entry = it.next();
			String key = entry.getKey();
			String newKey = entry.getKey();
			if (pre.endsWith(".")) {
				newMap.put(pre + newKey, entry.getValue());
			} else if (StringUtils.isEmpty(pre)) {
				newMap.put(newKey, entry.getValue());
			} else {
				newMap.put(pre + "." + newKey, entry.getValue());
			}
		}
		params.put("sort", "clicknum");
        params.put("order", "desc");
		PageUtils page = kepuzhishiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, kepuzhishi), params), params));
        return R.ok().put("data", page);
    }


    /**
     * 协同算法（按收藏推荐）
     */
    @RequestMapping("/autoSort2")
    public R autoSort2(@RequestParam Map<String, Object> params,KepuzhishiEntity kepuzhishi, HttpServletRequest request){
        String userId = request.getSession().getAttribute("userId").toString();
        String inteltypeColumn = "zhishifenlei";
        List<StoreupEntity> storeups = storeupService.selectList(new EntityWrapper<StoreupEntity>().eq("type", 1).eq("userid", userId).eq("tablename", "kepuzhishi").orderBy("addtime", false));
        List<String> inteltypes = new ArrayList<String>();
        Integer limit = params.get("limit")==null?10:Integer.parseInt(params.get("limit").toString());
        List<KepuzhishiEntity> kepuzhishiList = new ArrayList<KepuzhishiEntity>();
        //去重
        if(storeups!=null && storeups.size()>0) {
            for(StoreupEntity s : storeups) {
                kepuzhishiList.addAll(kepuzhishiService.selectList(new EntityWrapper<KepuzhishiEntity>().eq(inteltypeColumn, s.getInteltype())));
            }
        }
        EntityWrapper<KepuzhishiEntity> ew = new EntityWrapper<KepuzhishiEntity>();
        params.put("sort", "id");
        params.put("order", "desc");
        PageUtils page = kepuzhishiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, kepuzhishi), params), params));
        List<KepuzhishiEntity> pageList = (List<KepuzhishiEntity>)page.getList();
        if(kepuzhishiList.size()<limit) {
            int toAddNum = (limit-kepuzhishiList.size())<=pageList.size()?(limit-kepuzhishiList.size()):pageList.size();
            for(KepuzhishiEntity o1 : pageList) {
                boolean addFlag = true;
                for(KepuzhishiEntity o2 : kepuzhishiList) {
                    if(o1.getId().intValue()==o2.getId().intValue()) {
                        addFlag = false;
                        break;
                    }
                }
                if(addFlag) {
                    kepuzhishiList.add(o1);
                    if(--toAddNum==0) break;
                }
            }
        } else if(kepuzhishiList.size()>limit) {
            kepuzhishiList = kepuzhishiList.subList(0, limit);
        }
        page.setList(kepuzhishiList);
        return R.ok().put("data", page);
    }





}

 

 

q_1394918164
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值