ssm在线购书商城系统+vue

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

https://www.bilibili.com/video/BV14j41187Y6?t=8.8

三、运行截图:

3.1 用户功能模块的实现

3.1.1用户注册界面

没有账号的用户可进入注册界面进行注册操作,用户注册界面的运行效果如图3-1所示.

bfc83bcb04a2f47653a13019ba85cc14.jpeg

图3-1 用户注册界面

3.1.2用户登录界面

用户要想实现图书购买等操作,必须进行登录操作,在登录界面输入正确的用户名和密码,选择登录类型,点击登录按钮进行登录,用户登录界面如图3-2所示。

1ede16bf4ed230aef936727be77ff026.jpeg

图3-2用户登录界面

3.1.3系统主界面

用户可进入系统主界面查看系统信息,系统主界面的运行效果如图3-3所示.

e0c08273cf752f0e5ffdfa10a057e293.jpeg

图3-3 系统主界面

3.1.4图书详情界面

用户可选择图书查看图书详情信息,登录后可进行加入购物车和购买操作,图书详情界面如图3-4所示。

1d2cb4c1e6274646050cb3da94de79c5.jpeg

图3-4 图书详情界面

3.1.5购物车界面

用户在购物车界面可查看购物车图书信息,并可进行修改数量、删除图书以及购买等操作,购物车界面展示如图3-5所示。

a1c9ff428d38f5c26d87a0217ed5f93d.jpeg

图3-5 购物车界面

3.1.6我的订单界面

用户在我的订单界面可查看个人订单信息,我的订单界面如图3-6所示。

44ee2174a5d644a0cd9ff076e977c85d.jpeg

图3-6 我的订单界面

3.1.7我的地址界面

用户可增删改查个人地址信息,我的地址界面如图3-7所示。

83537f867966d4e93f63446ce870c51f.jpeg

图3-7 我的地址界面

3.2 管理员功能模块的实现

3.2.1管理员登录界面

管理员要想进入系统后台对系统进行管理,首要进入登录界面,需通过正确的账号、密码进行登录操作,管理员登录界面如图3-8所示 。

a67abf473ee3b64e4e372c7a3a40b618.jpeg

图3-8 管理员登录界面

3.2.2订单管理界面

管理员可管理所有订单信息,订单管理界面展示如图3-9所示 。

e64e82d189e5ddf0dd84cc731d793f76.jpeg

图3-9 订单管理界面

3.2.3用户管理界面

管理员可查看、修改和删除用户信息,并可新增用户,用户管理界面展示如图3-10所示 。

5b029161171319d49777253ca7ee760a.jpeg

图3-10 用户管理界面

3.2.4图书分类管理界面

管理员可增删改查图书分类信息,图书分类界面展示如图3-11所示 。

9305c61a2538bd63c3ed87825f9d780b.jpeg

图3-11 图书分类管理界面

3.2.5图书信息管理界面

管理员可添加、修改和删除图书信息,图书信息管理界面如图3-12所示。

a95d2ab60bb99276ce989ccc78fcf239.jpeg

图3-12 图书信息管理界面

3.2.6添加图书信息界面

管理员可进入到添加图书信息界面进行添加图书信息,添加图书信息界面展示如图3-13所示 。

a4e31065032f92c0f907d4d5bff97a2b.jpeg

图3-13 添加图书信息界面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值