基于UniApp+vue3+TypeScript实现的简易汽车保养商城项目源码.zip下载

weixin_39820780 2023-09-16 15:30:28
【资源说明】 基于UniApp+vue3+TypeScript实现的简易汽车保养商城项目源码.zip 实现一个汽车保养服务电子商城(B2C)移动端界面 - 主要功能:用户在应用程序里下单成功后,在订单有效期内到店,商家核销订单提供相应服务完成订单。 - 主要流程:用户下单 → 用户到店 → 商家服务 ![流程图](docs/images/1-1.png) - 首页以不同的形式展示商品,丰富视觉体验; - 用户浏览商品后可直接下单,无需购物车功能; - 商品详情页展示商品的信息:商品封面图、商品规格细节、商品图文描述; - 订单列表页使用标签页展示不同的订单状态:全部、待支付、待使用、已完成、已取消。 - 订单详情页展示订单状态及详细信息 数据字典 |名称|别名|描述|定义|位置| | :--- |:---|:---|:---:|---:| |全部|全部订单|订单页面中的所有类型订单集合|0{数字}|订单信息| |待支付|待支付订单|订单创建15分钟内未支付完成的订单|1{数字}|订单信息| |待使用|待使用订单|订单已支付完成未核销过也未过期的订单|2{数字}|订单信息| |已完成|已完成订单|在订单有效期内使用核销过的订单|3{数字}|订单信息| |已取消|已取消订单|在有效期内已支付的订单,用户手动取消|4{数字}|订单信息| |已失效|已失效订单|超时未支付的订单|5{数字}|订单信息| |已过期|已过期订单|支付成功的订单超过订单有效期未使用|6{数字}|订单信息| |是否支付有效期||未支付订单是否还可以继续支付|true{布尔}|订单信息| |是否订单有效期||已支付成功的订单是否可以到店核销使用|true{布尔}|订单信息| || |原价|划线价|商品原价|0{数字}|商品信息| |限购|最大可购买数量|同一个商品每个客户可购买的最大数量|0{数字}|商品信息| ### 对象属性 - 商品(ProductObj) 代码 ```typescript interface ProductObj { "id": number // 商品id "name": string // 商品名称 "description": string // 描述 "cover": string // 列表封面图 "images": string[] // 轮播图 "content": string // 富文本内容 "price": number // 价格 (单位:元) "originPrice": number // 原价 (单位:元) "stock": number // 库存 "maxPurchaseQuantity": number // 最大可购买数量 } ``` - 订单(OrderObj) 代码 ```typescript interface OrderObj { "id": number // 订单id "orderNumber": string // 订单编号 "status": number // 订单状态 "price": number // 订单价格(单位:元) "product": ProductObj // 订单商品 "createdAt": string // 下单时间 "paidAt": string // 支付时间 "completedAt": string // 订单完成时间 "availableAt": string // 订单有效期时间 "code": string // 券码 "quality": number // 购买数量 "userId": number // 下单用户id "verificationCode": VerificationCodeObj[] // 核销码 } 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步! , 相关下载链接:https://download.csdn.net/download/DeepLearning_/88284330?utm_source=bbsseo
...全文
12 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
【资源说明】 基于UniApp+vue3+TypeScript实现简易汽车保养商城项目源码.zip 实现一个汽车保养服务电子商城(B2C)移动端界面 - 主要功能:用户在应用程序里下单成功后,在订单有效期内到店,商家核销订单提供相应服务完成订单。 - 主要流程:用户下单 → 用户到店 → 商家服务 ![流程图](docs/images/1-1.png) - 首页以不同的形式展示商品,丰富视觉体验; - 用户浏览商品后可直接下单,无需购物车功能; - 商品详情页展示商品的信息:商品封面图、商品规格细节、商品图文描述; - 订单列表页使用标签页展示不同的订单状态:全部、待支付、待使用、已完成、已取消。 - 订单详情页展示订单状态及详细信息 数据字典 |名称|别名|描述|定义|位置| | :--- |:---|:---|:---:|---:| |全部|全部订单|订单页面中的所有类型订单集合|0{数字}|订单信息| |待支付|待支付订单|订单创建15分钟内未支付完成的订单|1{数字}|订单信息| |待使用|待使用订单|订单已支付完成未核销过也未过期的订单|2{数字}|订单信息| |已完成|已完成订单|在订单有效期内使用核销过的订单|3{数字}|订单信息| |已取消|已取消订单|在有效期内已支付的订单,用户手动取消|4{数字}|订单信息| |已失效|已失效订单|超时未支付的订单|5{数字}|订单信息| |已过期|已过期订单|支付成功的订单超过订单有效期未使用|6{数字}|订单信息| |是否支付有效期||未支付订单是否还可以继续支付|true{布尔}|订单信息| |是否订单有效期||已支付成功的订单是否可以到店核销使用|true{布尔}|订单信息| || |原价|划线价|商品原价|0{数字}|商品信息| |限购|最大可购买数量|同一个商品每个客户可购买的最大数量|0{数字}|商品信息| ### 对象属性 - 商品(ProductObj)
代码 ```typescript interface ProductObj { "id": number // 商品id "name": string // 商品名称 "description": string // 描述 "cover": string // 列表封面图 "images": string[] // 轮播图 "content": string // 富文本内容 "price": number // 价格 (单位:元) "originPrice": number // 原价 (单位:元) "stock": number // 库存 "maxPurchaseQuantity": number // 最大可购买数量 } ```
- 订单(OrderObj)
代码 ```typescript interface OrderObj { "id": number // 订单id "orderNumber": string // 订单编号 "status": number // 订单状态 "price": number // 订单价格(单位:元) "product": ProductObj // 订单商品 "createdAt": string // 下单时间 "paidAt": string // 支付时间 "completedAt": string // 订单完成时间 "availableAt": string // 订单有效期时间 "code": string // 券码 "quality": number // 购买数量 "userId": number // 下单用户id "verificationCode": VerificationCodeObj[] // 核销码 } 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
【资源说明】 1、该资源包括项目的全部源码下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip ## 简介 vue-element-perfect 是一个后台前端解决方案,它使用了最新的前端技术栈、动态路由,权限验证,并且有着丰富的组件,企业级中后台解决方案,可免费商用,同时支持PC、平板、手机 ## 项目功能 - 使用Vue3.0开发,单文件组件采用<script setup> - 采用 Vite3 作为项目开发、打包工具(配置了 Gzip 打包、TSX 语法、跨域代理) - 整个项目集成了 TypeScript - 登录逻辑,使用vue-router进行路由权限拦截,判断,路由懒加载 - 使用 keep-alive 对整个页面进行缓存,支持多级嵌套页面 - 侧边栏导航菜单栏动态的显示 - 各种可视化地图组件 - 使用 Pinia替代 Vuex,轻量、简单、易用 - 导出excel,自定义样式导出excel、多表头导出 - 表单、表格、水印、多标签显示、打印功能,图片打印、表格打印、普通打印、二维码、拖拽、markdown、头像裁剪、图片上传... - 使用 Prettier 统一格式化代码,集成 Eslint、代码校验规范 ## 安装 ``` ## 分支管理 - master 技术采用 vite + vue3.0 + Typescript + pinia - vue-admin-simple 简易版本 - vite-vuex vite + vue3.0 + Typescript + vuex - vue-i18n 语言切换版本 - webpack 技术采用 webpack + vue3.0 + Typescript + vuex - uniapp uniapp版本 uniapp +vuex +element scss ``` # 本地开发 启动项目 借助hbuilder工具运行浏览器启动 ``` ## 下载依赖 ``` npm install cnpm install yarn # npm install 安装失败,请升级 nodejs 到 16 以上,或尝试使用以下命令: npm install --registry=https://registry.npm.taobao.org ``` ## 运行打包 ``` npm run dev npm run build ``` ## eslint+prettier ``` # eslint 检测代码 npm run lint #prettier 格式化代码 npm run lint:prettier ``` ## 文件目录结构 ``` vue-admin-perfect ├─ public # 静态资源文件(忽略打包) ├─ src │ ├─ api # API 接口管理 │ ├─ assets # 静态资源文件 │ ├─ components # 全局组件 │ ├─ config # 全局配置项 │ ├─ hooks # 常用 Hooks │ ├─ language # 语言国际化 │ ├─ layout # 框架布局 │ ├─ routers # 路由管理 │ ├─ store # pinia store │ ├─ styles # 全局样式 │ ├─ utils # 工具库 │ ├─ views # 项目所有页面 │ ├─ App.vue # 入口页面 │ └─ main.ts # 入口文件 ├─ .env # vite 常用配置 ├─ .env.development # 开发环境配置 ├─ .env.production # 生产环境配置 ├─ .env.test # 测试环境配置 ......

13,654

社区成员

发帖
与我相关
我的任务
社区描述
CSDN 下载资源悬赏专区
其他 技术论坛(原bbs)
社区管理员
  • 下载资源悬赏专区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