载阳校园产品系统

我要开发同款
2阅读

技术信息

语言技术
Java、webview、HTML5、小程序、前端
系统类型
小程序轻应用、Web
行业分类
电商

作品详情

行业场景

行业背景:校园是一个高密度、高粘性、消费频次稳定的封闭场景。大学生群体对水果生鲜、日用零食等商品有高频刚需,但传统校园购物存在"出校门采购不便、校内超市品类少价格高、外卖配送无法进宿舍楼"等痛点。业务模式:本项目采用 "平台 + 商家 + 前置仓(学校仓库)" 的 S2B2C 校园零售模式:
平台方:统一运营小程序商城,负责商家准入、商品审核、订单与售后监管;
商家/供应商:入驻平台供货,按品类经营(如水果、零食等);
学校前置仓:每个学校对应一个仓库(warehouse),商品提前铺货到校内仓库,学生下单后从校内仓发货,实现"最后一公里"甚至"最后一百米"的即时履约;
消费者(学生):通过微信小程序浏览、下单、微信支付,到校内地址收货。
典型场景:
学生在宿舍刷小程序,看到"今日推荐"和限时特价水果,下单支付,选择宿舍楼收货地址;
学生通过有奖答题(题库答题)和消费累计积分,用积分兑换优惠券,提升复购与活跃;
运营人员在后管为不同学校仓库设置分仓定价(同一商品在不同学校可以有不同原价/折扣价/特价时段);
售后场景:学生对已购商品提交评价、发起售后/退款,后管在订单管理中处理退款并留存退款记录。

功能介绍

1. 用户端(微信小程序「载阳校园」)
模块 功能点
登录授权 微信 code 静默登录、用户信息授权、用户协议、学校选择(多校区)
首页 轮播 Banner、今日推荐、限时特价、功能入口(热销水果/特价水果/代购专区/答题有奖等)、下拉刷新
品类商城 品类列表(含品类宣传图)、按品类筛选商品、商品详情(多规格)、用户评价展示
购物车 加入购物车、修改数量(按商品+规格维度)、删除、清空、勾选结算
交易 确认订单、收货地址管理(默认地址/新增/编辑/删除)、微信支付、支付成功/失败页、取消订单
订单中心 我的订单列表、订单详情、提交售后、售后详情、商品评价
会员营销 我的积分、积分兑换记录、优惠券(可用券/积分兑换券)、有奖答题(题库答题赢奖励)、留言墙(瀑布流互动)
其他 web-view 内嵌 H5、个人信息维护、文件上传(评价晒图等)
2. 管理后台(zaiyang-manage 后管前端)
模块 功能点
系统 管理员登录/登出/修改密码、Cookie+Token 鉴权、动态主题色(12 套 Element-UI 皮肤)
商家管理 商家入驻新增/编辑、商家启用/禁用、商家关联仓库
商品管理 品类管理(商家品类)、商品管理(新增/编辑/上下架)、定价管理(按规格+仓库维度设置原价/折扣价及生效时段)、特价管理(限时特价)、商品评价管理(查看/回复评论)
订单管理 订单分页查询、订单详情、支付详情、退款操作、退款记录查询
库存管理 按仓库查询库存、库存修改(盘点/补货)
基础能力 图片上传、仓库列表查询、数据看板首页

项目实现

1. 小程序端实现(zaiyang-mini-project-online)
技术栈:uni-app(Vue 语法,编译到微信小程序)+ uView-ui + Vant Weapp(wxcomponents 原生混用)+ uni_modules 插件(uni-icons、uv-swipe-action、t-index-address 等)+ Vuex;
请求层:request.js 基于 uni.request 封装 Promise 化请求,统一注入 satoken 请求头、统一错误码处理(401 自动跳登录页、500 toast 防抖提示);API 按业务域拆分在 asset/api(goods/cart/order/coupon/score/user/address/home 8 个模块),RESTful 风格(如 PUT /shopping-cart/{goodsId}/{specId}?num=`);
页面结构:tabBar 四页(首页/品类/购物车/我的)+ 订单流程页 + 营销页(答题、留言墙),pages.json 全局注册 Vant 组件、自定义导航栏(home/mine 使用 navigationStyle: custom);
答题模块:题库逻辑独立在 utils/questionBank.js;留言墙使用自研瀑布流组件(u-myWaterfall.vue、wal-list.vue);
多端配置:manifest.json 配置微信小程序 appid,App.vue globalData.apiPath 切换环境接口地址。
2. 后管前端实现(zaiyang-manage)
技术栈:Vue 2.5 + Vue Router(hash 模式)+ Vuex + Element-UI 2.13 + Axios + Webpack 3 手工脚手架(基于 vue-e

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论