Bootstrap

基于springboot +vue 农产品电商平台设计与实现

博主介绍:专注于Java vue  .net  php phython  小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1000+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
更多项目地址 介绍  qq_251836457-CSDN博客
文末下方有源码获取地址

系统预览

第四章 系统设计

4.1 系统体系结构

农产品电商平台的结构图4-1所示:

图4-1  系统结构

前台模块包括主界面,首页、公告消息、新闻资讯、商品中心进行相应的操作

登录系统结构图,如图4-2所示:

图4-2 登录结构图

这些功能可以充分满足农产品电商平台的需求。此系统功能较为全面如下图系统功能结构如图4-3所示。

图4-3系统功能结构图

4.2 数据库设计原则

每个数据库的应用它们都是和区分开的,当运行到一定的程序当中,它就会与自己相关的协议与客户端进行通讯。那么这个系统就会对使这些数据进行连接。当我们选择哪个桥段的时候,接下来就会简单的叙述这个数据库是如何来创建的。当点击完成按钮的时候就会自动在对话框内弹出数据源的名称,在进行点击下一步即可,直接在输入相对应的身份验证和登录密码。 

农产品电商平台的数据流程:

图4-4  系统数据流程图

商品信息实体E-R图,如图4.5所示。

图4.5商品信息E-R图

用户注册管理E-R图,如图4.6所示。

图4.6用户注册信息E-R图

4.3 数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中,数据关系由数据表组成,但是表的结构表现在表的字段上。

access_token

字段名称

类型

长度

不是null

主键

字段说明

token_id

int unsigned

0

临时访问牌ID

token

varchar

64

临时访问牌

info

text

0

maxage

int

0

最大寿命

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

user_id

int unsigned

0

用户编号

article

字段名称

类型

长度

不是null

主键

字段说明

article_id

mediumint unsigned

0

文章id

title

varchar

125

标题

type

varchar

64

文章分类

hits

int unsigned

0

点击数

praise_len

int

0

点赞数

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

source

varchar

255

来源

url

varchar

255

来源地址

tag

varchar

255

标签

content

longtext

0

正文

img

varchar

255

封面图

description

text

0

文章描述

article_type

字段名称

类型

长度

不是null

主键

字段说明

type_id

smallint unsigned

0

分类ID

display

smallint unsigned

0

显示顺序

name

varchar

16

分类名称

father_id

smallint unsigned

0

上级分类ID

description

varchar

255

描述

icon

text

0

分类图标

url

varchar

255

外链地址

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

comment

字段名称

类型

长度

不是null

主键

字段说明

comment_id

int unsigned

0

评论ID

user_id

int unsigned

0

评论人ID

reply_to_id

int unsigned

0

回复评论ID

content

longtext

0

内容

nickname

varchar

255

昵称

avatar

varchar

255

头像地址

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

source_table

varchar

255

来源表

source_field

varchar

255

来源字段

source_id

int unsigned

0

来源ID

commodity_center

字段名称

类型

长度

不是null

主键

字段说明

commodity_center_id

int

0

商品中心ID

store_name

varchar

64

店铺名称

seller_customers

int

0

卖家用户

item_number

varchar

64

商品编号

trade_name

varchar

64

商品名称

product_type

varchar

64

商品类型

product_specifications

varchar

64

商品规格

product_cover

varchar

255

商品封面

commodity_inventory

int

0

商品库存

item_pricing

varchar

64

商品单价

product_details

text

0

商品详情

hits

int

0

点击数

praise_len

int

0

点赞数

recommend

int

0

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

commodity_classification

字段名称

类型

长度

不是null

主键

字段说明

commodity_classification_id

int

0

商品分类ID

product_type

varchar

64

商品类型

recommend

int

0

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

merchant_users

字段名称

类型

长度

不是null

主键

字段说明

merchant_users_id

int

0

商家用户ID

store_name

varchar

64

店铺名称

sellers_name

varchar

64

卖家姓名

examine_state

varchar

16

审核状态

recommend

int

0

智能推荐

user_id

int

0

用户ID

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

notice

字段名称

类型

长度

不是null

主键

字段说明

notice_id

mediumint unsigned

0

公告id

title

varchar

125

标题

content

longtext

0

正文

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

order_management

字段名称

类型

长度

不是null

主键

字段说明

order_management_id

int

0

订单管理ID

store_name

varchar

64

店铺名称

seller_customers

int

0

卖家用户

item_number

varchar

64

商品编号

trade_name

varchar

