基于SSM框架的童装购买平台微信小程序

一、技术路线:

开发语言:Java

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

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:


209d9a6fc950d9753e4b016cdc3126cf.jpegd2ec1757723f62bbdbd6dd0d1d2396bc.jpeg


三、运行截图:

3.1用户注册功能的界面实现

用户注册功能设计的目的是实现用户的操作。系统中想要进行操作就需要先成为注册用户。用户注册功能界面中设置了用户的资料字段,本界面的数据和用户信息表相连,当游客在本界面里注册成功,所填写的资料会保存到用户信息表中。用户注册功能的运行界面如下图3-1所示:

2d9e2ef19980d0ca1c5261743da4c772.jpeg


图3-1用户注册功能的运行界面

3.2登录功能的界面实现

用户注册成功后,需要登录。登录界面设计的目的是保证当前的使用角色等级。管理员同样需要登录后才可以进行操作。用户登录和管理员、商家登录的界面分为两个,在登录时只需要填写用户账号和密码就可以实现。用户登录的运行界面如下图3-2所示:

3179ec6e64e6183de1acd0404c545fd2.jpeg


图3-2用户登录的运行界面

管理员、商家登录的界面中包含的元素有系统题目、输入框、登录按钮。管理员、商家登录的条件是需要账号、密码、身份。管理员、商家登录的运行界面如下图3-3所示:

ccf678ed0a8117c4835c702906b3da85.jpeg


图3-3管理员、商家登录运行界面

3.3管理员功能的设计实现

3.3.1用户管理功能的实现界面

用户注册后的资料管理员可以在注册用户管理功能里看到,本功能设计的目的是审核注册用户的资料,当发现不当的使用用户可以删除其账号。当删除注册用户信息后相对应的用户信息表里的信息也会随着删除掉。注册用户管理功能的运行界面如下图3-4所示:

270ea817f5270a081b1730340bb7533f.jpeg


图3-4注册用户管理功能的运行界面

3.3.2 个人中心管理功能的实现界面

个人中心管理的内容包括当前登录账号修改、密码信息管理。本系统中可以拥有多个管理员。个人中心管理功能的运行界面如下图3-5所示:

832baf5cbed0cc784c27251c73341c94.jpeg


图3-5个人中心管理功能的运行界面

3.3.3商家管理功能的实现界面

用户浏览的商家都是由管理员在此功能里进行维护添加的,同样当管理员添加、编辑商家信息后,数据库表中的商家信息表也会发生改变。商家信息管理功能的运行界面如下图3-6所示:

6bbc941b6d553f6dff69abd5224367f3.jpeg


图3-6商家信息管理功能的运行界面

3.3.4 商品分类管理功能的实现界面

本功能可以实现商品的分类,管理员可以查询和添加、修改商品的分类。商品分类功能的运行界面如下图3-7所示:

c6412c3f6af6cc8371d0da4711cc9f74.jpeg


图3-7查询商品分类运行界面

添加商品分类运行界面如下图3-8所示:

e01c284e4f5a93bec6c1afb2ecc470ec.jpeg


图3-8添加商品分类的运行界面展示

3.3.5 订单管理功能的实现界面

用户下订单后,管理员都可以在本功能里收到。当审核订单无误后可以进行下一步操作。订单管理功能的运行界面如下图3-9所示:

904d1a2fab397a38faa8c5d06e9f48c8.jpeg


图3-9订单管理功能的运行界面

3.3.6 商品信息管理功能的界面实现

商品信息由管理员进行更新,在发布商品信息时可以显示发布时间。查询商品信息的运行界面如下图3-10所示:

ca63b6e8f439b5e83adc7b28afb3302f.jpeg


图3-10查询商品信息功能的运行界面

3.4用户角色功能的界面实现

3.3.1商品浏览功能的界面实现

用户的功能主要展示在微信端,在微信端可以浏览所有分类的商品。商品详情中主要展示商品的图片、价格、标题。商品信息浏览功能的运行界面如下图3-11所示:

7d04a5a672ec929a3c59ee43e3e02088.jpeg


图3-11浏览商品运行界面

3.3.2提交订单功能的实现界面

选择商品点击购买可以跳转到提交订单界面,在本界面里需要填写地址、购买数量。提交订单功能的运行界面如下图3-12所示:

d5c2a7e67993bd8893ecc67b9ba1835a.jpeg


图3-12用户提交订单的运行界面

3.3.3订单管理功能的实现界面

用户在提交订单后可以在个人后台里看到订单后的订单信息,可以进行一定的修改。订单管理功能的运行界面如下图3-13所示:

936a1d09f99c270667d7682eb92c8423.jpeg


图3-13订单管理功能的运行界面

3.3.4用户充值功能的界面实现

用户可以实现在线充值,实现界面如下图3-14所示:

7cac321c6c63433cc87074fb6a0efcaf.jpeg


图3-14用户充值功能的实现界面

3.3.5购物车管理功能的实现

  用户可以管理购物车,实现结账,实现界面如下图3-15所示:

45ea1a19a255d5f0abe5c3ac6f269e08.jpeg


图3-15购物车管理功能的实现界面

3.5商家功能的实现界面

商家可以管理个人资料和商品信息、订单信息、在线咨询信息等。商家功能的实现界面如下图3-16所示:

5da0872b38a2828693f2e91cfbc517c9.jpeg


图3-16商家功能的实现界面

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言宇程序

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值