代码拉取完成,页面将自动刷新
采用Vue3 +eggjs + 微信小程序, 打造的多端互联图书商城项目。PC端,移动端,微信小程序端数据互联,智能化开启图书的销售方式。让你享受到更加智能化的服务,用心做好每一个产品,智能化才是我们的未来。
共享性:多端设备数据互联。
适配性:响应式支持多种设备访问网页端
海淘图书商城平台:http://book.fastcat.top/(暂未开放)
API测试接口文档:https://www.showdoc.com.cn/bookShopping/8924505930846286
1.pc端平台
Shopping_PC
│
├─public 公有访问目录
└─src 源代码目录
│ │ App.vue 挂载文件
│ │ main.js 入口文件
│ ├─assets 公共访问文件
│ │ ├─css 公共样式
│ │ │ │ base.css
│ │ │ │ comm.css
│ │ │ │ normalize.css
│ │ │ │ reactive.css
│ │ │ └─iconfont_css iconfont字体样式文件
│ │ │ demo.css
│ │ │ iconfont.css
│ │ │ iconfont.js
│ │ │ iconfont.json
│ │ │ iconfont.ttf
│ │ │ iconfont.woff
│ │ │ iconfont.woff2
│ │ └─images 图片资源
│ │ │ logo.png
│ │ ├─icon
│ │ ├─img
│ │ └─pic
│ ├─components 封装组件
│ │ ├─common 常用组件
│ │ │ ├─backtop 移动顶部组件
│ │ │ │ BackTop.vue
│ │ │ ├─footerbar 页脚组件
│ │ │ │ FooterBar.vue
│ │ │ ├─headerbar 头部组件
│ │ │ │ HeaderBar.vue
│ │ │ └─ribbon 彩带组件
│ │ │ Ribbon.vue
│ │ └─content 内容组件
│ │ ├─goods 商品组件
│ │ │ GoodsItem.vue
│ │ │ GoodsList.vue
│ │ │
│ │ └─orders 订单组件
│ │ CollectItem.vue
│ │ DetailItem.vue
│ │ OrdersItem.vue
│ ├─network 封装网络请求
│ │ address.js
│ │ cart.js
│ │ category.js
│ │ collect.js
│ │ detail.js
│ │ home.js
│ │ order.js
│ │ request.js
│ │ settings.js
│ │ user.js
│ ├─router 路由文件
│ │ index.js
│ ├─store vuex缓存文件
│ │ actions.js
│ │ getters.js
│ │ index.js
│ │ mutations.js
│ ├─utils 工具函数文件
│ │ AddressMessage.js
│ │ common.js
│ │ index.js
│ │ Message.js
│ │ validate.js
│ └─views 视图文件
│ ├─address 地址栏
│ │ Address.vue 地址列表页
│ │ AddressEdit.vue 地址编辑页
│ ├─goods 商品栏
│ │ Collection.vue 商品收藏页
│ │ Detail.vue 商品详情页
│ │ Search.vue 商品搜索页
│ ├─home 主页栏
│ │ │ Category.vue 商品分类页
│ │ │ Home.vue 首页
│ │ │ ShopCart.vue 加入购物车页
│ │ └─childcomps 主页的子组件
│ │ HomeRecommend.vue
│ │ HomeSwiper.vue
│ ├─order 订单栏
│ │ CreateOrder.vue 创建订单页
│ │ Order.vue 订单列表页
│ │ OrderDetail.vue 订单详情页
│ ├─profile 个人信息栏
│ │ Login.vue 登录页
│ │ Profile.vue 个人详情
│ │ Register.vue 注册页
│ └─settings 设置栏
404error.vue 404空白页
Settings.vue 设置个人信息页
2.微信小程序平台
Shopping_Wechat
│
├─assets 静态资源文件
├─components 封装的组件
│ │
│ ├─emptyData 空页面组件
│ │ emptyData.js
│ │ emptyData.json
│ │ emptyData.wxml
│ │ emptyData.wxss
│ ├─loadSpinner 旋转器组件
│ │ loadSpinner.js
│ │ loadSpinner.json
│ │ loadSpinner.wxml
│ │ loadSpinner.wxss
│ ├─maskLoad 封面层组件
│ │ maskLoad.js
│ │ maskLoad.json
│ │ maskLoad.wxml
│ │ maskLoad.wxss
│ ├─payOrders 支付订单组件
│ │ payOrders.js
│ │ payOrders.json
│ │ payOrders.wxml
│ │ payOrders.wxss
│ ├─paySelect 支付选择组件
│ │ paySelect.js
│ │ paySelect.json
│ │ paySelect.wxml
│ │ paySelect.wxss
│ └─toastMsg 信息提示组件
│ msgToast.js
│ msgToast.json
│ msgToast.wxml
│ msgToast.wxss
├─modules 模块层
│ └─load 加载模块组件
│ load.js
│ load.json
│ load.wxml
│ load.wxss
├─service 服务层(或接口层)
│ address.js
│ auth.js
│ cart.js
│ category.js
│ goods.js
│ index.js
│ order.js
│ setting.js
│ user.js
├─pages 页面层
│ ├─addressPage 地址栏
│ │ ├─address 地址列表页
│ │ │ address.js
│ │ │ address.json
│ │ │ address.wxml
│ │ │ address.wxss
│ │ └─addressEdit 地址编辑页
│ │ addressEdit.js
│ │ addressEdit.json
│ │ addressEdit.wxml
│ │ addressEdit.wxss
│ ├─goodsPage 商品栏
│ │ ├─collection 商品收藏页
│ │ │ collection.js
│ │ │ collection.json
│ │ │ collection.wxml
│ │ │ collection.wxss
│ │ └─goods 商品页
│ │ goods.js
│ │ goods.json
│ │ goods.wxml
│ │ goods.wxss
│ ├─homePage 主页栏
│ │ ├─cart 购物车页
│ │ │ cart.js
│ │ │ cart.json
│ │ │ cart.wxml
│ │ │ cart.wxss
│ │ ├─category 分类页
│ │ │ category.js
│ │ │ category.json
│ │ │ category.wxml
│ │ │ category.wxss
│ │ ├─index 首页
│ │ │ index.js
│ │ │ index.json
│ │ │ index.wxml
│ │ │ index.wxss
│ │ └─profile 个人页
│ │ profile.js
│ │ profile.json
│ │ profile.wxml
│ │ profile.wxss
│ ├─identifyPage 认证栏
│ │ ├─bind 绑定页
│ │ │ bind.js
│ │ │ bind.json
│ │ │ bind.wxml
│ │ │ bind.wxss
│ │ ├─login 登录页
│ │ │ login.js
│ │ │ login.json
│ │ │ login.wxml
│ │ │ login.wxss
│ │ └─register 注册页
│ │ register.js
│ │ register.json
│ │ register.wxml
│ │ register.wxss
│ ├─ordersPage 订单栏
│ │ ├─createOrder 创建订单页
│ │ │ createOrder.js
│ │ │ createOrder.json
│ │ │ createOrder.wxml
│ │ │ createOrder.wxss
│ │ ├─orderComment 订单评论页
│ │ │ orderComment.js
│ │ │ orderComment.json
│ │ │ orderComment.wxml
│ │ │ orderComment.wxss
│ │ ├─orderDetail 订单详情页
│ │ │ orderDetail.js
│ │ │ orderDetail.json
│ │ │ orderDetail.wxml
│ │ │ orderDetail.wxss
│ │ ├─orderExpress 订单物流页
│ │ │ orderExpress.js
│ │ │ orderExpress.json
│ │ │ orderExpress.wxml
│ │ │ orderExpress.wxss
│ │ └─orders 订单列表页
│ │ orders.js
│ │ orders.json
│ │ orders.wxml
│ │ orders.wxss
│ └─settingPage 设置栏
│ ├─about 个人详情页
│ │ about.js
│ │ about.json
│ │ about.wxml
│ │ about.wxss
│ ├─refreshEmail 修改邮箱页
│ │ refreshEmail.js
│ │ refreshEmail.json
│ │ refreshEmail.wxml
│ │ refreshEmail.wxss
│ ├─refreshName 修改昵称页
│ │ refreshName.js
│ │ refreshName.json
│ │ refreshName.wxml
│ │ refreshName.wxss
│ ├─refreshPhone 修改手机号码页
│ │ refreshPhone.js
│ │ refreshPhone.json
│ │ refreshPhone.wxml
│ │ refreshPhone.wxss
│ ├─refreshPwd 更新密码页
│ │ refreshPwd.js
│ │ refreshPwd.json
│ │ refreshPwd.wxml
│ │ refreshPwd.wxss
│ ├─retrievePwd 找回密码页
│ │ retrievePwd.js
│ │ retrievePwd.json
│ │ retrievePwd.wxml
│ │ retrievePwd.wxss
│ ├─setting 设置信息页
│ │ setting.js
│ │ setting.json
│ │ setting.wxml
│ │ setting.wxss
│ └─userDetail 用户详情页
│ userDetail.js
│ userDetail.json
│ userDetail.wxml
│ userDetail.wxss
├─utils 工具层
alter_sec.js
checkPage.js
fileRename.js
index.js
orderSign.js
request.js
validate.js
3.后台管理系统
略
4.Eggjs接口 提供
略
1.PC端平台
2.微信小程序平台
3.后台管理系统
使用git拉取当前项目
git clone https://gitee.com/MiniWildCat/sea-book-shopping.git
使用npm对主系统和子系统安装包
yarn install 或者 npm install
运行项目
PC端和管理系统
yarn serve 或者 npm run serve
Eggjs后端系统
yarn dev 或者 npm run dev
项目开启后,可以通过以下url访问
http://localhost:8080/ PC系统/管理系统
http://localhost:7001/ Eggjs后端系统
海淘图书商城平台采用 Apache 2.0 开源许可证。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。