基于微信小程序代购商城（springboot+layui+ mybatis+mysql+原生微信小程序）

最新推荐文章于 2024-05-23 10:49:18 发布

java程序员劝退师

最新推荐文章于 2024-05-23 10:49:18 发布

阅读量873

点赞数 2

分类专栏：项目文章标签： mybatis spring boot layui

本文链接：https://blog.csdn.net/qq_40925004/article/details/127978475

版权

项目专栏收录该内容

36 篇文章 7 订阅

订阅专栏

一、系统介绍

近年来,随着微信在我国互联网中的广泛使用,基于微信的小程序应用也如雨后春笋,2020年全网小程序已超600万,其中,微信小程序数量超380万。本论文所研究的正是基于微信小程序的电子商城的设计与开发。当前国内,已经是电子商务高速蓬勃发展的时代,人们通过移动互联网消费已是大势所趋。而微信,作为当前社交网络APP中的佼佼者,它不仅仅是一个单纯的手机应用程序,而是一套完整的社交网络生态系统。2017年,微信小程序正式上线,它是一种不用下载就能使用的应用,基于微信平台开发出来的小程序具有用户体验好、流量获取易、开发成本低、微信生态强的优势。它是一项真正的创新,经过几年的发展,已经构造了全新的微信小程序开发环境和开发者生态。本文所研究的"微信小程序电子商城",是根据实际用户的需求,基于微信小程序的开发模式,运用分层式的软件架构,完成了系统的功能设计、数据库设计,并在设计中充分考虑了系统的安全性。通过实际开发并运行,证明该系统稳定、易于操作,且能够满足实际商业活动的需要。

二、系统功能

1.微信小程序端:首页、分类、购物车、我的、在线下单、订单列表等。
2.后台管理端：用户管理、商品类别管理、商品管理、订单管理等。

三、功能截图：

1.微信小程序端：

2.后台管理端：

四、代码实现：

<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org"
       xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="layout :: htmlhead" th:with="title='用户管理'"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>

    <div class="layui-body" style="margin: 1%">

        <form id="goodsSearch" class="layui-form layui-form-pane" method="post" action="" style="margin-top: 20px;">
            <div class="layui-form-item">
                <label class="layui-form-label">商品名</label>
                <div class="layui-input-inline">
                    <input id="sysgoodsName" name="goodsName" autocomplete="off" class="layui-input" type="text"/>
                </div>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                <button class="layui-btn"  lay-submit="" lay-filter="searchSubmit">提交</button>
                <!--</div>-->
            </div>
        </form>

        <!--<hr class="layui-bg-blue"/>-->
        <hr class="layui-bg-black"/>

        <button class="layui-btn layui-btn-normal" onclick="addGoods()">新增商品</button>

        <div style="display:none;" id="currentGoods"><shiro:principal property="id"></shiro:principal></div>

        <table id="goodsList" lay-filter="goodsTable"></table>

        <script type="text/html" id="optBar">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <!--{{#  if(d.userStatus == '0'){ }}-->
            <!--<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="recover">恢复</a>-->
            <!--{{#  } else { }}-->
            <!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>-->
            <!--{{#  } }}-->
        </script>
    </div>


    <!--添加或编辑用户-->
    <div id="setGoods" class="layer_self_wrap" style="width:500px;display:none;">
        <form id="goodsForm" class="layui-form layui-form-pane" method="post" action="" style="margin-top: 20px;">
            <input id="pageNum" type="hidden" name="pageNum"/>
            <input id="goodsId" type="hidden" name="goodsId"/>
            <div class="layui-form-item">
                <label class="layui-form-label">商品名</label>
                <div class="layui-input-inline">
                    <input id="goodsName" name="goodsName" lay-verify="required" autocomplete="off" class="layui-input" type="text"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品价格</label>
                <div class="layui-input-inline">
                    <input id="goodsPrice" name="goodsPrice" lay-verify="required" autocomplete="off" class="layui-input" type="text"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品数量</label>
                <div class="layui-input-inline">
                    <input id="goodsNumber" name="goodsNumber" lay-verify="required" autocomplete="off" class="layui-input" type="text"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-inline">
                    <select name="isPromote"  id="isPromote" >
                        <option value="1">有效</option>
                        <option value="0">失效</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品分类</label>
                <div class="layui-input-inline">
                    <select name="catiemsId"  id="cateId" >
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品描述</label>
                <div class="layui-input-inline">
                    <input id="goodsWeigth" name="goodsWeigth" lay-verify="required" autocomplete="off" class="layui-input" type="text"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品在线图片地址</label>
                <div class="layui-input-inline">
                    <input id="goodsBigLogo" name="goodsBigLogo" lay-verify="required" autocomplete="off" class="layui-input" type="text"/>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block" style="margin-left: 10px;">
                    <button class="layui-btn"  lay-submit="" lay-filter="goodsSubmit">提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>

    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>
    <script src="/js/dateUtils.js"></script>
    <script src="/js/goods/goodsList.js"></script>

</div>
</body>
</html>

public interface SuserService {
    String selectByUser(Suser record);

    int deleteByPrimaryKey(String userId);

    int insert(Suser record);

    int insertSelective(Suser record);

    Suser selectByPrimaryKey(String userId);

    int updateByPrimaryKeySelective(Suser record);

    int updateByPrimaryKey(Suser record);

    PageDataResult setUsersList(Suser suser, Integer pageNum, Integer pageSize);
}