大家好,我是程序员鱼皮。
不知不觉,我的公司正式开业都已经一年了!之前为了感谢帮助我们内测产品、积极参与我们组织活动的同学,我们专门定做了一系列的周边奖品,比如帆布包、鼠标垫、立牌之类的。
有一些小伙伴觉得我们做的周边还挺好看的,想要了解获取途径或购买。于是,为了更好地展示我们公司的周边奖品,我们上线了自己的周边系统!
以后给大家发放奖励就更方便啦,而且喜欢我们周边的鱼友们也可以自行选购~
鱼鸢网络周边系统地址:http://prize.yuyuanweb.com
感兴趣的同学,可以看鱼皮录制的周边展示视频:https://www.bilibili.com/video/BV14F4m1N7Pk ,看看 “卖家秀” 长什么样~
相信很多同学也想开发一个类似的奖品展示、奖品管理类的项目,所以我们将
本项目的代码开源!
-
前端:https://github.com/yuyuanweb/peripheral-frontend
-
后端:https://github.com/yuyuanweb/peripheral-backend
感兴趣的同学可以看源码学习起来,也可以当做毕业设计~
此外,上线项目的同时,我们特地编写了一套《周边展示和管理系统》保姆级教程,作者是我们编程导航的成员 @4838-小火龙 。
不过目前教程仅 编程导航 的朋友可见,感兴趣的同学欢迎加入,学习十多套优质项目。
下面再简单介绍下这个项目:
项目背景
我们公司有很多各式各样的周边,比如书籍、礼盒、定制公仔等,每个周边的可发数量和库存数量也不同。
以前,我们使用在线表格对周边进行管理,人工维护;但随着公司的项目组越来越多,大家可能存在申请周边的需求,这时使用在线表格管理就不方便了。
此外,我们之前使用飞书文档来对外展示周边信息,也需要人工维护文档。
同时维护对内表格和对外文档,就导致了大量信息的重复填写,增加了人工维护的成本和压力。
有没有什么办法提高管理效率、保证周边信息的一致性呢?
我们的方案是开发一套系统,能够同时满足周边展示(对外)和周边管理(对内)的需求。于是,周边系统应需而生。
项目简介
基于 Spring Boot + React + Ant Design 组件库 + MySQL + Redis 的企业级周边系统,目的是更直观清晰地展示公司周边、并且提高公司内部的周边申请和管理效率。
-
对外服务: 为用户提供周边商品的浏览和购买渠道,提升用户体验。
-
对内管理: 整合公司内部商品表单,为管理员提供便捷的周边商品管理平台。
周边展示页面:
用户管理页面:
申请管理页面:
查看申请记录页面:
项目特点
-
主流技术栈、简单易上手,适合刚学完一门前端或后端框架的同学练手,提升实战经验
-
项目收获
-
学习企业级项目从开发到上线的完整流程,能独立开发上线系统
-
学习常见后端数据库表设计方式,以及管理员在前端快速可视化数据的技术
-
掌握万用前端 + 后端模板的使用以及快速二次开发能力
-
-
学习常见项目优化技术,如分布式锁保证数据强一致性、降级策略等
本项目适合同学
本项目同时适合前端和后端,并且项目难度并不大,非常适合刚学完一门后端框架技术想实战的同学。
如果你是后端,已经学习过 JavaWeb 开发掌握一门框架技术,希望学习到快速对框架的使用开发企业级项目、提升自己的编程和系统设计能力,那么非常欢迎来学习!
如果你是前端,最好已经学习过 Vue 或 React 框架,可以通过本项目学习到快速开发前端项目的技巧,并且通过保姆级的入门实战学会一些后端技术。
技术选型
后端
-
-
-
-
-
-
Hutool 、Apache Commons 等工具库
-
-
前端
-
-
前端工程化:ESLint + Prettier + TypeScript
-
项目教程
目前教程仅 编程导航 的朋友可见,感兴趣的同学欢迎加入,学习十多套优质项目。
项目教程为文字教程,一共分为四章:
-
-
-
-
OK,就分享到这里,过两天会给大家分享鱼皮创业一周年的复盘总结,一段 “血泪史”。