专栏名称: 程序员鱼皮
鹅厂全栈开发,持续分享编程技法和实用项目
目录
相关文章推荐
CareerIn投行PEVC求职  ·  中概股 “井喷日”:宁德、蜜雪、万国齐发IPO大招 ·  昨天  
HRTechChina  ·  2025HRTech机构会员,是您数智升级, ... ·  昨天  
智联招聘HR公会  ·  精准把握职场热搜爆点,做职场人求职风向标 ·  2 天前  
清华经管学院职业发展中心  ·  招聘|国信证券金融市场总部校园招聘 ·  3 天前  
51好读  ›  专栏  ›  程序员鱼皮

我们自己的周边网站上线啦!

程序员鱼皮  · 公众号  ·  · 2024-04-14 18:31

正文

大家好,我是程序员鱼皮。

不知不觉,我的公司正式开业都已经一年了!之前为了感谢帮助我们内测产品、积极参与我们组织活动的同学,我们专门定做了一系列的周边奖品,比如帆布包、鼠标垫、立牌之类的。

有一些小伙伴觉得我们做的周边还挺好看的,想要了解获取途径或购买。于是,为了更好地展示我们公司的周边奖品,我们上线了自己的周边系统!

以后给大家发放奖励就更方便啦,而且喜欢我们周边的鱼友们也可以自行选购~

鱼鸢网络周边系统地址: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 的企业级周边系统,目的是更直观清晰地展示公司周边、并且提高公司内部的周边申请和管理效率。

  • 对外服务: 为用户提供周边商品的浏览和购买渠道,提升用户体验。
  • 对内管理: 整合公司内部商品表单,为管理员提供便捷的周边商品管理平台。

周边展示页面:

用户管理页面:

申请管理页面:

查看申请记录页面:

项目特点

  • 主流技术栈、简单易上手,适合刚学完一门前端或后端框架的同学练手,提升实战经验
  • 项目界面美观整洁

项目收获

  1. 学习企业级项目从开发到上线的完整流程,能独立开发上线系统
  2. 学习常见后端数据库表设计方式,以及管理员在前端快速可视化数据的技术
  3. 掌握万用前端 + 后端模板的使用以及快速二次开发能力
  4. 学习企业中较为复杂的权限管理,实现定制化脱敏信息
  5. 学习常见项目优化技术,如分布式锁保证数据强一致性、降级策略等

本项目适合同学

本项目同时适合前端和后端,并且项目难度并不大,非常适合刚学完一门后端框架技术想实战的同学。

如果你是后端,已经学习过 JavaWeb 开发掌握一门框架技术,希望学习到快速对框架的使用开发企业级项目、提升自己的编程和系统设计能力,那么非常欢迎来学习!

如果你是前端,最好已经学习过 Vue 或 React 框架,可以通过本项目学习到快速开发前端项目的技巧,并且通过保姆级的入门实战学会一些后端技术。

技术选型

后端

  • Spring Boot 2.7
  • MySQL
  • Mybatis-plus
  • Redis
  • Swagger 接口文档
  • Hutool 、Apache Commons 等工具库
  • 对象存储
  • 使用后端模板代码快速开发

前端

  • React + Ant Design Pro
  • 前端工程化:ESLint + Prettier + TypeScript
  • 使用 antd 前端模板代码快速开发

项目教程

目前教程仅 编程导航 的朋友可见,感兴趣的同学欢迎加入,学习十多套优质项目。

项目教程为文字教程,一共分为四章:

  1. 项目诞生 :周边系统教程(1-项目总览)
  2. 项目初始化:周边系统教程(2-项目初始化)
  3. 核心业务开发:周边系统教程(3-业务开发)
  4. 管理业务开发:周边系统教程(4-管理页面开发)




OK,就分享到这里,过两天会给大家分享鱼皮创业一周年的复盘总结,一段 “血泪史”。







请到「今天看啥」查看全文