基于微信开发的博客小程序的设计与实现

博主主页:一点素材
博主简介:专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发,远程调试部署、代码讲解、文档指导、ppt制作等技术指导。
主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、小程序、安卓app、大数据等设计与开发。

🍅文末获取联系🍅

前言:

用户通过微信平台可打开系统,用户要想使用本系统,必须进行登录操作,没有账号的用户可进行注册操作,用户注册登录后主要功能模块包括首页、博文信息以及我的(博文信息、我的博文、个人名片分享、签到、我的收藏管理和联系客服)

管理员通过微信平台登录系统后,可对系统进行全面管理,包括个人中心、用户管理、博文信息管理、博文类型管理、我的博文管理、个人名片分享管理、签到管理以及系统管理

系统包含技术:

开发语言:Java

框架:ssm

开发软件:eclipse/myeclipse/idea

小程序框架:uniapp

小程序开发软件:HBuilder X

小程序运行软件:微信开发者

小程序端效果图如下:

用户注册登录界面

没有账号的用户可进行注册操作,注册后可进入登录界面进行登录系统,用户注册登录界面展示如图所示。

首页界面

用户登录后进入系统首页,首页界面展示如图所示。

 

博文信息界面

用户在博文信息界面可查看所有博文信息,并可进行查看详情,博文信息界面展示如图所示。

博文评论界面

用户可对博文进行发布评论操作,博文评论界面如图所示。

 

我的博文界面

用户可增删改查个人博文信息,我的博文界面如图所示。

我的界面

用户在我的界面可根据需求进行相应操作,我的界面如图所示。

 

后台管理效果图如下:

管理员登录界面

管理员要想进入系统后台对系统进行管理操作,必须登录系统后台,管理员登录界面如图所示。

管理员登录后可查看、新增、修改和删除用户信息,用户管理界面如图所示。 

博文信息管理界面

管理员可查看、修改和删除博文信息,博文信息管理界面如图所示。

博文类型管理界面

管理员可添加、修改和删除博文类型信息,博文类型管理界面如图所示。

个人名片分享管理界面

管理员可查看和删除个人名片分享信息,个人名片分享管理界面展示如图所示。

签到管理界面

管理员能够查看和删除签到信息,签到管理界面如图所示。

部分代码: 

/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		YonghuEntity user = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));
		if(user==null || !user.getMima().equals(password)) {
			return R.error("账号或密码不正确");
		}
		
		String token = tokenService.generateToken(user.getId(), username,"yonghu",  "用户" );
		return R.ok().put("token", token);
	}
@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		/**
  		 * 如果使用idea或者eclipse重启项目,发现之前上传的图片或者文件丢失,将下面一行代码注释打开
   		 * 请将以下的"D:\\springbootq33sd\\src\\main\\resources\\static\\upload"替换成你本地项目的upload路径,
 		 * 并且项目路径不能存在中文、空格等特殊字符
 		 */
//		FileUtils.copyFile(dest, new File("D:\\springbootq33sd\\src\\main\\resources\\static\\upload"+"/"+fileName)); /**修改了路径以后请将该行最前面的//注释去掉**/
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
  • 10
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值