博主介绍:✌全网粉丝5W+,全栈开发工程师,从事多年软件开发,在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战,博主也曾写过优秀论文,查重率极低,在这方面有丰富的经验✌
博主作品:《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目,可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程,企业实战开发。《微服务实战》专栏是本人的实战经验总结,《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源码解读、热门面试题、架构设计等。除此之外还有不少文章等你来细细品味,更多惊喜等着你哦
🍅uniapp微信小程序🍅面试题软考题免费使用,还可以使用微信支付,扫码加群。由于维护成本问题得不到解决,可能将停止线上维护。
🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻 不然下次找不到哟
Java项目案例《100套》
https://blog.csdn.net/qq_57756904/category_12173599.html
uniapp小程序《100套》https://blog.csdn.net/qq_57756904/category_12173599.html
有需求代码永远写不完,而方法才是破解之道,抖音有实战视频课程,某马某千等培训都是2万左右,甚至广东有本科院校单单一年就得3万4年就12万学费,而且还没有包括吃饭的钱。所以很划算了。另外博客左侧有源码阅读专栏,对于求职有很大帮助,当然对于工作也是有指导意义等。在大城市求职,你面试来回一趟多多少少都在12块左右,而且一般不会一次性就通过,还得面试几家。而如果你对源码以及微服务等有深度认识,这无疑给你的面试添砖加瓦更上一层楼。
最后再送一句:最好是学会了,而不是学废了!!
一、前言
Vue3是一个基于组件化的前端JavaScript框架,它是Vue.js的最新版本,旨在提供更好的性能、更简洁的API以及更多的原生特性支持。Vue3的主要特点包括:
-
Composition API:取代了之前的选项式API,它通过分装函数和计算属性的方式实现了更清晰、模块化的组件编写方式。
-
JS渲染函数:使用模板字符串代替VNode构建,提高了渲染速度,并且使得代码更易于理解和维护。
-
Ref 和 RefValue:引入新的数据绑定方式,如
ref
用于跟踪组件实例属性的变化,而reactive
用于响应式的深度数据绑定。 -
TypeScript 支持:Vue3官方推荐配合TypeScript使用,提供了类型安全的声明文件。
-
SSR(服务器端渲染):Vue3对SSR的支持有所增强,提升了SEO和首屏加载速度。
-
Runtime-only 模式:为了减小库体积,Vue3提供了运行时模式,只包含核心库,不包含模板编译器和其他功能。
二、系统设计
1、系统运行环境
开发系统:Windows
架构模式:MVC/前后端分离
JDK版本:Java JDK1.8
Node版本:18或往上
开发工具:IDEA,可提供
数据库版本: mysql5.7/8
数据库可视化工具: SQL yog或Navicat for MySQL
服务器:SpringBoot自带 apache tomcat
主要技术:Java、SpringBoot、MyBatis-plus、SpringSecurity、Redis、MySQL、Vue3、element-plus、Html等
三、非功能性与可行性分析
2.5非功能性需求分析
非功能性需求:用户对软件质量属性、运行环境、资源约束、外部接口等方面的要求或期望,包括:
2.5.1性能需求:
用户在软件响应速度、结果精度、运行时资源消耗量等方面的要求。
2.5.2可行性需求:
用户在软件失效的频率、严重程度、易恢复性,以及故障可预测性等方面的要求。
2.5.3易用性需求:
用户在界面的易用性、美观性,以及对面向用户的文档和培训资料等方面的要求。
2.5.4安全性需求:
用户在身份证、授权控制、私密性等方面的要求。
2.5.5运行环境约束:
用户对软件系统运行环境的要求。
2.5.6外部接口:
用户对待开发软件系统与其它软件系统或设备之间的接口要求
2.6可行性分析
可行性分析是从不同的角度,对可能影响系统的各方面因素进行分析,确认系统在实际生活上是可行的。本系统只是单纯地从经济、法律、技术、操作可行性四个方面来分析说明。
2.6.1技术可行性
技术上的可行性分析主要分析技术条件能否顺利完成开发工作,软、硬件能否满足需要。本系统采用Vue+Elementui开发出友好美观的人机界面,便于用户理解、操作。数据库管理系统采用MySQL,它能够处理大量数据,同时保持数据的完整性、安全性和持久性。后端技术使用SpringBoot、MyBatis,这些技术在许多公司已经被商用了,因此本系统的开发平台已成熟可行。硬件方面,在科技飞速发展的今天,硬件更新速度越来越快,容量越来越大,可靠性越来越高,价格越来越便宜,因此硬件平台也能够满足本系统所需。
2.6.2经济可行性
项目放在阿里学生服务器或者本地虚拟机的linux环境,故可行。
2.6.3法律可行性
可行,自己写的项目,目的明确,没有违法违规。
2.6.4操作可行性
操作较为简单,而且当下信息科技发达,界面的设计也着实考虑到用户的体验,系统也是为用户而生。故操作是可行的,不存在难度大的操作。
四、功能截图
1、登录和首页
1.1、首页
2、商品管理
2.1、商品
2.2、库存管理
3、店铺管理
3.1、店铺装修
3.2、店铺动态
4、系统管理
4.1、用户管理
4.2、角色管理
4.3、菜单管理
4.4、部门管理
4.5、字典管理
5、项目配置
五、实现代码
1、用户控制器
@Slf4j
@RestController
@AllArgsConstructor
@RequestMapping("/api/users")
public class CeamSysUserController {
private final ICeamSysUserService ceamSysUserService;
@GetMapping
public ResponseEntity page(PageableDTO pageableDTO) {
IPage<CeaMSysUserVO> ceaMSysUserVOIPage = ceamSysUserService.pageCeaMSysUserVO(pageableDTO);
return ResponseEntity.ok(ceaMSysUserVOIPage);
}
@PostMapping
public ResponseEntity<Object> add(@RequestBody CeaMSysUserDTO data) {
ceamSysUserService.add(data);
return ResponseEntity.ok("成功");
}
@PutMapping
public ResponseEntity<Object> edit(@RequestBody CeaMSysUserDTO data) {
ceamSysUserService.edit(data);
return ResponseEntity.ok("成功");
}
@DeleteMapping
public ResponseEntity<Object> add(@RequestParam String id) {
ceamSysUserService.remove(Long.parseLong(id));
return ResponseEntity.ok("成功");
}
}
2、用户服务接口
/**
* <p>
* 用户表 服务类
* </p>
*
* @author CeaM
* @since 2023-01-28
*/
public interface ICeamSysUserService extends IService<CeamSysUser> {
/**
* 分页查询
*
* @param pageableDTO 分页入参
* @return 分页数据
*/
IPage<CeaMSysUserVO> pageCeaMSysUserVO(PageableDTO pageableDTO);
/**
* 根据账号加载用户信息
*
* @param userName 用户账号
* @return CeaMSysUserDTO
*/
CeaMSysUserDTO loadUserInfo(String userName);
/**
* 添加用户
*
* @param data 前端入参
*/
void add(CeaMSysUserDTO data);
/**
* 修改用户
*
* @param data 前端入参
*/
void edit(CeaMSysUserDTO data);
/**
* 根据用户ID删除用户
*
* @param id userId
*/
void remove(Long id);
}
3、服务实现类
@Service
public class CeamSysUserServiceImpl
extends ServiceImpl<CeamSysUserMapper, CeamSysUser> implements ICeamSysUserService {
@Override
public IPage<CeaMSysUserVO> pageCeaMSysUserVO(PageableDTO pageableDTO) {
LambdaQueryWrapper<CeamSysUser> queryWrapper = Wrappers.<CeamSysUser>lambdaQuery()
.eq(CeamSysUser::getDeleted, GlobalConstants.FALSE);
Page<CeamSysUser> page = new Page<>(pageableDTO.getPage(), pageableDTO.getSize());
page.setCurrent((long)pageableDTO.getPage() + GlobalConstants.ONE);
Page<CeamSysUser> ceamSysUserPage = page(page, queryWrapper);
IPage<CeaMSysUserVO> ceaMSysUserVOIPage = PageVOUtil.copyToPageVO(ceamSysUserPage, CeaMSysUserVO.class);
return ceaMSysUserVOIPage;
}
@Override
public CeaMSysUserDTO loadUserInfo(String userName) {
LambdaQueryWrapper<CeamSysUser> queryWrapper = Wrappers.<CeamSysUser>lambdaQuery()
.eq(CeamSysUser::getUsername, userName);
CeamSysUser ceamSysUser = baseMapper.selectOne(queryWrapper);
if (ObjectUtils.isEmpty(ceamSysUser)) {
throw new ServiceException("账号不存在");
}
if (ceamSysUser.getStatus() == GlobalConstants.ONE) {
throw new ServiceException("账号已禁用");
}
CeaMSysUserDTO ceaMSysUserDTO = BeanCopyUtil.copyProperties(ceamSysUser, CeaMSysUserDTO.class);
return ceaMSysUserDTO;
}
@Override
public void add(CeaMSysUserDTO data) {
CeamSysUser ceamSysUser = BeanCopyUtil.copyProperties(data, CeamSysUser.class);
save(ceamSysUser);
}
@Override
public void edit(CeaMSysUserDTO data) {
CeamSysUser ceamSysUser = BeanCopyUtil.copyProperties(data, CeamSysUser.class);
updateById(ceamSysUser);
}
@Override
public void remove(Long id) {
removeById(id);
}
}
六、企业级实战视频课程推荐
1、SpringBoot理论与实战
该项目企业级由0到1搭建讲解
2、Uniapp微信小程序实战
基于uniapp+Vue3+TypeScript,由0到1搭建实战,学会了这个也基本理解Vue3管理端的项目了。
3、Shell脚本部署SpringCloud实战
Linux系统使用Shell脚本部署SpringCloud实战,包括Nginx代理部署以及Docker容器化部署
4、Spring Cloud Alibaba实战
SpringCloud Alibaba企业级实战,微服务一站式解决方案。注册配置中心、网关、负载均衡、服务容错、限流、分布式事务、分库分表、消息中间件、Oauth2单点登录等企业级解决方案。
七、获取源码
大家点赞、收藏、关注、评论啦 、需要知识付费关注下方公众号获取联系方式👇🏻👇🏻