基于SSM的零食在线商城

谁践踏了优雅 2022-11-06 00:50 236阅读 0赞

大家好，今天小编为大家讲一个商城项目 基于SSM的零食在线商城，虽然说商城项目现在已经有很成熟的体系了，但是还是有很多小伙伴不知道，流程，怎么做的。今天给大家讲一讲.

商城核心流程：

发布商品–>商品上架–> 商品下架–> 商品首页展示–>加入购物车–>下订单–>支付结算–>发货–>评价

SSM的零食商城就完成了上面所有的流程。下面看一下 商城的功能结构图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center]

商城项目的流程图:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 1]

大家看上面图 应该就一目了然，当然有不懂的，欢迎大家进行评论。我们先来看看比较重要的模块，发布商品,你没有商品，一切都是零，后面的流程更不是走下去了。发布商品，就是收集商品的信息，然后存入数据库，这里的难点在于，上传图片，商品分类展示，参数的封装，在修改商品的时候，图书的回显处理 ，所有大家一看，做一个商品的发布，就有这么多难点是吧.

看看代码吧:

<div class="modal fade" id="productAddModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                <h4 class="modal-title" id="exampleModalLabel">新增商品</h4>
                                            </div>
                                            <form id="productAddForm" method="post" enctype="multipart/form-data">
                                                <div class="modal-body">
    
                                                        <div class="form-group">
                                                            <label for="recipient-name" class="control-label">商品名称：</label>
                                                            <input type="text" class="form-control" name="productName" id="recipient-name">
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="control-label">商品类别：</label>
                                                            <select name="categoryId" class="form-control" id="type">
                                                                <option value="">请选择商品分类</option>
                                                                 <div th:if="${category.parentId} ==0 " th:each="category : ${categorys}">
                                                                    <option th:value="${category.id}" style="font-weight:bold;" th:text="${category.cateName}">
    
                                                                    </option>
                                                                     <div th:if="${subcategory.parentId == category.id }" th:each="subcategory : ${category.childrens}" >
                                                                           <option th:value="${subcategory.id}" style="font-weight:bold;" th:text="'      '+${subcategory.cateName}" ></option>
                                                                     </div>
                                                                 </div>
    
    
    
                                                            </select>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="recipient-productPrice" class="control-label">商品原价：</label>
                                                            <input type="text" class="form-control" name="productPrice" id="recipient-productPrice">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="recipient-offcutPrice" class="control-label">折扣价：</label>
                                                            <input type="text" class="form-control" name="offcutPrice" id="recipient-offcutPrice">
                                                        </div>
    
                                                        <div class="form-group">
                                                            <label class="control-label">新品推荐:</label>
                                                            <div class="clearfix">
                                                                <label class="coder-radio radio-inline radio-primary">
                                                                    <input type="radio" name="newRecomment" value="1"><span>推荐</span>
                                                                </label>
                                                                <label class="coder-radio radio-inline radio-primary">
                                                                    <input type="radio" name="newRecomment" value="0" checked><span>不推荐</span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    <div class="form-group">
                                                        <label class="control-label">首页推荐:</label>
                                                        <div class="clearfix">
                                                            <label class="coder-radio radio-inline radio-primary">
                                                                <input type="radio" name="isRecomment" value="1"><span>推荐</span>
                                                            </label>
                                                            <label class="coder-radio radio-inline radio-primary">
                                                                <input type="radio" name="isRecomment" value="0" checked><span>不推荐</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="form-group">
                                                        <label class="control-label">商品图片:</label>
                                                        <div class="col-sm-12">
                                                            <input id="productPic" name="file" type="file" value="上传" multiple/>
                                                            <p class="help-block">支持jpg、jpeg、png、gif,txt,"docx","zip","xlsx"格式，大小没限制</p>
                                                        </div>
                                                    </div>
    
                                                    <div class="form-group">
                                                        <label for="recipient-productDesc" class="control-label">商品描述：</label>
                                                        <textarea type="text" class="form-control" name="productDesc" id="recipient-productDesc"></textarea>
                                                    </div>
    
                                                    <div class="form-group">
                                                        <label class="control-label">详细描述：</label>
                                                        <div id="a_productInfoDesc">
                                                            <p>请输入内容</p>
                                                        </div>
                                                        <input id="productInfoDesc_Id" type="hidden"/>
                                                    </div>
    
    
    
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                    <button type="button" data-method='save' class="btn btn-primary">保存</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

效果图:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 2]  
上面只是很小部分，由于篇幅有限，商城有很多的模块和功能。待续

项目的地址:https://gitee.com/soul\_PreCoder/itfxq\_shop

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/ea73d3cde84a4ab68dba21d4202feed0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/e05e69bf72bc4f6f86bceca31f7bdb3d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221023/e23d4a1c312e49b0af0c390a7c0a886d.png