64

商品名称

product_type

varchar

64

商品类型

item_pricing

varchar

64

商品单价

purchase_user

int

0

购买用户

user_name

varchar

64

用户姓名

purchase_quantity

varchar

64

购买数量

total_price

varchar

64

合计总价

shipping_address

varchar

64

收货地址

contact_information

varchar

64

联系方式

remarks

text

0

备注信息

order_status

varchar

64

订单状态

pay_state

varchar

16

支付状态

pay_type

varchar

16

支付类型

recommend

int

0

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

praise

字段名称

类型

长度

不是null

主键

字段说明

praise_id

int unsigned

0

点赞ID

user_id

int unsigned

0

点赞人

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

source_table

varchar

255

来源表

source_field

varchar

255

来源字段

source_id

int unsigned

0

来源ID

status

tinyint

1

点赞状态

registered_users

字段名称

类型

长度

不是null

主键

字段说明

registered_users_id

int

0

注册用户ID

user_name

varchar

64

用户姓名

user_gender

varchar

64

用户性别

user_age

varchar

64

用户年龄

examine_state

varchar

16

审核状态

recommend

int

0

智能推荐

user_id

int

0

用户ID

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

sales_data

字段名称

类型

长度

不是null

主键

字段说明

slides_id

int unsigned

0

轮播图ID

title

varchar

64

标题

content

varchar

255

内容

url

varchar

255

链接

img

varchar

255

轮播图

hits

int unsigned

0

点击量

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

upload

字段名称

类型

长度

不是null

主键

字段说明

upload_id

int

0

上传ID

name

varchar

64

文件名

path

varchar

255

访问路径

file

varchar

255

文件路径

display

varchar

255

显示顺序

father_id

int

0

父级ID

dir

varchar

255

文件夹

type

varchar

32

文件类型

user_group

字段名称

类型

长度

不是null

主键

字段说明

group_id

mediumint unsigned

0

用户组ID

display

smallint unsigned

0

显示顺序

name

varchar

16

名称

description

varchar

255

描述

source_table

varchar

255

来源表

source_field

varchar

255

来源字段

source_id

int unsigned

0

来源ID

register

smallint unsigned

0

注册位置

create_time

timestamp

0

创建时间

update_time

timestamp

0

更新时间

第五章 系统实现

5.1用户功能模块

用户点击进入到系统操作界面,可以对首页、公告信息、新闻资讯、商品中心等功能模块,如图5-1所示。

图5-1首页功能界面图

 用户登录、用户注册,在注册页面可以填写用户名、密码、姓名、手机、邮箱信息进行注册、登录,如图5-2 5-3所示。

图5-2用户注册界面图

图5-3用户登录界面图

我的账户:通过列表可以获取头像、昵称等信息并进行修改操作,如图5-4所示。

图5-4个人资料界面图

我的收藏管理:通过列表可以获取收藏名称、收藏图片等信息,进行详情、删除操作,如图5-5所示。

图5-5我的收藏管理界面图

公告信息用户在此页面可查看管理员发布的最新公告信息,如图5-6所示。

图5-6公告信息界面图

新闻资讯:用户可在此页面通过筛选或排序搜索查看新闻信息,并可对喜欢的资讯进行点赞、收藏或发表评论等操作,如图5-7所示。

图5-7新闻资讯界面图

商品中心:用户可在此页面通过关键字或下拉等搜索所需商品,可查看店铺名称、卖家用户、商品编号、商品名称、商品类型、商品规格、商品单价、商品库存等详细信息,并可进行点赞、收藏或购买操作,如图5-8 5-9所示。

图5-8商品中心列表界面图

图5-9购买界面图

5.2管理员功能模块

管理员通过账户和密码滑动滑块验证完成后进行登录,如图5-10所示。管理员登录成功后进入到系统操作界面,可以对首页、轮播图、公告信息管理、新闻资讯、新闻分类列表、系统用户(管理员、注册用户、商家用户)模块管理(商品分类、商品中心、订单管理、销售数据)等功能模块进行相对应操作。如图5-11所示。

图5-4管理员登录页面

登录代码如下:

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态,不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

图5-11管理员功能页面

资源管理:管理员在资源管理页面看到新闻资讯+新闻分类列表两个子菜单,可对新闻资讯进行分类、添加、删除、修改等操作,如图5-12 5-13所示。

图5-12添加新闻资讯界面图

图5-13添加新闻分类界面图

大家点赞、收藏、关注、评论啦  其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

;