添加了tab栏

.idea/workspace.xml

@@ -5,15 +5,64 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="0e73f9ce-e579-4dde-9c5a-5dcc9ebae806" name="变更" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main/webapp/loginPage.jsp" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/webapp/loginPage.jsp" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main/webapp/register.jsp" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/webapp/register.jsp" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main/webapp/ten/css/detail.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/webapp/ten/css/detail.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main/webapp/ten/detail_1.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/webapp/ten/detail_1.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/Dao/UserDao.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/Dao/UserDao.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/InterceptorLogin.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/InterceptorLogin.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/WebApp.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/WebApp.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Comment.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Comment.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentExample.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/CommentMapper.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Goods.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Goods.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsExample.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/GoodsMapper.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Selection.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Selection.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionExample.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroup.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroup.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupExample.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionGroupMapper.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/SelectionMapper.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Store.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Store.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreExample.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/StoreMapper.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCart.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCart.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartExample.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCartMapper.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollect.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollect.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectExample.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UserCollectMapper.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Useraccount.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/Useraccount.class" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountKey.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountKey.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample$Criteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample$Criteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample$Criterion.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample$Criterion.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample$GeneratedCriteria.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample$GeneratedCriteria.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountExample.class" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountMapper.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/classes/WebsiteES/myBatis/UseraccountMapper.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/classes/myBatisMap/NodeinfoMapper.xml" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/target/test-classes/test.class" beforeDir="false" afterPath="$PROJECT_DIR$/target/test-classes/test.class" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -58,7 +107,7 @@
       <workItem from="1640675271656" duration="4551000" />
       <workItem from="1640701294927" duration="278000" />
       <workItem from="1640756371703" duration="371000" />
-      <workItem from="1640756789641" duration="7797000" />
+      <workItem from="1640756789641" duration="9375000" />
     </task>
     <task id="LOCAL-00001" summary="1">
       <created>1640756954996</created>
@@ -137,7 +186,14 @@
       <option name="project" value="LOCAL" />
       <updated>1640765809810</updated>
     </task>
-    <option name="localTasksCounter" value="12" />
+    <task id="LOCAL-00012" summary="122">
+      <created>1640843097656</created>
+      <option name="number" value="00012" />
+      <option name="presentableId" value="LOCAL-00012" />
+      <option name="project" value="LOCAL" />
+      <updated>1640843097657</updated>
+    </task>
+    <option name="localTasksCounter" value="13" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

src/main/webapp/loginPage.jsp

@@ -21,7 +21,7 @@
             </div>
             <div class="inputStuff">
                 <div class="input-email">
-                    <input type="email" placeholder="电子邮件地址" name="email">
+                    <input type="email" placeholder="电子邮件地址" name="email" id="email">
                     <div>
                         <span>忘记了电子邮件地址？</span>
                     </div>
@@ -69,13 +69,24 @@
     </div>
 </body>
 <script>
