基于SSM的零食在线商城

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

商城核心流程：

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

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

商城项目的流程图:

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

看看代码吧:

 <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">&times;</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="'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+${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>

效果图:

上面只是很小部分，由于篇幅有限，商城有很多的模块和功能。待续

项目的地址:https://gitee.com/soul_PreCoder/itfxq_shop