vue.js毕业设计，基于vue.js前后端分离图书购物商城系统设计与实现（H5移动项目）

迷南。 2024-03-31 10:31 77阅读 0赞

## 功能介绍 ##

【后台管理员功能】  
会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改  
广告设置：上传图片和设置小程序首页轮播图广告地址  
留言列表：所有用户留言信息列表，支持删除  
图书分类管理：支持录入、查看、修改和删除已有分类  
图书录入：选择图书分类、录入图书名称、库存、已销售、价格、上传图书图片、填写图书介绍  
图书管理：查看所有已经录入的图书信息、支持修改和删除  
图书订单：查看所有用户下单的订单信息，包括下单时间、费用、收货地址、收货人信息、订单图书信息和备注等  
订单处理：处理图书发货信息等

【小程序用户功能】  
用户注册登录：注册普通账号，然后使用注册的账号登录登录  
资讯功能：用户可以任意浏览资讯列表和详细信息

图书库：后台录入的所有图书信息列表；支持通过查询来查找所需要图书  
图书信息： 点击到图书详情页面，可以查看图书介绍、图片、价格、销售等、详情、已购买用户的评论列表。  
图书收藏：在操作信息详情，下方点击“收藏”，进行收藏  
图书选购：在图书的详情页面，点击“加入购物车”在增加图书，也可以直接点击“立即购买”  
图书购物车：购物车栏目显示打算购买的图书信息和对应的购买数量  
图书下单：在购物车列表点击“结算”，选择或者填写收货地址、确认要下单的图书和数量；填写备注。点击“下单结算”，然后跳转到订单列表  
取消订单：在“我的订单”列表中，针对没有付款的订单，点击“取消申请”，删除订单  
去付款：：在“我的订单”列表中，点击“去付款”，模拟付款  
图书评论：在“我的订单”列表中，已经付款的订单，可以对每个图书，点击“评价”，去打分和填写图书评论.

收货地址管理：录入收货地址、查看所有收货地址，修改收货地址、删除  
我的收藏：用户收藏的图书列表。  
退出系统：清除缓存，返回小程序首页  
留言：填写留言的内容，提交到网站管理后台

## H5移动端功能 ##

![885be1f74aab48f88ab42c6172b5ca50.jpeg][]![65db2344ea224b6fa2dc938a9658eb5a.jpeg][]![aa775b930abe4266bdae2d41d56df0bd.jpeg][]![787bf85f895e4fcb838d6d7ad0fbe41c.jpeg][]![d5b9f17e957341348cc8c2667de514d5.jpeg][]![e6c390514ec5491ebd2661e8f7b516df.jpeg][]![34487bbec13c4370b9250553b9103b2b.jpeg][]![6627eeb95d864d3d865ab476a47266ad.jpeg][]

## 后台管理功能 ##

![bbece72cc336468ca49719e88b4544b6.jpeg][]![f5f3bc3a65144fe5b9ac1044eae6192b.jpeg][]![756645e858944e00a50c5ba517f4af8e.jpeg][]![f72429cf3fb445109a8d702f1cf86211.jpeg][]![a4cc070b61fc4b14aabb1af9470b66e6.jpeg][]![c6dbc87cbcab4569b76efebfdfa3b38b.jpeg][]![bfad716440a0463197a7f9d1d5f2a4ea.jpeg][]

## 开发概要 ##

#### 后台开发 ####

服务器端环境：iis + php （可以自行搭建其他比如phpstudy之类的）

开发环境：windows7 |windows10都可以

开发语言：php7

开发工具：phpstorm（其他开发工具vscode、dreamweaver等都可以）

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

#### 前端uniapp开发 ####

框架：基于vue.js的uniapp框架

开发工具：Hbuiderx

其他开发语言：html + css +javascript

[885be1f74aab48f88ab42c6172b5ca50.jpeg]: https://img-blog.csdnimg.cn/885be1f74aab48f88ab42c6172b5ca50.jpeg
[65db2344ea224b6fa2dc938a9658eb5a.jpeg]: https://img-blog.csdnimg.cn/65db2344ea224b6fa2dc938a9658eb5a.jpeg
[aa775b930abe4266bdae2d41d56df0bd.jpeg]: https://img-blog.csdnimg.cn/aa775b930abe4266bdae2d41d56df0bd.jpeg
[787bf85f895e4fcb838d6d7ad0fbe41c.jpeg]: https://img-blog.csdnimg.cn/787bf85f895e4fcb838d6d7ad0fbe41c.jpeg
[d5b9f17e957341348cc8c2667de514d5.jpeg]: https://img-blog.csdnimg.cn/d5b9f17e957341348cc8c2667de514d5.jpeg
[e6c390514ec5491ebd2661e8f7b516df.jpeg]: https://img-blog.csdnimg.cn/e6c390514ec5491ebd2661e8f7b516df.jpeg
[34487bbec13c4370b9250553b9103b2b.jpeg]: https://img-blog.csdnimg.cn/34487bbec13c4370b9250553b9103b2b.jpeg
[6627eeb95d864d3d865ab476a47266ad.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/7298d3e9760c483eb8a759e54de2f68f.jpeg
[bbece72cc336468ca49719e88b4544b6.jpeg]: https://img-blog.csdnimg.cn/bbece72cc336468ca49719e88b4544b6.jpeg
[f5f3bc3a65144fe5b9ac1044eae6192b.jpeg]: https://img-blog.csdnimg.cn/f5f3bc3a65144fe5b9ac1044eae6192b.jpeg
[756645e858944e00a50c5ba517f4af8e.jpeg]: https://img-blog.csdnimg.cn/756645e858944e00a50c5ba517f4af8e.jpeg
[f72429cf3fb445109a8d702f1cf86211.jpeg]: https://img-blog.csdnimg.cn/f72429cf3fb445109a8d702f1cf86211.jpeg
[a4cc070b61fc4b14aabb1af9470b66e6.jpeg]: https://img-blog.csdnimg.cn/a4cc070b61fc4b14aabb1af9470b66e6.jpeg
[c6dbc87cbcab4569b76efebfdfa3b38b.jpeg]: https://img-blog.csdnimg.cn/c6dbc87cbcab4569b76efebfdfa3b38b.jpeg
[bfad716440a0463197a7f9d1d5f2a4ea.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c5ac3f06f1b74b2187eed93c37b1dd6c.jpeg