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

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

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

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

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

鱼鸢网络周边系统地址: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,就分享到这里,过两天会给大家分享鱼皮创业一周年的复盘总结,一段 “血泪史”。

👇🏻 点击下方阅读原文,获取鱼皮往期编程干货。

往期推荐

我的编程学习小圈子

三轮电商公司面试,已拿 Offer!

我做了个代码生成器平台,一键生成项目~

奇安信的年终奖,出乎了所有人意料!

挺看好的一位实习生,顶峰见!

写 Bug 并不可怕,可怕的是。。

大厂,是怎么提高研发效率的?

相关推荐

  • WMS仓库管理系统需求调研
  • 6.2K Star太方便!一个命令搞定GIF表情包制作
  • 年薪100w!真心建议大家冲一冲新兴领域,工资高前景好
  • 成都周报丨3家人工智能企业完成融资;一家保险代理商拟赴美上市
  • 千万网红“猫一杯”被全网封号,罚重了吗?
  • 打造专业评分卡,成为风控高手
  • 如何给业务带来38倍增长
  • 第三代指标平台定义、能力与技术详解
  • 液体都“智能”可编程了?哈佛新型超材料登Nature,粘度、透明度、弹性可变
  • 5分钟开发AI应用不是梦!中小企业都能轻松用上AIGC
  • 首个AI程序员造假被抓,Devin再次“震撼”硅谷!扒皮视频文字详解附上
  • 模拟一切实现AGI?OpenAI Sora核心成员最新演讲+专访来了
  • Claude 3说服力堪比人类!Anthropic最新研究揭秘LLM惊人能力
  • 世界首个AI程序员Devin视频竟造假?博主逐帧解析,Devin代码任务完成很糟糕
  • 曾爆火的 InstantID又有了新玩法:风格化图像生成,已开源
  • 培育发展金融领域新质生产力,“AI+金融”论坛在浦东新区成功举办
  • 马斯克的首款多模态大模型来了,GPT-4V又被超越了一次
  • 除了唱歌,AI还能替你演出?又一AI公司将虚拟人推到新高度
  • 狗屁大佬,都是草台班子
  • ResearchAgent?基于LLM+KG+AGENT进行科研想法生成:兼看2023-2024年人工智能代表50公司