Jelajahi Sumber

页面基本完成

Reiskuchen 5 tahun lalu
induk
melakukan
cf7e2f414c

+ 2 - 1
website/src/main/java/com/hssx/website/service/impl/ArticleServiceImpl.java

@@ -39,7 +39,8 @@ public class ArticleServiceImpl extends ServiceImpl<ArticleMapper, Article> impl
 
     @Override
     public Model getList(Model model) {
-        List<Article> articles = articleMapper.selectList(new QueryWrapper<Article>().orderByAsc("position"));
+        List<Article> articles = articleMapper.selectList(new QueryWrapper<Article>()
+                .eq("type", "case").orderByAsc("position"));
         model.addAttribute("articles", articles);
         List<Cooperations> cooperations = cooperationsMapper.selectList(new QueryWrapper<Cooperations>().orderByAsc("id"));
         model.addAttribute("cooperations", cooperations);

+ 1 - 1
website/src/main/java/com/hssx/website/service/impl/UserServiceImpl.java

@@ -52,7 +52,7 @@ public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements Us
 
     @Override
     public Model getDetail(Model model, Integer id){
-        model.addAttribute(articleMapper.selectById(id));
+        model.addAttribute("detail", articleMapper.selectById(id));
         return model;
     }
 }

+ 4 - 4
website/src/main/resources/templates/about.html

@@ -51,10 +51,10 @@
                     <button type="button" data-toggle="collapse" data-target="#navigation" class="navbar-toggler btn-template-outlined"><span class="sr-only">Toggle navigation</span><i class="fa fa-align-justify"></i></button>
                     <div id="navigation" class="navbar-collapse collapse">
                         <ul class="nav navbar-nav ml-auto">
-                            <li class="nav-item dropdown menu-large"><a href="index.html">首页 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="product.html">产品优势 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="partner.html">合作伙伴 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="case.html">成功案例 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="index">首页 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="product">产品优势 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="case">成功案例 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown active"><a href="about.html">关于我们 <b class="caret"></b></a></li>
                         </ul>
                     </div>

+ 9 - 7
website/src/main/resources/templates/case.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html xmlns:th="http://www.thymeleaf.org">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -55,7 +55,7 @@
                             <li class="nav-item dropdown menu-large"><a href="product">产品优势 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown active"><a href="case">成功案例 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="about">关于我们 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="about.html">关于我们 <b class="caret"></b></a></li>
                         </ul>
                     </div>
                 </div>
@@ -67,17 +67,19 @@
                     <section class="bar">
                         <!-- Image box with hover-->
                         <div class="heading">
-                            <h2>Image box</h2>
+                            <h2>成功案例</h2>
                         </div>
                         <div class="row mb-4">
-                            <div class="col-lg-4 col-md-6">
+                            <div class="col-lg-4 col-md-6" th:each="item : ${cases}">
                                 <div class="box-image-text">
                                     <div class="image"><img src="img/portfolio-4.jpg" alt="..." class="img-fluid">
-                                        <div class="overlay d-flex align-items-center justify-content-center"><a href="caseDetail.html" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
+                                        <div class="overlay d-flex align-items-center justify-content-center">
+                                            <a th:href="@{'caseDetail?id='+${item.id}}" class="btn btn-template-outlined-white">
+                                                <i class="fa fa-chain"> </i> 详情</a></div>
                                     </div>
                                     <div class="content">
-                                        <h4><a href="caseDetail.html">Print</a></h4>
-                                        <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
+                                        <h4><a th:href="@{'caseDetail?id='+${item.id}}" th:text="${item.title}">Print</a></h4>
+                                        <p th:text="${item.introduction}">shewing do an</p>
                                     </div>
                                 </div>
                             </div>

+ 6 - 27
website/src/main/resources/templates/caseDetail.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html xmlns:th="http://www.thymeleaf.org">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -55,7 +55,7 @@
                             <li class="nav-item dropdown menu-large"><a href="product">产品优势 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown active"><a href="case">成功案例 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="about">关于我们 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="about.html">关于我们 <b class="caret"></b></a></li>
                         </ul>
                     </div>
                 </div>
@@ -68,40 +68,19 @@
                         <div class="row">
                             <div class="col-md-12">
                                 <div class="heading">
-                                    <h2>Brief introduction</h2>
+                                    <h2 th:text="${detail.title}"></h2>
                                 </div>
-                                <p class="lead no-mb">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+                                <p class="lead no-mb" th:text="${detail.introduction}"></p>
                             </div>
                         </div>
                     </section>
                     <section class="bar">
                         <div class="row portfolio-project">
-                            <div class="col-sm-8">
-                                <div class="project owl-carousel mb-4">
-                                    <div class="item"><img src="img/main-slider1.jpg" alt="" class="img-fluid"></div>
-                                    <div class="item"><img src="img/main-slider2.jpg" alt="" class="img-fluid"></div>
-                                    <div class="item"><img src="img/main-slider3.jpg" alt="" class="img-fluid"></div>
-                                    <div class="item"><img src="img/main-slider4.jpg" alt="" class="img-fluid"></div>
-                                </div>
-                            </div>
-                            <div class="col-sm-4">
-                                <div class="project-more">
-                                    <h4>Client</h4>
-                                    <p>Pietro Filippi</p>
-                                    <h4>Services</h4>
-                                    <p>Consulting, Webdesign, Print</p>
-                                    <h4>Technologies</h4>
-                                    <p>PHP, HipHop, Break-dance</p>
-                                    <h4>Dates</h4>
-                                    <p>10/2013 - 06/2014</p>
-                                </div>
-                            </div>
                             <div class="col-sm-12">
                                 <div class="heading">
-                                    <h3>Project description</h3>
+                                    <h3>案例介绍</h3>
                                 </div>
-                                <p>Bringing unlocked me an striking ye perceive. Mr by wound hours oh happy. Me in resolution pianoforte continuing we. Most my no spot felt by no. He he in forfeited furniture sweetness he arranging. Me tedious so to behaved written account ferrars moments. Too objection for elsewhere her preferred allowance her. Marianne shutters mr steepest to me. Up mr ignorant produced distance although is sociable blessing. Ham whom call all lain like.</p>
-                                <p>To sorry world an at do spoil along. Incommode he depending do frankness remainder to. Edward day almost active him friend thirty piqued. People as period twenty my extent as. Set was better abroad ham plenty secure had horses. Admiration has sir decisively excellence say everything inhabiting acceptance. Sooner settle add put you sudden him.</p>
+                                <div class="col-sm-12" th:utext="${detail.content}"></div>
                             </div>
                         </div>
                     </section>

+ 3 - 6
website/src/main/resources/templates/index.html

@@ -55,12 +55,9 @@
                 <div id="navigation" class="navbar-collapse collapse">
                     <ul class="nav navbar-nav ml-auto">
                         <li class="nav-item dropdown active"><a href="index">首页 <b class="caret"></b></a></li>
-                        <li class="nav-item dropdown menu-large"><a href="product">产品优势 <b
-                                class="caret"></b></a></li>
-                        <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a>
-                        </li>
-                        <li class="nav-item dropdown menu-large"><a href="case">成功案例 <b
-                                class="caret"></b></a></li>
+                        <li class="nav-item dropdown menu-large"><a href="product">产品优势 <b class="caret"></b></a></li>
+                        <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a></li>
+                        <li class="nav-item dropdown menu-large"><a href="case">成功案例 <b class="caret"></b></a></li>
                         <li class="nav-item dropdown"><a href="about.html">关于我们 <b class="caret"></b></a></li>
                     </ul>
                 </div>