案例121:基于微信小程序的作品集展示系统设计与实现

本文主要是介绍案例121:基于微信小程序的作品集展示系统设计与实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文末获取源码

开发语言：Java

框架：SSM

JDK版本：JDK1.8

数据库：mysql 5.7

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.5.4

小程序框架：uniapp

小程序开发软件：HBuilder X

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

目录

前言

系统展示

用户功能模块的实现

用户注册登录界面

首页界面

作品集界面

优秀作者界面

我的分享界面

管理员功能模块的实现

管理员登录界面

用户管理界面

作品管理界面

作品集管理界面

优秀作者管理界面

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码

---

前言

随着计算机技术的成熟，互联网的建立，如今，PC平台上有许多关于作品集展示方面的应用程序，但由于使用时间和地点上的限制，用户在使用上存在着种种不方便，而开发一款作品集展示微信小程序，能够有效地解决这个问题。

本作品集展示微信小程序采用WXML 、WXS、JS小程序编写语言、微信开发者工具进行微信端开发，采用MySQL数据库进行系统数据的储存，以微信为入口的，具有快捷、轻便的特点，不占内存，不用下载、安装，而且访问速度很快。系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，实现了作品集、优秀作品、我的分享等重要功能。

“操作简单，功能实用”这是本软件设计的核心理念，本系统力求创造最好的用户体验。

---

系统展示

用户功能模块的实现

用户注册登录界面

用户要想进入本系统，必须进行登录操作，未有账号的用户可进行注册操作

 

首页界面

用户登录后进入首页界面可查看首页信息 

 

作品集界面

用户通过本平台还可查看作品集信息，并可选择查看详情 

 

优秀作者界面

用户在优秀作者界面可查看所有优秀作者信息，并可选择查看详情 

 

我的分享界面

用户可增删改查个人分享信息 

 

管理员功能模块的实现

管理员登录界面

管理员可以通过正确的登录账号和密码进行登录系统后台 

 

用户管理界面

管理员可进行用户管理操作，可查询、添加、修改和删除用户信息

 

作品管理界面

管理员可新增、修改和删除作品信息，并可加入作品集和查看评论

 

作品集管理界面

管理员可新增、修改和删除作品集信息 

 

优秀作者管理界面

管理员可新增、修改和删除优秀作者信息

 

---

代码实现

登录功能实现代码

@IgnoreAuth@PostMapping(value = "/login")public R login(String username, String password, String captcha, HttpServletRequest request) {UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));if(user==null || !user.getPassword().equals(password)) {return R.error("账号或密码不正确");}String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());return R.ok().put("token", token);}

注册功能实现代码

@IgnoreAuth@PostMapping(value = "/register")public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {return R.error("用户已存在");}userService.insert(user);return R.ok();}

密码重置功能实现代码

@IgnoreAuth@RequestMapping(value = "/resetPass")public R resetPass(String username, HttpServletRequest request){UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));if(user==null) {return R.error("账号不存在");}user.setPassword("123456");userService.update(user,null);return R.ok("密码已重置为：123456");}

修改信息功能实现代码

 @RequestMapping("/update")public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {return R.error("用户名已存在。");}userService.updateById(user);//全部更新return R.ok();}

删除信息功能实现代码

@RequestMapping("/delete")public R delete(@RequestBody Long[] ids){userService.deleteBatchIds(Arrays.asList(ids));return R.ok();}

保存信息功能实现代码

@PostMapping("/save")public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {return R.error("用户已存在");}userService.insert(user);return R.ok();}

这篇关于案例121:基于微信小程序的作品集展示系统设计与实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---