前端项目技术选型以及页面展示【第二期】

  • 一个开源的springcloud项目。体验和尝试springcloud的各种功能。
  • 内容:抽象出cloud中使用到的常用技术。目标做一个低代码的组件平台。将流程,数据库操作,建模、docker运维、文件系统等抽象出来方便的调用。会定期提升代码质量。
  • 目的:将工作中使用到的技术脱离业务剥离出来,方便复用、借鉴。让使用者可以轻松调用
  • 模块:包括文件模块、运维模块、数据库模块、netty模块、用户中心模块、还有其他业务

目前已经写的文章有

git项目地址 【分布式工具箱】点击可跳转
sprinboot单体项目升级成springcloud项目 【第一期】
前端项目技术选型以及页面展示【第二期】
分布式权限 shiro + jwt + redis【第三期】
给为服务添加运维模块 统一管理【第四期】)
微服务数据库模块【第五期】
netty与mq在项目中的使用(第六期)】
1该项目目前有两个前台
一个是使用vue2管理的 分布式百宝箱 的后台
一个是使用vue3开发的一个app的前台
2.后台管理系统

前端项目技术选型以及页面展示【第二期】_第1张图片 前端项目技术选型以及页面展示【第二期】_第2张图片
前端项目技术选型以及页面展示【第二期】_第3张图片 前端项目技术选型以及页面展示【第二期】_第4张图片
p1 是登录进入的主界面 p2是数据库管理 对应 后台database模块 p3是运维管理 对应 后台devops模块 p4 是登录页面 对应 后台loginUser模块

使用前端框架element-ui

3.前台使用vue3

前端项目技术选型以及页面展示【第二期】_第5张图片 前端项目技术选型以及页面展示【第二期】_第6张图片
前端项目技术选型以及页面展示【第二期】_第7张图片 前端项目技术选型以及页面展示【第二期】_第8张图片
前端项目技术选型以及页面展示【第二期】_第9张图片 前端项目技术选型以及页面展示【第二期】_第10张图片
p1 是首页做了首页缓存处理 p2 资讯 p3 p4 是相关的聊天模块 对应的是netty的模块 p5 是自己信息管理 对应的 业务模块 npm run serve 启动

你可能感兴趣的:(前端)