Skip to content

科大商铺:科大二手工坊2.0版本web应用

Notifications You must be signed in to change notification settings

zamblc/kd-shop-web

 
 

Repository files navigation

『kd-shop』科大二手工坊V2.0

不一定什么时候能全做完,反正每天都学一点做一点,最重要的是积累和坚持✊

images images

🙆‍♀️项目的灵感是来源于我的2019年毕业设计:科大二手工坊;科大二手工坊是基于Java语言编写由SSM框架构建,页面是基于jsp+layui编写的,项目相关技术还比较老旧

🙋‍♀️而如今,由于我个人职业发展因素的变更以及前端技术的不断更新迭代,我想就这个项目,完成一个新的尝试。也作为我毕业这么长时间以来,对前端方面学习上的一些总结吧。

⚒️技术选型

前端页面使用Vue3+pinia+vue-router。使用Vite构建工具搭建项目

对于后端服务,我主要为基于node+express搭建的项目进行更新,完成前后端的接口联调。

项目个人维护,由于时间和精力原因,只开发vue版本前端项目和node接口包括功能迁移与新功能引入,java版本的SpringBoot后端项目只做功能迁移

node+express版本 SpringBoot版本

最后,在时间和精力允许的情况下,我有可能还会引入mock的用法,作为拓展技能

kd-shop项目对我而言,我想实现在我职业技术生涯中的一项新的挑战。

📖项目介绍

一个专为各大高校开发的校园二手交易平台。实现校园内闲置物品的流通交易。真正让闲置物品“活”起来。

🧠项目脑图

kd-shop.png

📑项目需求

按学生、管理员不同角色登录,学生用户跳转到商铺页,管理用户登入到管理端页面(个人项目为方便维护,学生端和管理端公用一套系统)

先梳理下系统的几个页面:

学生端 管理端
首页 闲置管理
闲置发布页 交易管理
买闲置页 举报管理
我的小铺页(个人发布、售出的商品、个人售出购买的订单、钱包余额管理) 公告管理
购物车页
收藏页
订单结算页
登录/注册页
新闻公告页(树洞)

⏰更新记录

  • 2022/8/17 项目搭建

  • 2022/8/18 首页导航部分完成

  • 2022/8/19 首页大图及Banner区

  • 学生用户登录(前后端)

  • 学生用户注册

  • 登录后根据角色跳转不同页面

  • 页面路由拦截

  • 全局提示框组件显示可能有问题

  • 上传图片

  • 商品发布

  • 个人信息获取

  • 顶部栏滑动效果

  • 使用Easymock模拟数据(扩展项)

🐞项目Bug与踩坑

  1. 前端在配置axios请求代理时一定要加上请求前缀baseUrl,否则当前端路由地址刚好与后端接口地址一样时,你会发现惊喜🙃

⛏️项目二次开发

Star本项目;

Fork本仓库;

clone项目到本地

④ 安装依赖

npm install

⑤ 编译并热启动

npm run dev

致谢

♪(・ω・)ノ最后感谢各位小伙伴们的支持,也希望项目会对你们有所帮助

About

科大商铺:科大二手工坊2.0版本web应用

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 87.0%
  • JavaScript 12.1%
  • Other 0.9%