-    function xs(){
+    function xs() {
         var a = document.getElementById("pass");
-        if (a.type=="password"){
+        if (a.type == "password") {
             a.type = "text"
-        }else {
+        } else {
             a.type = "password"
         }
     }
+
+    email.onchange = function() {
+        var email = this.value;
+        var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
+        if (reg.test(email)) {
+            alert("邮箱格式正确");
+        } else {
+            alert("邮箱格式不正确");
+        }
+    }
 </script>
+
 </html>

src/main/webapp/register.jsp

@@ -30,7 +30,7 @@
 
                 <div class="firBox">
                     <div class="email">
-                        <input type="email" placeholder="您的电子邮件地址" name="email">
+                        <input type="email" placeholder="您的电子邮件地址" name="email" id="email">
                     </div>
                     <div class="warning">您需要证实此电子邮件地址属于您。</div>
                 </div>
@@ -78,13 +78,24 @@
 
 </body>
 <script>
-    function xs(){
+    function xs() {
         var a = document.getElementById("pass");
-        if (a.type=="password"){
+        if (a.type == "password") {
             a.type = "text"
-        }else {
+        } else {
             a.type = "password"
         }
     }
+
+    email.onchange = function() {
+        var email = this.value;
+        var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
+        if (reg.test(email)) {
+            alert("邮箱格式正确");
+        } else {
+            alert("邮箱格式不正确");
+        }
+    }
 </script>
+
 </html>

src/main/webapp/ten/css/detail.css

@@ -1,4 +1,5 @@
 /*关注按钮*/
+
 .follow {
     display: block;
     width: 15%;
@@ -393,6 +394,38 @@
     line-height: 22px;
 }
 
+.item {
+    display: none;
+}
+
+.Ptable {
+    margin: 10px 0;
+}
+
+.Ptable-item {
+    padding: 12px 0;
+    line-height: 220%;
+    color: #999;
+    font-size: 12px;
+}
+
+.Ptable-item dl {
+    margin-left: 110px;
+}
+
+.Ptable-item,
+.parameter {
+    border-bottom: 1px solid #eee;
+}
+
+.clearfix {
+    zoom: 1;
+}
+
+.serve-agree-bd {
+    padding: 20px 20px 20px 62px;
+}
+
 .more {
     float: right;
     font-weight: 700;

src/main/webapp/ten/detail_1.html

@@ -277,11 +277,12 @@
                         <li class="current">商品介绍</li>
                         <li>规格与包装</li>
                         <li>售后保障</li>
-                        <li><a href="comment.html">商品评价（5万+）</a></li>
+                        <li>商品评价</li>
                     </ul>
                 </div>
+
                 <div class="detail_tab_con">
-                    <div class="item">
+                    <div class="item" style="display: block;">
                         <ul class="item_info">
                             <li title="联想拯救者R9000K">商品名称：联想拯救者R9000P</li>
                             <li title="100019736886">商品编号：100019736886</li>
@@ -312,6 +313,237 @@
                         <img src="upload/16.jpeg" width="90%" alt="">
                         <img src="upload/17.jpeg" width="90%" alt="">
                     </div>
+                    <div class="item">
+                        <div class="Ptable">
+                            <div class="Ptable-item">
+                                <h3>主体</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>认证型号</dt>
+                                        <dd class="Ptable-tips">
+                                            <div class="tips">
+                                                <div class="Ptable-sprite-arrow"></div>
+                                                <div class="content">
+                                                    <p>3C证书上的产品型号</p>
+                                                </div>
+                                            </div>
+                                        </dd>
+                                        <dd>Lenovo Legion R9000P2021Hxxxxxx</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>型号</dt>
+                                        <dd>拯救者R9000P</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>机器规格</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>产品净重（kg)</dt>
+                                        <dd>约2.58</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>内存</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>内存频率</dt>
+                                        <dd>3200MHz</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>最大支持容量</dt>
+                                        <dd>32GB</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>插槽数量</dt>
+                                        <dd>2个</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>内存类型</dt>
+                                        <dd>DDR4</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>音效系统</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>内置麦克风</dt>
+                                        <dd>内置麦克风</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>端口</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>音频接口</dt>
+                                        <dd>耳机、麦克风二合一接口 3.5mm</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>显示端口</dt>
+                                        <dd>HDMI接口</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>光驱</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>光驱类型</dt>
+                                        <dd>无光驱</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>显卡</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>显存类型</dt>
+                                        <dd>GDDR6</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>显存容量</dt>
+                                        <dd>6GB</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>显存位宽</dt>
+                                        <dd>192bit</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>硬盘</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>M.2接口数量</dt>
+                                        <dd>2个</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>网络传输</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>Wi-Fi连接</dt>
+                                        <dd>Wi-Fi 6</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>局域网</dt>
+                                        <dd>10/100/1000Mbps</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>其它设备</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>摄像头</dt>
+                                        <dd>有摄像头</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>电源</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>电池芯数</dt>
+                                        <dd>4芯 锂离子电池</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>电池容量</dt>
+                                        <dd>80Wh</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>显示器</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>屏幕类型</dt>
+                                        <dd>IPS</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>显示比例</dt>
+                                        <dd>宽屏16：10</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>屏幕分辨率</dt>
+                                        <dd>2560*1600</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>屏幕尺寸</dt>
+                                        <dd>16.0英寸</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                            <div class="Ptable-item">
+                                <h3>处理器</h3>
+                                <dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>处理器加速频率</dt>
+                                        <dd>4.4GHz</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>线程数</dt>
+                                        <dd>16线程</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>CPU型号</dt>
+                                        <dd>R7-5800H</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>CPU集成显卡</dt>
+                                        <dd>AMD集成显卡</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>处理器基准频率</dt>
+                                        <dd>3.2GHz</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>核心数</dt>
+                                        <dd>八核</dd>
+                                    </dl>
+                                    <dl class="clearfix" style="margin:0">
+                                        <dt>CPU类型</dt>
+                                        <dd>AMD R7</dd>
+                                    </dl>
+                                </dl>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <div class="serve-agree-bd">
+                            <dl>
+                                <dt>
+                                    <strong>厂家服务</strong>
+                                </dt>
+                                <dd>
+                                    本商品质保周期为2年质保，在此时间范围内可提交维修申请，具体请以厂家服务为准。
+                                </dd>
+                                <dt>
+                                    <strong>品优购承诺</strong>
+                                </dt>
+                                <dd>
+                                    品优购平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！<br> 注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
+                                </dd>
+                                <dt>
+                                    <strong>正品行货</strong>
+                                </dt>
+                                <dd>品优购商城向您保证所售商品均为正品行货，品优购自营商品开具机打发票或电子发票。</dd>
+                                <dt>
+                                    <strong>无忧退货</strong></dt>
+                                <dd class="no-worries-text">
+                                    客户购买品优购自营商品7日内（含7日，自客户收到商品之日起计算），在保证商品完好的前提下，可无理由退货。（部分商品除外，详情请见各商品细则）
+                                </dd>
+                            </dl>
+                        </div>
+                    </div>
+                    <div class="item">
+                        评价
+                    </div>
                 </div>
             </div>
         </div>
@@ -420,10 +652,37 @@
         </div>
     </div>
 
-
-
-
-
 </body>
 
+<script>
+    // 获取元素
+    // var tab_list = document.querySelector('.tab_list');
+    // var lis = tab_list.querySelectorAll('li');
+    var lis = document.querySelectorAll('.detail_tab_list li');
+    var items = document.querySelectorAll('.item');
+    // for循环绑定点击事件
+    for (var i = 0; i < lis.length; i++) {
+        // 开始给5个小li 设置索引号 
+        lis[i].setAttribute('index', i);
+        lis[i].onclick = function() {
+            // 1. 上的模块选项卡，点击某一个，当前这一个底色会是红色，其余不变（排他思想） 修改类名的方式
+            // 干掉所有人 其余的li清除 class 这个类
+            for (var i = 0; i < lis.length; i++) {
+                lis[i].className = '';
+            }
+            // 留下我自己 
+            this.className = 'current';
+            // 2. 下面的显示内容模块
+            var index = this.getAttribute('index');
+            console.log(index);
+            // 干掉所有人 让其余的item 这些div 隐藏
+            for (var i = 0; i < items.length; i++) {
+                items[i].style.display = 'none';
+            }
+            // 留下我自己 让对应的item 显示出来
+            items[index].style.display = 'block';
+        }
+    }
+</script>
+
 </html>

target/classes/myBatisMap/NodeinfoMapper.xml

@@ -1,141 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
-<mapper namespace="group04.myBatis.NodeinfoMapper" >
-  <resultMap id="BaseResultMap" type="group04.myBatis.Nodeinfo" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    <id column="id" property="id" jdbcType="BIGINT" />
-    <result column="prev_id" property="prevId" jdbcType="BIGINT" />
-    <result column="next_id" property="nextId" jdbcType="BIGINT" />
-    <result column="parent_id" property="parentId" jdbcType="BIGINT" />
-    <result column="child_id" property="childId" jdbcType="BIGINT" />
-    <result column="obj_type" property="objType" jdbcType="VARCHAR" />
-  </resultMap>
-  <sql id="Base_Column_List" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    id, prev_id, next_id, parent_id, child_id, obj_type
-  </sql>
-  <select id="selectByPrimaryKey" resultMap="BaseResultMap" parameterType="java.lang.Long" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    select 
-    <include refid="Base_Column_List" />
-    from nodeinfo
-    where id = #{id,jdbcType=BIGINT}
-  </select>
-  <delete id="deleteByPrimaryKey" parameterType="java.lang.Long" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    delete from nodeinfo
-    where id = #{id,jdbcType=BIGINT}
-  </delete>
-  <insert id="insert" parameterType="group04.myBatis.Nodeinfo" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    insert into nodeinfo (id, prev_id, next_id, 
-      parent_id, child_id, obj_type
-      )
-    values (#{id,jdbcType=BIGINT}, #{prevId,jdbcType=BIGINT}, #{nextId,jdbcType=BIGINT}, 
-      #{parentId,jdbcType=BIGINT}, #{childId,jdbcType=BIGINT}, #{objType,jdbcType=VARCHAR}
-      )
-  </insert>
-  <insert id="insertSelective" parameterType="group04.myBatis.Nodeinfo" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    insert into nodeinfo
-    <trim prefix="(" suffix=")" suffixOverrides="," >
-      <if test="id != null" >
-        id,
-      </if>
-      <if test="prevId != null" >
-        prev_id,
-      </if>
-      <if test="nextId != null" >
-        next_id,
-      </if>
-      <if test="parentId != null" >
-        parent_id,
-      </if>
-      <if test="childId != null" >
-        child_id,
-      </if>
-      <if test="objType != null" >
-        obj_type,
-      </if>
-    </trim>
-    <trim prefix="values (" suffix=")" suffixOverrides="," >
-      <if test="id != null" >
-        #{id,jdbcType=BIGINT},
-      </if>
-      <if test="prevId != null" >
-        #{prevId,jdbcType=BIGINT},
-      </if>
-      <if test="nextId != null" >
-        #{nextId,jdbcType=BIGINT},
-      </if>
-      <if test="parentId != null" >
-        #{parentId,jdbcType=BIGINT},
-      </if>
-      <if test="childId != null" >
-        #{childId,jdbcType=BIGINT},
-      </if>
-      <if test="objType != null" >
-        #{objType,jdbcType=VARCHAR},
-      </if>
-    </trim>
-  </insert>
-  <update id="updateByPrimaryKeySelective" parameterType="group04.myBatis.Nodeinfo" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    update nodeinfo
-    <set >
-      <if test="prevId != null" >
-        prev_id = #{prevId,jdbcType=BIGINT},
-      </if>
-      <if test="nextId != null" >
-        next_id = #{nextId,jdbcType=BIGINT},
-      </if>
-      <if test="parentId != null" >
-        parent_id = #{parentId,jdbcType=BIGINT},
-      </if>
-      <if test="childId != null" >
-        child_id = #{childId,jdbcType=BIGINT},
-      </if>
-      <if test="objType != null" >
-        obj_type = #{objType,jdbcType=VARCHAR},
-      </if>
-    </set>
-    where id = #{id,jdbcType=BIGINT}
-  </update>
-  <update id="updateByPrimaryKey" parameterType="group04.myBatis.Nodeinfo" >
-    <!--
-      WARNING - @mbggenerated
-      This element is automatically generated by MyBatis Generator, do not modify.
-    -->
-    update nodeinfo
-    set prev_id = #{prevId,jdbcType=BIGINT},
-      next_id = #{nextId,jdbcType=BIGINT},
-      parent_id = #{parentId,jdbcType=BIGINT},
-      child_id = #{childId,jdbcType=BIGINT},
-      obj_type = #{objType,jdbcType=VARCHAR}
-    where id = #{id,jdbcType=BIGINT}
-  </update>
-  <update id="commit">
-    commit
-  </update>
-</mapper>